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
package/dist/rsuite.css CHANGED
@@ -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
  left: 0;
1860
+ border-right: none;
1861
+ border-right: 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 48px 8px 12px;
1488
1865
  }
1489
1866
  .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right > .rs-icon {
1490
1867
  right: 0;
1868
+ border-left: none;
1869
+ border-left: 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
  left: 0;
2444
+ border-right: none;
2445
+ border-right: 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 58px 10px 16px;
1918
2449
  }
1919
2450
  .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
1920
2451
  right: 0;
2452
+ border-left: none;
2453
+ border-left: 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
  left: 0;
2483
+ border-right: none;
2484
+ border-right: 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 48px 8px 12px;
1953
2488
  }
1954
2489
  .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right > .rs-icon {
1955
2490
  right: 0;
2491
+ border-left: none;
2492
+ border-left: 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
  left: 0;
2522
+ border-right: none;
2523
+ border-right: 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 40px 5px 10px;
1988
2527
  }
1989
2528
  .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
1990
2529
  right: 0;
2530
+ border-left: none;
2531
+ border-left: 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
  left: 0;
2561
+ border-right: none;
2562
+ border-right: 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 32px 2px 8px;
2023
2566
  }
2024
2567
  .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
2025
2568
  right: 0;
2569
+ border-left: none;
2570
+ border-left: 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
  left: 0;
2734
+ border-right: none;
2735
+ border-right: 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 58px 10px 16px;
2184
2739
  }
2185
2740
  .rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right > .rs-icon {
2186
2741
  right: 0;
2742
+ border-left: none;
2743
+ border-left: 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
  left: 0;
2773
+ border-right: none;
2774
+ border-right: 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 48px 8px 12px;
2219
2778
  }
2220
2779
  .rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right > .rs-icon {
2221
2780
  right: 0;
2781
+ border-left: none;
2782
+ border-left: 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
  left: 0;
2812
+ border-right: none;
2813
+ border-right: 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 40px 5px 10px;
2254
2817
  }
2255
2818
  .rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right > .rs-icon {
2256
2819
  right: 0;
2820
+ border-left: none;
2821
+ border-left: 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
  left: 0;
2851
+ border-right: none;
2852
+ border-right: 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 32px 2px 8px;
2289
2856
  }
2290
2857
  .rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right > .rs-icon {
2291
2858
  right: 0;
2859
+ border-left: none;
2860
+ border-left: 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);
@@ -2665,11 +3239,15 @@ tbody.collapse.in {
2665
3239
  }
2666
3240
  .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover {
2667
3241
  color: #fff;
3242
+ color: var(--rs-calendar-date-selected-text);
2668
3243
  background-color: #3498ff;
2669
3244
  background-color: var(--rs-bg-active);
2670
3245
  -webkit-box-shadow: none;
2671
3246
  box-shadow: none;
2672
3247
  }
3248
+ .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 {
3249
+ text-decoration: underline;
3250
+ }
2673
3251
  .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
2674
3252
  opacity: 0.3;
2675
3253
  }
@@ -2693,11 +3271,15 @@ tbody.collapse.in {
2693
3271
  }
2694
3272
  .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
2695
3273
  color: #fff;
3274
+ color: var(--rs-calendar-date-selected-text);
2696
3275
  background-color: #3498ff;
2697
3276
  background-color: var(--rs-bg-active);
2698
3277
  -webkit-box-shadow: none;
2699
3278
  box-shadow: none;
2700
3279
  }
3280
+ .rs-theme-high-contrast .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
3281
+ text-decoration: underline;
3282
+ }
2701
3283
  .rs-calendar-table-header-row .rs-calendar-table-cell-content {
2702
3284
  color: #8e8e93;
2703
3285
  color: var(--rs-text-secondary);
@@ -2822,11 +3404,15 @@ tbody.collapse.in {
2822
3404
  }
2823
3405
  .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
2824
3406
  color: #fff;
3407
+ color: var(--rs-calendar-date-selected-text);
2825
3408
  background-color: #3498ff;
2826
3409
  background-color: var(--rs-bg-active);
2827
3410
  -webkit-box-shadow: none;
2828
3411
  box-shadow: none;
2829
3412
  }
3413
+ .rs-theme-high-contrast .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
3414
+ text-decoration: underline;
3415
+ }
2830
3416
  .rs-calendar-time-dropdown {
2831
3417
  display: none;
2832
3418
  position: absolute;
@@ -2899,10 +3485,31 @@ tbody.collapse.in {
2899
3485
  color: #1675e0;
2900
3486
  color: var(--rs-listbox-option-hover-text);
2901
3487
  }
3488
+ .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
3489
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3490
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
3491
+ color: #1675e0;
3492
+ color: var(--rs-listbox-option-hover-text);
3493
+ text-decoration: underline;
3494
+ }
2902
3495
  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
2903
3496
  background-color: #3498ff;
2904
3497
  background-color: var(--rs-bg-active);
2905
3498
  color: #fff;
3499
+ color: var(--rs-calendar-date-selected-text);
3500
+ }
3501
+ .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3502
+ background-color: rgba(204, 233, 255, 0.5);
3503
+ background-color: var(--rs-listbox-option-hover-bg);
3504
+ color: #1675e0;
3505
+ color: var(--rs-listbox-option-hover-text);
3506
+ }
3507
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3508
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3509
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
3510
+ color: #1675e0;
3511
+ color: var(--rs-listbox-option-hover-text);
3512
+ text-decoration: underline;
2906
3513
  }
2907
3514
  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
2908
3515
  color: #c5c6c7;
@@ -3183,12 +3790,26 @@ tbody.collapse.in {
3183
3790
  color: #1675e0;
3184
3791
  color: var(--rs-listbox-option-hover-text);
3185
3792
  }
3793
+ .rs-theme-high-contrast .rs-picker-cascader-row:hover {
3794
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3795
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
3796
+ color: #1675e0;
3797
+ color: var(--rs-listbox-option-hover-text);
3798
+ text-decoration: underline;
3799
+ }
3186
3800
  .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3187
3801
  background-color: rgba(204, 233, 255, 0.5);
3188
3802
  background-color: var(--rs-listbox-option-hover-bg);
3189
3803
  color: #1675e0;
3190
3804
  color: var(--rs-listbox-option-hover-text);
3191
3805
  }
3806
+ .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3807
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3808
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
3809
+ color: #1675e0;
3810
+ color: var(--rs-listbox-option-hover-text);
3811
+ text-decoration: underline;
3812
+ }
3192
3813
  .rs-picker-cascader-row:disabled,
3193
3814
  .rs-picker-cascader-row.rs-picker-cascader-row-disabled {
3194
3815
  color: #c5c6c7;
@@ -3276,6 +3897,16 @@ tbody.collapse.in {
3276
3897
  color: #1675e0;
3277
3898
  color: var(--rs-listbox-option-hover-text);
3278
3899
  }
3900
+ .rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
3901
+ .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
3902
+ .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3903
+ .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3904
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3905
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
3906
+ color: #1675e0;
3907
+ color: var(--rs-listbox-option-hover-text);
3908
+ text-decoration: underline;
3909
+ }
3279
3910
  .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
3280
3911
  background-color: #f2faff;
3281
3912
  background-color: var(--rs-listbox-option-selected-bg);
@@ -3283,6 +3914,9 @@ tbody.collapse.in {
3283
3914
  color: #1675e0;
3284
3915
  color: var(--rs-listbox-option-selected-text);
3285
3916
  }
3917
+ .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
3918
+ text-decoration: underline;
3919
+ }
3286
3920
  .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active .rs-picker-cascader-menu-caret {
3287
3921
  color: #575757;
3288
3922
  color: var(--rs-text-primary);
@@ -3345,7 +3979,7 @@ tbody.collapse.in {
3345
3979
  .rs-plaintext .rs-checkbox-inline:first-child {
3346
3980
  margin-left: 0;
3347
3981
  }
3348
- .rs-checkbox [type='checkbox']:focus ~ .rs-checkbox-inner::before {
3982
+ .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
3349
3983
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
3350
3984
  -webkit-box-shadow: var(--rs-state-focus-shadow);
3351
3985
  box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
@@ -3379,6 +4013,10 @@ tbody.collapse.in {
3379
4013
  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
3380
4014
  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);
3381
4015
  }
4016
+ .rs-theme-high-contrast .rs-checkbox-wrapper .rs-checkbox-inner::after {
4017
+ -webkit-transition: none;
4018
+ transition: none;
4019
+ }
3382
4020
  .rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::after,
3383
4021
  .rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::after {
3384
4022
  border: solid #fff;
@@ -3437,6 +4075,10 @@ tbody.collapse.in {
3437
4075
  transition: transform 0.2s linear, opacity 0.2s linear;
3438
4076
  transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
3439
4077
  }
4078
+ .rs-theme-high-contrast .rs-checkbox-wrapper::before {
4079
+ -webkit-transition: none;
4080
+ transition: none;
4081
+ }
3440
4082
  .rs-checkbox-checked .rs-checkbox-wrapper::before {
3441
4083
  -webkit-transform: scale(1.5);
3442
4084
  transform: scale(1.5);
@@ -3459,7 +4101,11 @@ tbody.collapse.in {
3459
4101
  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
3460
4102
  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
3461
4103
  }
3462
- .rs-checkbox-checker:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4104
+ .rs-theme-high-contrast .rs-checkbox-wrapper .rs-checkbox-inner::before {
4105
+ -webkit-transition: none;
4106
+ transition: none;
4107
+ }
4108
+ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
3463
4109
  border-color: #3498ff;
3464
4110
  border-color: var(--rs-checkbox-checked-bg);
3465
4111
  }
@@ -3480,6 +4126,10 @@ tbody.collapse.in {
3480
4126
  .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::before {
3481
4127
  opacity: 0.3;
3482
4128
  }
4129
+ .rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::before,
4130
+ .rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::before {
4131
+ opacity: 0.5;
4132
+ }
3483
4133
  .rs-checkbox-group {
3484
4134
  display: -webkit-box;
3485
4135
  display: -ms-flexbox;
@@ -3782,16 +4432,19 @@ tbody.collapse.in {
3782
4432
  max-width: 100%;
3783
4433
  }
3784
4434
  .rs-picker-menu .rs-calendar {
3785
- width: 246px;
4435
+ min-width: 246px;
3786
4436
  display: block;
3787
4437
  margin: 0 auto;
3788
4438
  }
3789
4439
  .rs-picker-menu .rs-calendar-show-week-numbers {
3790
- width: 278px;
4440
+ min-width: 278px;
3791
4441
  }
3792
4442
  .rs-picker-menu .rs-calendar-header {
3793
4443
  width: 100%;
3794
4444
  }
4445
+ .rs-picker-menu .rs-calendar-table {
4446
+ width: unset;
4447
+ }
3795
4448
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content,
3796
4449
  .rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
3797
4450
  width: 30px;
@@ -3803,6 +4456,13 @@ tbody.collapse.in {
3803
4456
  color: #1675e0;
3804
4457
  color: var(--rs-listbox-option-hover-text);
3805
4458
  }
4459
+ .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4460
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
4461
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
4462
+ color: #1675e0;
4463
+ color: var(--rs-listbox-option-hover-text);
4464
+ text-decoration: underline;
4465
+ }
3806
4466
  .rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
3807
4467
  height: 24px;
3808
4468
  padding-top: 0;
@@ -3818,6 +4478,13 @@ tbody.collapse.in {
3818
4478
  color: #1675e0;
3819
4479
  color: var(--rs-listbox-option-hover-text);
3820
4480
  }
4481
+ .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4482
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
4483
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
4484
+ color: #1675e0;
4485
+ color: var(--rs-listbox-option-hover-text);
4486
+ text-decoration: underline;
4487
+ }
3821
4488
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
3822
4489
  height: 227px;
3823
4490
  }
@@ -4052,6 +4719,9 @@ tbody.collapse.in {
4052
4719
  width: 100%;
4053
4720
  height: 100%;
4054
4721
  }
4722
+ .rs-theme-high-contrast .rs-drawer-content {
4723
+ background-color: var(--rs-drawer-bg);
4724
+ }
4055
4725
  .rs-drawer-backdrop {
4056
4726
  position: fixed;
4057
4727
  top: 0;
@@ -4062,12 +4732,12 @@ tbody.collapse.in {
4062
4732
  background-color: rgba(39, 44, 54, 0.3);
4063
4733
  background-color: var(--rs-bg-backdrop);
4064
4734
  }
4065
- .rs-drawer-backdrop.fade {
4735
+ .rs-drawer-backdrop.rs-anim-fade {
4066
4736
  opacity: 0;
4067
4737
  -webkit-transition: opacity 0.3s ease-in;
4068
4738
  transition: opacity 0.3s ease-in;
4069
4739
  }
4070
- .rs-drawer-backdrop.in {
4740
+ .rs-drawer-backdrop.rs-anim-in {
4071
4741
  opacity: 1;
4072
4742
  }
4073
4743
  .rs-drawer-header {
@@ -4113,6 +4783,7 @@ tbody.collapse.in {
4113
4783
  flex-shrink: 0;
4114
4784
  text-align: right;
4115
4785
  border-top: none;
4786
+ margin-left: auto;
4116
4787
  }
4117
4788
  .rs-drawer-actions::before,
4118
4789
  .rs-drawer-actions::after {
@@ -4122,6 +4793,9 @@ tbody.collapse.in {
4122
4793
  .rs-drawer-actions::after {
4123
4794
  clear: both;
4124
4795
  }
4796
+ .rs-drawer-title ~ .rs-drawer-actions {
4797
+ margin-left: 10px;
4798
+ }
4125
4799
  .rs-drawer-actions .rs-btn + .rs-btn {
4126
4800
  margin-left: 10px;
4127
4801
  margin-bottom: 0;
@@ -4299,6 +4973,10 @@ tbody.collapse.in {
4299
4973
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
4300
4974
  box-shadow: var(--rs-dropdown-shadow);
4301
4975
  }
4976
+ .rs-theme-high-contrast .rs-dropdown .rs-dropdown-menu {
4977
+ border: 1px solid #e5e5ea;
4978
+ border: 1px solid var(--rs-border-primary);
4979
+ }
4302
4980
  .rs-dropdown-menu[hidden] {
4303
4981
  display: none;
4304
4982
  }
@@ -4343,6 +5021,12 @@ tbody.collapse.in {
4343
5021
  color: #1675e0;
4344
5022
  color: var(--rs-menuitem-active-text);
4345
5023
  }
5024
+ .rs-theme-high-contrast .rs-dropdown-item:focus-visible,
5025
+ .rs-theme-high-contrast .rs-dropdown-item.rs-dropdown-item-focus {
5026
+ text-decoration: underline;
5027
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
5028
+ box-shadow: inset 0 0 0 2px #fff;
5029
+ }
4346
5030
  .rs-dropdown-item:focus {
4347
5031
  outline: 0;
4348
5032
  }
@@ -4374,6 +5058,11 @@ tbody.collapse.in {
4374
5058
  color: #1675e0;
4375
5059
  color: var(--rs-menuitem-active-text);
4376
5060
  }
5061
+ .rs-theme-high-contrast .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
5062
+ text-decoration: underline;
5063
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
5064
+ box-shadow: inset 0 0 0 2px #fff;
5065
+ }
4377
5066
  .rs-dropdown-item-submenu.rs-dropdown-item {
4378
5067
  position: relative;
4379
5068
  }
@@ -4421,6 +5110,12 @@ tbody.collapse.in {
4421
5110
  color: #1675e0;
4422
5111
  color: var(--rs-menuitem-active-text);
4423
5112
  }
5113
+ .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
5114
+ .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus {
5115
+ text-decoration: underline;
5116
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
5117
+ box-shadow: inset 0 0 0 2px #fff;
5118
+ }
4424
5119
  .rs-dropdown-open > .rs-dropdown-menu {
4425
5120
  -webkit-animation-play-state: running;
4426
5121
  animation-play-state: running;
@@ -6510,6 +7205,10 @@ tbody.collapse.in {
6510
7205
  background-color: #f2f2f5;
6511
7206
  background-color: var(--rs-iconbtn-addon);
6512
7207
  }
7208
+ .rs-theme-high-contrast .rs-btn-icon-with-text:disabled,
7209
+ .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-disabled {
7210
+ opacity: 0.5;
7211
+ }
6513
7212
  .rs-btn-icon-with-text.rs-btn-primary > .rs-icon {
6514
7213
  background-color: #2589f5;
6515
7214
  background-color: var(--rs-iconbtn-primary-addon);
@@ -6529,6 +7228,10 @@ tbody.collapse.in {
6529
7228
  background-color: #2589f5;
6530
7229
  background-color: var(--rs-iconbtn-primary-addon);
6531
7230
  }
7231
+ .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-primary:disabled,
7232
+ .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-primary.rs-btn-disabled {
7233
+ opacity: 0.5;
7234
+ }
6532
7235
  .rs-btn-icon-circle {
6533
7236
  border-radius: 50% !important;
6534
7237
  }
@@ -6559,6 +7262,10 @@ tbody.collapse.in {
6559
7262
  textarea.rs-input {
6560
7263
  height: auto;
6561
7264
  }
7265
+ .rs-theme-high-contrast .rs-input {
7266
+ -webkit-transition: none;
7267
+ transition: none;
7268
+ }
6562
7269
  .rs-input::-webkit-input-placeholder {
6563
7270
  color: #8e8e93;
6564
7271
  color: var(--rs-text-secondary);
@@ -6657,6 +7364,10 @@ textarea.rs-input-sm {
6657
7364
  border: 1px solid #e5e5ea;
6658
7365
  border: 1px solid var(--rs-border-primary);
6659
7366
  }
7367
+ .rs-theme-high-contrast .rs-input-group {
7368
+ -webkit-transition: none;
7369
+ transition: none;
7370
+ }
6660
7371
  .rs-input-group:not(.rs-input-group-disabled):hover,
6661
7372
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
6662
7373
  .rs-input-group:focus-within {
@@ -6761,6 +7472,7 @@ textarea.rs-input-sm {
6761
7472
  color: #8e8e93;
6762
7473
  color: var(--rs-btn-subtle-text);
6763
7474
  background-color: transparent;
7475
+ border: none;
6764
7476
  color: inherit;
6765
7477
  position: absolute;
6766
7478
  height: 34px;
@@ -6787,6 +7499,10 @@ textarea.rs-input-sm {
6787
7499
  color: var(--rs-btn-subtle-disabled-text);
6788
7500
  background: none;
6789
7501
  }
7502
+ .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
7503
+ .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
7504
+ opacity: 0.5;
7505
+ }
6790
7506
  .rs-input-group.rs-input-group-inside .rs-input-group-btn > .rs-icon {
6791
7507
  font-size: 14px;
6792
7508
  line-height: 1.42857143;
@@ -7977,6 +8693,9 @@ textarea.rs-picker-search-input {
7977
8693
  color: #4caf50;
7978
8694
  color: var(--rs-message-success-icon);
7979
8695
  }
8696
+ .rs-theme-high-contrast .rs-message-success {
8697
+ border: 1px solid var(--rs-message-success-border);
8698
+ }
7980
8699
  .rs-message-info {
7981
8700
  background-color: #f0f9ff;
7982
8701
  background-color: var(--rs-message-info-bg);
@@ -7994,6 +8713,9 @@ textarea.rs-picker-search-input {
7994
8713
  color: #2196f3;
7995
8714
  color: var(--rs-message-info-icon);
7996
8715
  }
8716
+ .rs-theme-high-contrast .rs-message-info {
8717
+ border: 1px solid var(--rs-message-info-border);
8718
+ }
7997
8719
  .rs-message-warning {
7998
8720
  background-color: #fffaf2;
7999
8721
  background-color: var(--rs-message-warning-bg);
@@ -8011,6 +8733,9 @@ textarea.rs-picker-search-input {
8011
8733
  color: #ffb300;
8012
8734
  color: var(--rs-message-warning-icon);
8013
8735
  }
8736
+ .rs-theme-high-contrast .rs-message-warning {
8737
+ border: 1px solid var(--rs-message-warning-border);
8738
+ }
8014
8739
  .rs-message-error {
8015
8740
  background-color: #fff2f2;
8016
8741
  background-color: var(--rs-message-error-bg);
@@ -8028,6 +8753,9 @@ textarea.rs-picker-search-input {
8028
8753
  color: #f44336;
8029
8754
  color: var(--rs-message-error-icon);
8030
8755
  }
8756
+ .rs-theme-high-contrast .rs-message-error {
8757
+ border: 1px solid var(--rs-message-error-border);
8758
+ }
8031
8759
  .rs-modal-open {
8032
8760
  overflow: hidden;
8033
8761
  }
@@ -8072,6 +8800,8 @@ textarea.rs-picker-search-input {
8072
8800
  position: relative;
8073
8801
  background-color: #fff;
8074
8802
  background-color: var(--rs-bg-overlay);
8803
+ border: none;
8804
+ border: var(--rs-modal-border, none);
8075
8805
  border-radius: 6px;
8076
8806
  outline: 0;
8077
8807
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
@@ -8089,12 +8819,12 @@ textarea.rs-picker-search-input {
8089
8819
  background-color: rgba(39, 44, 54, 0.3);
8090
8820
  background-color: var(--rs-bg-backdrop);
8091
8821
  }
8092
- .rs-modal-backdrop.fade {
8822
+ .rs-modal-backdrop.rs-anim-fade {
8093
8823
  opacity: 0;
8094
8824
  -webkit-transition: opacity 0.3s ease-in;
8095
8825
  transition: opacity 0.3s ease-in;
8096
8826
  }
8097
- .rs-modal-backdrop.in {
8827
+ .rs-modal-backdrop.rs-anim-in {
8098
8828
  opacity: 1;
8099
8829
  }
8100
8830
  .rs-modal-header {
@@ -8231,23 +8961,33 @@ textarea.rs-picker-search-input {
8231
8961
  .rs-nav-item:active {
8232
8962
  text-decoration: none;
8233
8963
  }
8964
+ .rs-theme-high-contrast .rs-nav-item {
8965
+ -webkit-transition: none;
8966
+ transition: none;
8967
+ }
8234
8968
  .rs-nav-item:hover,
8235
8969
  .rs-nav-item:focus,
8236
8970
  .rs-nav-item.rs-nav-item-focus {
8237
8971
  color: #575757;
8238
8972
  color: var(--rs-navs-text-hover);
8239
8973
  }
8974
+ .rs-theme-high-contrast .rs-nav-item:hover,
8975
+ .rs-theme-high-contrast .rs-nav-item:focus,
8976
+ .rs-theme-high-contrast .rs-nav-item.rs-nav-item-focus {
8977
+ text-decoration: underline;
8978
+ }
8240
8979
  .rs-nav-item:focus-visible {
8241
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8242
- -webkit-box-shadow: var(--rs-state-focus-shadow);
8243
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8244
- box-shadow: var(--rs-state-focus-shadow);
8245
- z-index: 1;
8980
+ -webkit-box-shadow: var(--rs-state-focus-shadow-slim);
8981
+ box-shadow: var(--rs-state-focus-shadow-slim);
8982
+ z-index: 2;
8246
8983
  }
8247
8984
  .rs-nav-item:active {
8248
8985
  color: #272c36;
8249
8986
  color: var(--rs-navs-text-active);
8250
8987
  }
8988
+ .rs-theme-high-contrast .rs-nav-item:active {
8989
+ text-decoration: underline;
8990
+ }
8251
8991
  .rs-nav-item.rs-nav-item-disabled {
8252
8992
  cursor: not-allowed;
8253
8993
  pointer-events: none;
@@ -8260,6 +9000,9 @@ textarea.rs-picker-search-input {
8260
9000
  color: var(--rs-navs-selected);
8261
9001
  z-index: 1;
8262
9002
  }
9003
+ .rs-theme-high-contrast .rs-nav-item.rs-nav-item-active {
9004
+ text-decoration: underline;
9005
+ }
8263
9006
  .rs-nav-item > .rs-icon {
8264
9007
  margin-right: 6px;
8265
9008
  }
@@ -8448,32 +9191,56 @@ textarea.rs-picker-search-input {
8448
9191
  .rs-navbar-nav.rs-navbar-right {
8449
9192
  float: right;
8450
9193
  }
8451
- .rs-navbar-nav:focus .rs-nav-item:focus-visible,
8452
- .rs-navbar-nav:focus .rs-nav-item.rs-nav-item-focus,
9194
+ .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
9195
+ .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
8453
9196
  .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
8454
9197
  .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9198
+ z-index: 1;
8455
9199
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8456
9200
  -webkit-box-shadow: var(--rs-state-focus-shadow);
8457
9201
  box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8458
9202
  box-shadow: var(--rs-state-focus-shadow);
8459
- z-index: 1;
8460
9203
  }
8461
- .rs-navbar-nav > .rs-nav-item,
9204
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
9205
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9206
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9207
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9208
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9209
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
9210
+ }
9211
+ .rs-navbar-item,
8462
9212
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
8463
9213
  padding: 18px 16px;
8464
9214
  height: 56px;
8465
9215
  border-radius: 0;
8466
9216
  color: inherit;
9217
+ float: left;
9218
+ background-color: transparent;
9219
+ position: relative;
9220
+ overflow: hidden;
9221
+ }
9222
+ .rs-navbar-brand,
9223
+ .rs-navbar-item,
9224
+ .rs-navbar-nav > .rs-dropdown-item,
9225
+ .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
9226
+ outline: 0;
8467
9227
  }
8468
- .rs-navbar-nav .rs-nav-item:focus-visible,
8469
- .rs-navbar-nav .rs-dropdown-item:focus-visible {
9228
+ .rs-navbar-brand:focus-visible,
9229
+ .rs-navbar-item:focus-visible,
9230
+ .rs-navbar-nav > .rs-dropdown-item:focus-visible {
8470
9231
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8471
9232
  -webkit-box-shadow: var(--rs-state-focus-shadow);
8472
9233
  box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
8473
9234
  box-shadow: var(--rs-state-focus-shadow);
8474
- z-index: 1;
9235
+ z-index: 2;
9236
+ }
9237
+ .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
9238
+ .rs-theme-high-contrast .rs-navbar-item:focus-visible,
9239
+ .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9240
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9241
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
8475
9242
  }
8476
- .rs-navbar-nav > .rs-nav-item,
9243
+ .rs-navbar-item,
8477
9244
  .rs-navbar-nav > .rs-dropdown,
8478
9245
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
8479
9246
  margin: 0 !important;
@@ -8481,17 +9248,27 @@ textarea.rs-picker-search-input {
8481
9248
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
8482
9249
  padding-right: 36px;
8483
9250
  }
9251
+ .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
9252
+ border: none;
9253
+ }
9254
+ .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9255
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9256
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
9257
+ }
8484
9258
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle .rs-dropdown-toggle-caret {
8485
9259
  top: 18px;
8486
9260
  right: 16px;
8487
9261
  }
9262
+ .rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
9263
+ text-decoration: underline;
9264
+ }
8488
9265
  .rs-navbar-default {
8489
9266
  background-color: #f7f7fa;
8490
9267
  background-color: var(--rs-navbar-default-bg);
8491
9268
  color: #575757;
8492
9269
  color: var(--rs-navbar-default-text);
8493
9270
  }
8494
- .rs-navbar-default .rs-nav-item:hover,
9271
+ .rs-navbar-default .rs-navbar-item:hover,
8495
9272
  .rs-navbar-default .rs-dropdown .rs-dropdown-toggle:hover,
8496
9273
  .rs-navbar-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
8497
9274
  background-color: #e5e5ea;
@@ -8499,7 +9276,7 @@ textarea.rs-picker-search-input {
8499
9276
  color: #575757;
8500
9277
  color: var(--rs-navbar-default-hover-text);
8501
9278
  }
8502
- .rs-navbar-default .rs-nav-item.rs-nav-item-active,
9279
+ .rs-navbar-default .rs-navbar-item.rs-navbar-item-active,
8503
9280
  .rs-navbar-default .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
8504
9281
  color: #1675e0;
8505
9282
  color: var(--rs-navbar-default-selected-text);
@@ -8510,32 +9287,36 @@ textarea.rs-picker-search-input {
8510
9287
  color: #fff;
8511
9288
  color: var(--rs-navbar-inverse-text);
8512
9289
  }
8513
- .rs-navbar-inverse .rs-nav-item:hover,
9290
+ .rs-navbar-inverse .rs-navbar-item:hover,
8514
9291
  .rs-navbar-inverse .rs-dropdown .rs-dropdown-toggle:hover,
8515
- .rs-navbar-inverse .rs-nav-item:focus,
9292
+ .rs-navbar-inverse .rs-navbar-item:focus,
8516
9293
  .rs-navbar-inverse .rs-dropdown .rs-dropdown-toggle:focus {
8517
9294
  background-color: #2589f5;
8518
9295
  background-color: var(--rs-navbar-inverse-hover-bg);
8519
9296
  }
8520
- .rs-navbar-inverse .rs-nav-item.rs-nav-item-active,
9297
+ .rs-navbar-inverse .rs-navbar-item.rs-navbar-item-active,
8521
9298
  .rs-navbar-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
8522
9299
  background-color: #1675e0;
8523
9300
  background-color: var(--rs-navbar-inverse-selected-bg);
8524
9301
  }
9302
+ .rs-theme-high-contrast .rs-navbar-inverse .rs-navbar-item.rs-navbar-item-active,
9303
+ .rs-theme-high-contrast .rs-navbar-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
9304
+ color: var(--rs-navbar-inverse-selected-text);
9305
+ }
8525
9306
  .rs-navbar-subtle {
8526
9307
  background-color: transparent;
8527
9308
  color: #8e8e93;
8528
9309
  color: var(--rs-navbar-subtle-text);
8529
9310
  }
8530
- .rs-navbar-subtle .rs-nav-item:hover,
9311
+ .rs-navbar-subtle .rs-navbar-item:hover,
8531
9312
  .rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:hover,
8532
- .rs-navbar-subtle .rs-nav-item:focus,
9313
+ .rs-navbar-subtle .rs-navbar-item:focus,
8533
9314
  .rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:focus {
8534
9315
  background-color: transparent;
8535
9316
  color: #575757;
8536
9317
  color: var(--rs-navbar-subtle-hover-text);
8537
9318
  }
8538
- .rs-navbar-subtle .rs-nav-item.rs-nav-item-active,
9319
+ .rs-navbar-subtle .rs-navbar-item.rs-navbar-item-active,
8539
9320
  .rs-navbar-subtle .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
8540
9321
  color: #1675e0;
8541
9322
  color: var(--rs-navbar-subtle-selected-text);
@@ -8549,17 +9330,22 @@ textarea.rs-picker-search-input {
8549
9330
  flex: 0 0 auto;
8550
9331
  -webkit-animation-fill-mode: forwards;
8551
9332
  animation-fill-mode: forwards;
9333
+ border-radius: 6px;
9334
+ background: #fff;
9335
+ background: var(--rs-bg-overlay);
9336
+ -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
9337
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
9338
+ overflow: hidden;
8552
9339
  }
8553
9340
  .rs-notification:not(.rs-toast-fade-exited) ~ .rs-notification {
8554
9341
  margin-top: 10px;
8555
9342
  }
9343
+ .rs-theme-high-contrast .rs-notification {
9344
+ border: 1px solid #e5e5ea;
9345
+ border: 1px solid var(--rs-border-primary);
9346
+ }
8556
9347
  .rs-notification-content {
8557
- background: #fff;
8558
- background: var(--rs-bg-overlay);
8559
- -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
8560
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
8561
9348
  padding: 20px;
8562
- border-radius: 6px;
8563
9349
  max-width: 400px;
8564
9350
  }
8565
9351
  .rs-notification-title {
@@ -8720,12 +9506,16 @@ textarea.rs-picker-search-input {
8720
9506
  }
8721
9507
  .rs-btn-icon-with-text.rs-pagination-lg .rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
8722
9508
  left: 0;
9509
+ border-right: none;
9510
+ border-right: var(--rs-btn-default-border, none);
8723
9511
  }
8724
9512
  .rs-btn-icon-with-text.rs-pagination-lg .rs-pagination-btn.rs-btn-icon-placement-right {
8725
9513
  padding: 10px 58px 10px 16px;
8726
9514
  }
8727
9515
  .rs-btn-icon-with-text.rs-pagination-lg .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
8728
9516
  right: 0;
9517
+ border-left: none;
9518
+ border-left: var(--rs-btn-default-border, none);
8729
9519
  }
8730
9520
  .rs-pagination-lg .rs-pagination-btn .rs-pagination-symbol {
8731
9521
  height: 22px;
@@ -8762,12 +9552,16 @@ textarea.rs-picker-search-input {
8762
9552
  }
8763
9553
  .rs-btn-icon-with-text.rs-pagination-md .rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
8764
9554
  left: 0;
9555
+ border-right: none;
9556
+ border-right: var(--rs-btn-default-border, none);
8765
9557
  }
8766
9558
  .rs-btn-icon-with-text.rs-pagination-md .rs-pagination-btn.rs-btn-icon-placement-right {
8767
9559
  padding: 8px 48px 8px 12px;
8768
9560
  }
8769
9561
  .rs-btn-icon-with-text.rs-pagination-md .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
8770
9562
  right: 0;
9563
+ border-left: none;
9564
+ border-left: var(--rs-btn-default-border, none);
8771
9565
  }
8772
9566
  .rs-pagination-md .rs-pagination-btn-active {
8773
9567
  padding: 7px 11px;
@@ -8801,12 +9595,16 @@ textarea.rs-picker-search-input {
8801
9595
  }
8802
9596
  .rs-btn-icon-with-text.rs-pagination-sm .rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
8803
9597
  left: 0;
9598
+ border-right: none;
9599
+ border-right: var(--rs-btn-default-border, none);
8804
9600
  }
8805
9601
  .rs-btn-icon-with-text.rs-pagination-sm .rs-pagination-btn.rs-btn-icon-placement-right {
8806
9602
  padding: 5px 40px 5px 10px;
8807
9603
  }
8808
9604
  .rs-btn-icon-with-text.rs-pagination-sm .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
8809
9605
  right: 0;
9606
+ border-left: none;
9607
+ border-left: var(--rs-btn-default-border, none);
8810
9608
  }
8811
9609
  .rs-pagination-sm .rs-pagination-btn-active {
8812
9610
  padding: 4px 9px;
@@ -8840,12 +9638,16 @@ textarea.rs-picker-search-input {
8840
9638
  }
8841
9639
  .rs-btn-icon-with-text.rs-pagination-xs .rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
8842
9640
  left: 0;
9641
+ border-right: none;
9642
+ border-right: var(--rs-btn-default-border, none);
8843
9643
  }
8844
9644
  .rs-btn-icon-with-text.rs-pagination-xs .rs-pagination-btn.rs-btn-icon-placement-right {
8845
9645
  padding: 2px 32px 2px 8px;
8846
9646
  }
8847
9647
  .rs-btn-icon-with-text.rs-pagination-xs .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
8848
9648
  right: 0;
9649
+ border-left: none;
9650
+ border-left: var(--rs-btn-default-border, none);
8849
9651
  }
8850
9652
  .rs-pagination-xs .rs-pagination-btn-active {
8851
9653
  padding: 1px 7px;
@@ -8861,6 +9663,7 @@ textarea.rs-picker-search-input {
8861
9663
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
8862
9664
  transition: color 0.2s linear, background-color 0.3s linear;
8863
9665
  border: none;
9666
+ border: var(--rs-btn-default-border, none);
8864
9667
  color: #575757;
8865
9668
  color: var(--rs-btn-default-text);
8866
9669
  background-color: #f7f7fa;
@@ -8871,6 +9674,7 @@ textarea.rs-picker-search-input {
8871
9674
  color: #8e8e93;
8872
9675
  color: var(--rs-btn-subtle-text);
8873
9676
  background-color: transparent;
9677
+ border: none;
8874
9678
  font-size: 14px;
8875
9679
  line-height: 20px;
8876
9680
  padding: 5px 10px;
@@ -8890,6 +9694,10 @@ textarea.rs-picker-search-input {
8890
9694
  -ms-flex-pack: center;
8891
9695
  justify-content: center;
8892
9696
  }
9697
+ .rs-theme-high-contrast .rs-pagination-btn {
9698
+ -webkit-transition: none;
9699
+ transition: none;
9700
+ }
8893
9701
  .rs-btn-ghost.rs-pagination-btn {
8894
9702
  padding: 7px 11px;
8895
9703
  }
@@ -8913,12 +9721,16 @@ textarea.rs-picker-search-input {
8913
9721
  }
8914
9722
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
8915
9723
  left: 0;
9724
+ border-right: none;
9725
+ border-right: var(--rs-btn-default-border, none);
8916
9726
  }
8917
9727
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-right {
8918
9728
  padding: 8px 48px 8px 12px;
8919
9729
  }
8920
9730
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
8921
9731
  right: 0;
9732
+ border-left: none;
9733
+ border-left: var(--rs-btn-default-border, none);
8922
9734
  }
8923
9735
  .rs-pagination-btn:focus {
8924
9736
  outline: 0;
@@ -8929,6 +9741,7 @@ textarea.rs-picker-search-input {
8929
9741
  }
8930
9742
  .rs-pagination-btn:hover,
8931
9743
  .rs-pagination-btn:focus {
9744
+ color: var(--rs-btn-default-hover-text);
8932
9745
  background-color: #e5e5ea;
8933
9746
  background-color: var(--rs-btn-default-hover-bg);
8934
9747
  }
@@ -8947,6 +9760,10 @@ textarea.rs-picker-search-input {
8947
9760
  background-color: #f7f7fa;
8948
9761
  background-color: var(--rs-btn-default-disabled-bg);
8949
9762
  }
9763
+ .rs-theme-high-contrast .rs-pagination-btn:disabled,
9764
+ .rs-theme-high-contrast .rs-pagination-btn.rs-btn-disabled {
9765
+ opacity: 0.5;
9766
+ }
8950
9767
  @media not all and (min-resolution: 0.001dpcm) {
8951
9768
  .rs-pagination-btn {
8952
9769
  /* stylelint-disable */
@@ -8958,6 +9775,10 @@ textarea.rs-picker-search-input {
8958
9775
  -webkit-transition: border-color ease-in-out 0.3s;
8959
9776
  transition: border-color ease-in-out 0.3s;
8960
9777
  }
9778
+ .rs-theme-high-contrast .rs-picker-default .rs-pagination-btn {
9779
+ -webkit-transition: none;
9780
+ transition: none;
9781
+ }
8961
9782
  .rs-picker-default:not(.rs-picker-disabled) .rs-pagination-btn:hover,
8962
9783
  .rs-picker-default:not(.rs-picker-disabled) .rs-pagination-btn:focus,
8963
9784
  .rs-picker-default:not(.rs-picker-disabled) .rs-pagination-btn-active {
@@ -8968,6 +9789,7 @@ textarea.rs-picker-search-input {
8968
9789
  color: #8e8e93;
8969
9790
  color: var(--rs-btn-subtle-text);
8970
9791
  background-color: transparent;
9792
+ border: none;
8971
9793
  -webkit-transition: none;
8972
9794
  transition: none;
8973
9795
  }
@@ -8991,6 +9813,10 @@ textarea.rs-picker-search-input {
8991
9813
  color: var(--rs-btn-subtle-disabled-text);
8992
9814
  background: none;
8993
9815
  }
9816
+ .rs-theme-high-contrast .rs-picker-subtle .rs-pagination-btn:disabled,
9817
+ .rs-theme-high-contrast .rs-picker-subtle .rs-pagination-btn.rs-btn-disabled {
9818
+ opacity: 0.5;
9819
+ }
8994
9820
  .rs-picker-subtle .rs-pagination-btn-active {
8995
9821
  background-color: #f7f7fa;
8996
9822
  background-color: var(--rs-btn-subtle-hover-bg);
@@ -9017,6 +9843,10 @@ textarea.rs-picker-search-input {
9017
9843
  color: var(--rs-btn-subtle-disabled-text);
9018
9844
  background: none;
9019
9845
  }
9846
+ .rs-theme-high-contrast .rs-pagination-btn:disabled,
9847
+ .rs-theme-high-contrast .rs-pagination-btn.rs-btn-disabled {
9848
+ opacity: 0.5;
9849
+ }
9020
9850
  .rs-btn-ghost.rs-pagination-btn {
9021
9851
  padding: 4px 9px;
9022
9852
  }
@@ -9040,12 +9870,16 @@ textarea.rs-picker-search-input {
9040
9870
  }
9041
9871
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-left > .rs-icon {
9042
9872
  left: 0;
9873
+ border-right: none;
9874
+ border-right: var(--rs-btn-default-border, none);
9043
9875
  }
9044
9876
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-right {
9045
9877
  padding: 5px 40px 5px 10px;
9046
9878
  }
9047
9879
  .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
9048
9880
  right: 0;
9881
+ border-left: none;
9882
+ border-left: var(--rs-btn-default-border, none);
9049
9883
  }
9050
9884
  .rs-pagination-btn .rs-pagination-symbol {
9051
9885
  display: -webkit-box;
@@ -9056,36 +9890,54 @@ textarea.rs-picker-search-input {
9056
9890
  align-items: center;
9057
9891
  height: 20px;
9058
9892
  }
9059
- .rs-pagination-btn-active {
9893
+ .rs-theme-high-contrast .rs-pagination-btn {
9894
+ -webkit-transition: none;
9895
+ transition: none;
9896
+ color: var(--rs-pagination-item-text);
9897
+ }
9898
+ .rs-theme-high-contrast .rs-pagination-btn:hover,
9899
+ .rs-theme-high-contrast .rs-pagination-btn:focus-visible {
9900
+ color: var(--rs-pagination-item-current-text);
9901
+ text-decoration: underline;
9902
+ }
9903
+ .rs-pagination-btn.rs-pagination-btn-active {
9060
9904
  color: #1675e0;
9061
9905
  color: var(--rs-btn-ghost-text);
9062
9906
  background-color: transparent;
9063
9907
  border: 1px solid #1675e0;
9064
9908
  border: 1px solid var(--rs-btn-ghost-border);
9065
9909
  }
9066
- .rs-pagination-btn-active:hover,
9067
- .rs-pagination-btn-active:focus {
9910
+ .rs-pagination-btn.rs-pagination-btn-active:hover,
9911
+ .rs-pagination-btn.rs-pagination-btn-active:focus {
9068
9912
  color: #0a5dc2;
9069
9913
  color: var(--rs-btn-ghost-hover-text);
9070
9914
  background-color: transparent;
9071
9915
  border-color: #0a5dc2;
9072
9916
  border-color: var(--rs-btn-ghost-hover-border);
9073
9917
  }
9074
- .rs-pagination-btn-active:active,
9075
- .rs-pagination-btn-active.rs-btn-active {
9918
+ .rs-pagination-btn.rs-pagination-btn-active:active,
9919
+ .rs-pagination-btn.rs-pagination-btn-active.rs-btn-active {
9076
9920
  color: #004299;
9077
9921
  color: var(--rs-btn-ghost-active-text);
9078
9922
  background-color: transparent;
9079
9923
  border-color: #004299;
9080
9924
  border-color: var(--rs-btn-ghost-active-border);
9081
9925
  }
9082
- .rs-pagination-btn-active:disabled,
9083
- .rs-pagination-btn-active.rs-btn-disabled {
9926
+ .rs-pagination-btn.rs-pagination-btn-active:disabled,
9927
+ .rs-pagination-btn.rs-pagination-btn-active.rs-btn-disabled {
9084
9928
  color: #1675e0;
9085
9929
  color: var(--rs-btn-ghost-text);
9086
9930
  background-color: transparent;
9087
9931
  opacity: 0.3;
9088
9932
  }
9933
+ .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active:disabled,
9934
+ .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active.rs-btn-disabled {
9935
+ opacity: 0.5;
9936
+ }
9937
+ .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active {
9938
+ color: var(--rs-pagination-item-current-text);
9939
+ text-decoration: underline;
9940
+ }
9089
9941
  /* rtl:begin:ignore */
9090
9942
  [dir='rtl'] .rs-pagination-btn [class*='rs-icon-page'] {
9091
9943
  -webkit-transform: rotate(180deg);
@@ -9224,8 +10076,9 @@ textarea.rs-picker-search-input {
9224
10076
  .rs-picker-value-count {
9225
10077
  margin: 0 4px;
9226
10078
  background-color: #3498ff;
9227
- background-color: var(--rs-picker-count);
10079
+ background-color: var(--rs-picker-count-bg);
9228
10080
  color: #fff;
10081
+ color: var(--rs-picker-count-text);
9229
10082
  border-radius: 10px;
9230
10083
  padding: 0 8px;
9231
10084
  line-height: 20px;
@@ -9257,6 +10110,7 @@ textarea.rs-picker-search-input {
9257
10110
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
9258
10111
  transition: color 0.2s linear, background-color 0.3s linear;
9259
10112
  border: none;
10113
+ border: var(--rs-btn-default-border, none);
9260
10114
  -webkit-user-select: none;
9261
10115
  -moz-user-select: none;
9262
10116
  -ms-user-select: none;
@@ -9273,6 +10127,10 @@ textarea.rs-picker-search-input {
9273
10127
  overflow: hidden;
9274
10128
  position: relative;
9275
10129
  }
10130
+ .rs-theme-high-contrast .rs-picker-toggle {
10131
+ -webkit-transition: none;
10132
+ transition: none;
10133
+ }
9276
10134
  .rs-btn-ghost.rs-picker-toggle {
9277
10135
  padding: 7px 11px;
9278
10136
  }
@@ -9296,12 +10154,16 @@ textarea.rs-picker-search-input {
9296
10154
  }
9297
10155
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-left > .rs-icon {
9298
10156
  left: 0;
10157
+ border-right: none;
10158
+ border-right: var(--rs-btn-default-border, none);
9299
10159
  }
9300
10160
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right {
9301
10161
  padding: 8px 48px 8px 12px;
9302
10162
  }
9303
10163
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right > .rs-icon {
9304
10164
  right: 0;
10165
+ border-left: none;
10166
+ border-left: var(--rs-btn-default-border, none);
9305
10167
  }
9306
10168
  .rs-picker-toggle:focus {
9307
10169
  outline: 0;
@@ -9312,6 +10174,7 @@ textarea.rs-picker-search-input {
9312
10174
  }
9313
10175
  .rs-picker-toggle:hover,
9314
10176
  .rs-picker-toggle:focus {
10177
+ color: var(--rs-btn-default-hover-text);
9315
10178
  background-color: #e5e5ea;
9316
10179
  background-color: var(--rs-btn-default-hover-bg);
9317
10180
  }
@@ -9330,6 +10193,10 @@ textarea.rs-picker-search-input {
9330
10193
  background-color: #f7f7fa;
9331
10194
  background-color: var(--rs-btn-default-disabled-bg);
9332
10195
  }
10196
+ .rs-theme-high-contrast .rs-picker-toggle:disabled,
10197
+ .rs-theme-high-contrast .rs-picker-toggle.rs-btn-disabled {
10198
+ opacity: 0.5;
10199
+ }
9333
10200
  @media not all and (min-resolution: 0.001dpcm) {
9334
10201
  .rs-picker-toggle {
9335
10202
  /* stylelint-disable */
@@ -9341,6 +10208,10 @@ textarea.rs-picker-search-input {
9341
10208
  -webkit-transition: border-color ease-in-out 0.3s;
9342
10209
  transition: border-color ease-in-out 0.3s;
9343
10210
  }
10211
+ .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
10212
+ -webkit-transition: none;
10213
+ transition: none;
10214
+ }
9344
10215
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover,
9345
10216
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:focus,
9346
10217
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle-active {
@@ -9351,6 +10222,7 @@ textarea.rs-picker-search-input {
9351
10222
  color: #8e8e93;
9352
10223
  color: var(--rs-btn-subtle-text);
9353
10224
  background-color: transparent;
10225
+ border: none;
9354
10226
  -webkit-transition: none;
9355
10227
  transition: none;
9356
10228
  }
@@ -9374,6 +10246,10 @@ textarea.rs-picker-search-input {
9374
10246
  color: var(--rs-btn-subtle-disabled-text);
9375
10247
  background: none;
9376
10248
  }
10249
+ .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle:disabled,
10250
+ .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
10251
+ opacity: 0.5;
10252
+ }
9377
10253
  .rs-picker-subtle .rs-picker-toggle-active {
9378
10254
  background-color: #f7f7fa;
9379
10255
  background-color: var(--rs-btn-subtle-hover-bg);
@@ -9415,6 +10291,11 @@ textarea.rs-picker-search-input {
9415
10291
  -webkit-transition: border-color ease-in-out 0.3s;
9416
10292
  transition: border-color ease-in-out 0.3s;
9417
10293
  }
10294
+ .rs-theme-high-contrast .rs-picker-default .rs-btn,
10295
+ .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
10296
+ -webkit-transition: none;
10297
+ transition: none;
10298
+ }
9418
10299
  .rs-picker-default:not(.rs-picker-disabled) .rs-btn:hover,
9419
10300
  .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover,
9420
10301
  .rs-picker-default:not(.rs-picker-disabled) .rs-btn:focus,
@@ -9429,6 +10310,7 @@ textarea.rs-picker-search-input {
9429
10310
  color: #8e8e93;
9430
10311
  color: var(--rs-btn-subtle-text);
9431
10312
  background-color: transparent;
10313
+ border: none;
9432
10314
  -webkit-transition: none;
9433
10315
  transition: none;
9434
10316
  }
@@ -9458,6 +10340,12 @@ textarea.rs-picker-search-input {
9458
10340
  color: var(--rs-btn-subtle-disabled-text);
9459
10341
  background: none;
9460
10342
  }
10343
+ .rs-theme-high-contrast .rs-picker-subtle .rs-btn:disabled,
10344
+ .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle:disabled,
10345
+ .rs-theme-high-contrast .rs-picker-subtle .rs-btn.rs-btn-disabled,
10346
+ .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
10347
+ opacity: 0.5;
10348
+ }
9461
10349
  .rs-picker-subtle .rs-btn-active,
9462
10350
  .rs-picker-subtle .rs-picker-toggle-active {
9463
10351
  background-color: #f7f7fa;
@@ -9643,12 +10531,16 @@ textarea.rs-picker-search-input {
9643
10531
  }
9644
10532
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
9645
10533
  left: 0;
10534
+ border-right: none;
10535
+ border-right: var(--rs-btn-default-border, none);
9646
10536
  }
9647
10537
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
9648
10538
  padding: 10px 58px 10px 16px;
9649
10539
  }
9650
10540
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
9651
10541
  right: 0;
10542
+ border-left: none;
10543
+ border-left: var(--rs-btn-default-border, none);
9652
10544
  }
9653
10545
  .rs-picker-toggle.rs-btn-lg .rs-picker-value-count {
9654
10546
  line-height: 22px;
@@ -9757,12 +10649,16 @@ textarea.rs-picker-search-input {
9757
10649
  }
9758
10650
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
9759
10651
  left: 0;
10652
+ border-right: none;
10653
+ border-right: var(--rs-btn-default-border, none);
9760
10654
  }
9761
10655
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right {
9762
10656
  padding: 5px 40px 5px 10px;
9763
10657
  }
9764
10658
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
9765
10659
  right: 0;
10660
+ border-left: none;
10661
+ border-left: var(--rs-btn-default-border, none);
9766
10662
  }
9767
10663
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-sm {
9768
10664
  padding-right: 30px;
@@ -9870,12 +10766,16 @@ textarea.rs-picker-search-input {
9870
10766
  }
9871
10767
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
9872
10768
  left: 0;
10769
+ border-right: none;
10770
+ border-right: var(--rs-btn-default-border, none);
9873
10771
  }
9874
10772
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right {
9875
10773
  padding: 2px 32px 2px 8px;
9876
10774
  }
9877
10775
  .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
9878
10776
  right: 0;
10777
+ border-left: none;
10778
+ border-left: var(--rs-btn-default-border, none);
9879
10779
  }
9880
10780
  .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-xs {
9881
10781
  padding-right: 28px;
@@ -10089,6 +10989,10 @@ textarea.rs-picker-search-input {
10089
10989
  transition: none;
10090
10990
  /* stylelint-disable-next-line */
10091
10991
  }
10992
+ .rs-theme-high-contrast .rs-picker-menu {
10993
+ border: 1px solid #e5e5ea;
10994
+ border: 1px solid var(--rs-border-primary);
10995
+ }
10092
10996
  .rs-modal-open .rs-picker-menu {
10093
10997
  z-index: 1055;
10094
10998
  }
@@ -10132,6 +11036,10 @@ textarea.rs-picker-search-input {
10132
11036
  textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10133
11037
  height: auto;
10134
11038
  }
11039
+ .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11040
+ -webkit-transition: none;
11041
+ transition: none;
11042
+ }
10135
11043
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input::-webkit-input-placeholder {
10136
11044
  color: #8e8e93;
10137
11045
  color: var(--rs-text-secondary);
@@ -10207,10 +11115,24 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10207
11115
  }
10208
11116
  .rs-check-item:not(.rs-checkbox-disabled):hover,
10209
11117
  .rs-check-item:focus,
10210
- .rs-check-item-focus {
11118
+ .rs-check-item.rs-check-item-focus {
10211
11119
  background-color: rgba(204, 233, 255, 0.5);
10212
11120
  background-color: var(--rs-listbox-option-hover-bg);
10213
11121
  }
11122
+ .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
11123
+ .rs-theme-high-contrast .rs-check-item:focus,
11124
+ .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
11125
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
11126
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
11127
+ color: #1675e0;
11128
+ color: var(--rs-listbox-option-hover-text);
11129
+ text-decoration: underline;
11130
+ }
11131
+ .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper,
11132
+ .rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper,
11133
+ .rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper {
11134
+ text-decoration: underline;
11135
+ }
10214
11136
  .rs-check-item .rs-checkbox-checker {
10215
11137
  padding: 0;
10216
11138
  }
@@ -10224,10 +11146,17 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10224
11146
  line-height: 20px;
10225
11147
  /* stylelint-disable-next-line */
10226
11148
  }
11149
+ .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
11150
+ -webkit-transition: none;
11151
+ transition: none;
11152
+ }
10227
11153
  .rs-check-item .rs-checkbox-checker > label::before {
10228
11154
  background-color: #fff;
10229
11155
  background-color: var(--rs-bg-overlay);
10230
11156
  }
11157
+ .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
11158
+ background: none;
11159
+ }
10231
11160
  .ReactVirtualized__Grid .rs-check-item .rs-checkbox-checker > label {
10232
11161
  overflow: hidden;
10233
11162
  text-overflow: ellipsis;
@@ -10377,6 +11306,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10377
11306
  background-position: 0 50%;
10378
11307
  }
10379
11308
  }
11309
+ /* rtl:begin:ignore */
11310
+ /* rtl:end:ignore */
10380
11311
  .rs-popover {
10381
11312
  position: absolute;
10382
11313
  top: 0;
@@ -10399,23 +11330,28 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10399
11330
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
10400
11331
  box-shadow: var(--rs-popover-shadow);
10401
11332
  }
10402
- .rs-popover.fade {
11333
+ .rs-popover.rs-anim-fade {
10403
11334
  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
10404
11335
  transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
10405
11336
  transition: opacity 0.1s linear, transform 0.1s ease-out;
10406
11337
  transition: opacity 0.1s linear, transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
10407
11338
  }
10408
- .rs-popover.in {
11339
+ .rs-popover.rs-anim-in {
10409
11340
  opacity: 1;
10410
11341
  -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
10411
11342
  transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
10412
11343
  transition: opacity 0.15s linear, transform 0.15s ease-in;
10413
11344
  transition: opacity 0.15s linear, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
10414
11345
  }
11346
+ .rs-theme-high-contrast .rs-popover {
11347
+ border: 1px solid #e5e5ea;
11348
+ border: 1px solid var(--rs-border-primary);
11349
+ }
10415
11350
  .rs-popover > .rs-popover-arrow {
10416
11351
  border-width: 6px;
10417
11352
  }
10418
11353
  .rs-popover > .rs-popover-arrow,
11354
+ .rs-popover > .rs-popover-arrow::before,
10419
11355
  .rs-popover > .rs-popover-arrow::after {
10420
11356
  position: absolute;
10421
11357
  display: block;
@@ -10424,10 +11360,17 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10424
11360
  border-color: transparent;
10425
11361
  border-style: solid;
10426
11362
  }
11363
+ .rs-popover > .rs-popover-arrow::before,
10427
11364
  .rs-popover > .rs-popover-arrow::after {
10428
11365
  border-width: 6px;
10429
11366
  content: '';
10430
11367
  }
11368
+ .rs-popover > .rs-popover-arrow::before {
11369
+ display: none;
11370
+ }
11371
+ .rs-theme-high-contrast .rs-popover > .rs-popover-arrow::before {
11372
+ display: block;
11373
+ }
10431
11374
  .rs-popover-title {
10432
11375
  margin: 0;
10433
11376
  font-size: 14px;
@@ -10445,64 +11388,142 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10445
11388
  -webkit-transform: translate(0, 0);
10446
11389
  transform: translate(0, 0);
10447
11390
  }
10448
- .rs-popover[class*='placement-top'].in {
11391
+ .rs-popover[class*='placement-top'].rs-anim-in {
10449
11392
  -webkit-transform: translate(0, -2px);
10450
11393
  transform: translate(0, -2px);
10451
11394
  }
10452
11395
  .rs-popover[class*='placement-top'] > .rs-popover-arrow {
10453
11396
  margin-left: -6px;
10454
- border-bottom-width: 0;
10455
11397
  bottom: -6px;
10456
11398
  }
10457
11399
  .rs-popover[class*='placement-top'] > .rs-popover-arrow::after {
10458
- bottom: 1px;
11400
+ bottom: -6px;
10459
11401
  margin-left: -6px;
10460
- border-bottom-width: 0;
11402
+ border-width: 6px 6px 0;
10461
11403
  border-top-color: #fff;
10462
11404
  border-top-color: var(--rs-bg-overlay);
10463
11405
  }
11406
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11407
+ .rs-popover[class*='placement-top'] > .rs-popover-arrow::after {
11408
+ bottom: -7px;
11409
+ }
11410
+ }
11411
+ @supports (-ms-ime-align: auto) {
11412
+ .rs-popover[class*='placement-top'] > .rs-popover-arrow::after {
11413
+ bottom: -7px;
11414
+ }
11415
+ }
11416
+ .rs-theme-high-contrast .rs-popover[class*='placement-top'] > .rs-popover-arrow::before {
11417
+ bottom: -7px;
11418
+ margin-left: -7px;
11419
+ border-width: 7px 7px 0;
11420
+ border-top-color: #e5e5ea;
11421
+ border-top-color: var(--rs-border-primary);
11422
+ }
11423
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11424
+ .rs-theme-high-contrast .rs-popover[class*='placement-top'] > .rs-popover-arrow::before {
11425
+ bottom: -8px;
11426
+ }
11427
+ }
11428
+ @supports (-ms-ime-align: auto) {
11429
+ .rs-theme-high-contrast .rs-popover[class*='placement-top'] > .rs-popover-arrow::before {
11430
+ bottom: -8px;
11431
+ }
11432
+ }
10464
11433
  /* rtl:begin:ignore */
10465
11434
  .rs-popover[class*='placement-right'] {
10466
11435
  margin-left: 8px;
10467
11436
  -webkit-transform: translate(0, 0);
10468
11437
  transform: translate(0, 0);
10469
11438
  }
10470
- .rs-popover[class*='placement-right'].in {
11439
+ .rs-popover[class*='placement-right'].rs-anim-in {
10471
11440
  -webkit-transform: translate(2px, 0);
10472
11441
  transform: translate(2px, 0);
10473
11442
  }
10474
11443
  .rs-popover[class*='placement-right'] > .rs-popover-arrow {
10475
11444
  left: -6px;
10476
11445
  margin-top: -6px;
10477
- border-left-width: 0;
10478
11446
  }
10479
- .rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
10480
- left: 1px;
10481
- bottom: -6px;
10482
- border-left-width: 0;
10483
- border-right-color: #fff;
10484
- border-right-color: var(--rs-bg-overlay);
11447
+ .rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
11448
+ left: -6px;
11449
+ margin-top: -6px;
11450
+ border-width: 6px 6px 6px 0;
11451
+ border-right-color: #fff;
11452
+ border-right-color: var(--rs-bg-overlay);
11453
+ }
11454
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11455
+ .rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
11456
+ left: -7px;
11457
+ }
11458
+ }
11459
+ @supports (-ms-ime-align: auto) {
11460
+ .rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
11461
+ left: -7px;
11462
+ }
11463
+ }
11464
+ .rs-theme-high-contrast .rs-popover[class*='placement-right'] > .rs-popover-arrow::before {
11465
+ left: -7px;
11466
+ margin-top: -7px;
11467
+ border-width: 7px 7px 7px 0;
11468
+ border-right-color: #e5e5ea;
11469
+ border-right-color: var(--rs-border-primary);
11470
+ }
11471
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11472
+ .rs-theme-high-contrast .rs-popover[class*='placement-right'] > .rs-popover-arrow::before {
11473
+ left: -8px;
11474
+ }
11475
+ }
11476
+ @supports (-ms-ime-align: auto) {
11477
+ .rs-theme-high-contrast .rs-popover[class*='placement-right'] > .rs-popover-arrow::before {
11478
+ left: -8px;
11479
+ }
10485
11480
  }
10486
11481
  .rs-popover[class*='placement-left'] {
10487
11482
  margin-left: -8px;
10488
11483
  -webkit-transform: translate(0, 0);
10489
11484
  transform: translate(0, 0);
10490
11485
  }
10491
- .rs-popover[class*='placement-left'].in {
11486
+ .rs-popover[class*='placement-left'].rs-anim-in {
10492
11487
  -webkit-transform: translate(-2px, 0);
10493
11488
  transform: translate(-2px, 0);
10494
11489
  }
10495
11490
  .rs-popover[class*='placement-left'] > .rs-popover-arrow {
10496
11491
  right: -6px;
10497
11492
  margin-top: -6px;
10498
- border-right-width: 0;
10499
11493
  }
10500
11494
  .rs-popover[class*='placement-left'] > .rs-popover-arrow::after {
10501
- right: 1px;
10502
- border-right-width: 0;
11495
+ right: -6px;
11496
+ margin-top: -6px;
11497
+ border-width: 6px 0 6px 6px;
10503
11498
  border-left-color: #fff;
10504
11499
  border-left-color: var(--rs-bg-overlay);
10505
- bottom: -6px;
11500
+ }
11501
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11502
+ .rs-popover[class*='placement-left'] > .rs-popover-arrow::after {
11503
+ right: -7px;
11504
+ }
11505
+ }
11506
+ @supports (-ms-ime-align: auto) {
11507
+ .rs-popover[class*='placement-left'] > .rs-popover-arrow::after {
11508
+ right: -7px;
11509
+ }
11510
+ }
11511
+ .rs-theme-high-contrast .rs-popover[class*='placement-left'] > .rs-popover-arrow::before {
11512
+ right: -7px;
11513
+ margin-top: -7px;
11514
+ border-width: 7px 0 7px 7px;
11515
+ border-left-color: #e5e5ea;
11516
+ border-left-color: var(--rs-border-primary);
11517
+ }
11518
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11519
+ .rs-theme-high-contrast .rs-popover[class*='placement-left'] > .rs-popover-arrow::before {
11520
+ right: -8px;
11521
+ }
11522
+ }
11523
+ @supports (-ms-ime-align: auto) {
11524
+ .rs-theme-high-contrast .rs-popover[class*='placement-left'] > .rs-popover-arrow::before {
11525
+ right: -8px;
11526
+ }
10506
11527
  }
10507
11528
  /* rtl:end:ignore */
10508
11529
  .rs-popover[class*='placement-bottom'] {
@@ -10510,22 +11531,48 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10510
11531
  -webkit-transform: translate(0, 0);
10511
11532
  transform: translate(0, 0);
10512
11533
  }
10513
- .rs-popover[class*='placement-bottom'].in {
11534
+ .rs-popover[class*='placement-bottom'].rs-anim-in {
10514
11535
  -webkit-transform: translate(0, 2px);
10515
11536
  transform: translate(0, 2px);
10516
11537
  }
10517
11538
  .rs-popover[class*='placement-bottom'] > .rs-popover-arrow {
10518
11539
  margin-left: -6px;
10519
- border-top-width: 0;
10520
11540
  top: -6px;
10521
11541
  }
10522
11542
  .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::after {
10523
- top: 1px;
11543
+ top: -6px;
10524
11544
  margin-left: -6px;
10525
- border-top-width: 0;
11545
+ border-width: 0 6px 6px;
10526
11546
  border-bottom-color: #fff;
10527
11547
  border-bottom-color: var(--rs-bg-overlay);
10528
11548
  }
11549
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11550
+ .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::after {
11551
+ top: -7px;
11552
+ }
11553
+ }
11554
+ @supports (-ms-ime-align: auto) {
11555
+ .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::after {
11556
+ top: -7px;
11557
+ }
11558
+ }
11559
+ .rs-theme-high-contrast .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::before {
11560
+ top: -7px;
11561
+ margin-left: -7px;
11562
+ border-width: 0 7px 7px;
11563
+ border-bottom-color: #e5e5ea;
11564
+ border-bottom-color: var(--rs-border-primary);
11565
+ }
11566
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
11567
+ .rs-theme-high-contrast .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::before {
11568
+ top: -8px;
11569
+ }
11570
+ }
11571
+ @supports (-ms-ime-align: auto) {
11572
+ .rs-theme-high-contrast .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::before {
11573
+ top: -8px;
11574
+ }
11575
+ }
10529
11576
  .rs-popover.placement-bottom > .rs-popover-arrow,
10530
11577
  .rs-popover.placement-top > .rs-popover-arrow {
10531
11578
  left: 50%;
@@ -10907,6 +11954,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10907
11954
  transition: transform 0.2s linear, opacity 0.2s linear;
10908
11955
  transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
10909
11956
  }
11957
+ .rs-theme-high-contrast .rs-radio-wrapper::before {
11958
+ -webkit-transition: none;
11959
+ transition: none;
11960
+ }
10910
11961
  .rs-radio-checked .rs-radio-wrapper::before {
10911
11962
  -webkit-transform: scale(1.5);
10912
11963
  transform: scale(1.5);
@@ -10929,6 +11980,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10929
11980
  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
10930
11981
  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
10931
11982
  }
11983
+ .rs-theme-high-contrast .rs-radio-inner::before {
11984
+ -webkit-transition: none;
11985
+ transition: none;
11986
+ }
10932
11987
  .rs-radio:hover .rs-radio-inner::before {
10933
11988
  border-color: #3498ff;
10934
11989
  border-color: var(--rs-radio-checked-bg);
@@ -10948,6 +12003,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10948
12003
  .rs-radio.rs-radio-disabled.rs-radio-checked .rs-radio-inner::before {
10949
12004
  opacity: 0.3;
10950
12005
  }
12006
+ .rs-theme-high-contrast .rs-radio.rs-radio-disabled.rs-radio-checked .rs-radio-inner::before {
12007
+ opacity: 0.5;
12008
+ }
10951
12009
  .rs-radio-inner::after {
10952
12010
  width: 6px;
10953
12011
  height: 6px;
@@ -10964,6 +12022,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
10964
12022
  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
10965
12023
  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);
10966
12024
  }
12025
+ .rs-theme-high-contrast .rs-radio-inner::after {
12026
+ -webkit-transition: none;
12027
+ transition: none;
12028
+ }
10967
12029
  .rs-radio-checked .rs-radio-inner::after {
10968
12030
  -webkit-transform: scale(1);
10969
12031
  transform: scale(1);
@@ -11020,6 +12082,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11020
12082
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
11021
12083
  transition: color 0.2s linear, background-color 0.3s linear;
11022
12084
  border: none;
12085
+ border: var(--rs-btn-default-border, none);
11023
12086
  -webkit-user-select: none;
11024
12087
  -moz-user-select: none;
11025
12088
  -ms-user-select: none;
@@ -11038,6 +12101,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11038
12101
  color: #8e8e93;
11039
12102
  color: var(--rs-btn-subtle-text);
11040
12103
  background-color: transparent;
12104
+ border: none;
11041
12105
  color: #8e8e93;
11042
12106
  color: var(--rs-text-secondary);
11043
12107
  background: none;
@@ -11045,6 +12109,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11045
12109
  transition: color 0.3s linear;
11046
12110
  padding: 7px 0;
11047
12111
  }
12112
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label {
12113
+ -webkit-transition: none;
12114
+ transition: none;
12115
+ }
11048
12116
  .rs-btn-ghost.rs-radio-group-picker .rs-radio-checker > label {
11049
12117
  padding: 7px 11px;
11050
12118
  }
@@ -11068,12 +12136,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11068
12136
  }
11069
12137
  .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-left > .rs-icon {
11070
12138
  left: 0;
12139
+ border-right: none;
12140
+ border-right: var(--rs-btn-default-border, none);
11071
12141
  }
11072
12142
  .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-right {
11073
12143
  padding: 8px 48px 8px 12px;
11074
12144
  }
11075
12145
  .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-right > .rs-icon {
11076
12146
  right: 0;
12147
+ border-left: none;
12148
+ border-left: var(--rs-btn-default-border, none);
11077
12149
  }
11078
12150
  .rs-radio-group-picker .rs-radio-checker > label:focus {
11079
12151
  outline: 0;
@@ -11084,6 +12156,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11084
12156
  }
11085
12157
  .rs-radio-group-picker .rs-radio-checker > label:hover,
11086
12158
  .rs-radio-group-picker .rs-radio-checker > label:focus {
12159
+ color: var(--rs-btn-default-hover-text);
11087
12160
  background-color: #e5e5ea;
11088
12161
  background-color: var(--rs-btn-default-hover-bg);
11089
12162
  }
@@ -11102,6 +12175,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11102
12175
  background-color: #f7f7fa;
11103
12176
  background-color: var(--rs-btn-default-disabled-bg);
11104
12177
  }
12178
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:disabled,
12179
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12180
+ opacity: 0.5;
12181
+ }
11105
12182
  @media not all and (min-resolution: 0.001dpcm) {
11106
12183
  .rs-radio-group-picker .rs-radio-checker > label {
11107
12184
  /* stylelint-disable */
@@ -11113,6 +12190,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11113
12190
  -webkit-transition: border-color ease-in-out 0.3s;
11114
12191
  transition: border-color ease-in-out 0.3s;
11115
12192
  }
12193
+ .rs-theme-high-contrast .rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
12194
+ -webkit-transition: none;
12195
+ transition: none;
12196
+ }
11116
12197
  .rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label:hover,
11117
12198
  .rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label:focus,
11118
12199
  .rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label-active {
@@ -11123,6 +12204,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11123
12204
  color: #8e8e93;
11124
12205
  color: var(--rs-btn-subtle-text);
11125
12206
  background-color: transparent;
12207
+ border: none;
11126
12208
  -webkit-transition: none;
11127
12209
  transition: none;
11128
12210
  }
@@ -11146,6 +12228,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11146
12228
  color: var(--rs-btn-subtle-disabled-text);
11147
12229
  background: none;
11148
12230
  }
12231
+ .rs-theme-high-contrast .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:disabled,
12232
+ .rs-theme-high-contrast .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12233
+ opacity: 0.5;
12234
+ }
11149
12235
  .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label-active {
11150
12236
  background-color: #f7f7fa;
11151
12237
  background-color: var(--rs-btn-subtle-hover-bg);
@@ -11172,6 +12258,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11172
12258
  color: var(--rs-btn-subtle-disabled-text);
11173
12259
  background: none;
11174
12260
  }
12261
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:disabled,
12262
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12263
+ opacity: 0.5;
12264
+ }
12265
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label {
12266
+ -webkit-transition: none;
12267
+ transition: none;
12268
+ }
11175
12269
  .rs-radio-group-picker .rs-radio-checker > label:hover,
11176
12270
  .rs-radio-group-picker .rs-radio-checker > label:active {
11177
12271
  color: #1675e0;
@@ -11223,6 +12317,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11223
12317
  left: 0;
11224
12318
  pointer-events: none;
11225
12319
  }
12320
+ .rs-theme-high-contrast .rs-ripple-pond {
12321
+ display: none !important;
12322
+ }
11226
12323
  .rs-row {
11227
12324
  margin-left: -5px;
11228
12325
  margin-right: -5px;
@@ -11306,6 +12403,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11306
12403
  color: #1675e0;
11307
12404
  color: var(--rs-listbox-option-hover-text);
11308
12405
  }
12406
+ .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
12407
+ .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
12408
+ .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
12409
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12410
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12411
+ color: #1675e0;
12412
+ color: var(--rs-listbox-option-hover-text);
12413
+ text-decoration: underline;
12414
+ }
11309
12415
  .rs-picker-select-menu-item.rs-picker-select-menu-item-active {
11310
12416
  font-weight: bold;
11311
12417
  color: #1675e0;
@@ -11339,19 +12445,31 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11339
12445
  list-style: none;
11340
12446
  padding: 0;
11341
12447
  }
11342
- .rs-sidenav-nav > .rs-nav-item,
12448
+ .rs-sidenav-nav > .rs-sidenav-item,
11343
12449
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
11344
- .rs-sidenav-nav .rs-dropdown-item {
12450
+ .rs-sidenav-nav .rs-dropdown-item,
12451
+ .rs-sidenav-nav .rs-dropdown-item-toggle {
11345
12452
  padding: 15px 20px;
11346
12453
  -webkit-transition: color 0.3s linear, background-color 0.3s linear;
11347
12454
  transition: color 0.3s linear, background-color 0.3s linear;
11348
12455
  border-radius: 0;
11349
12456
  color: inherit;
11350
12457
  }
11351
- .rs-sidenav-nav > .rs-nav-item,
12458
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item,
12459
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
12460
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item,
12461
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle {
12462
+ -webkit-transition: none;
12463
+ transition: none;
12464
+ }
12465
+ .rs-sidenav-nav > .rs-sidenav-item,
11352
12466
  .rs-sidenav-nav > .rs-dropdown {
11353
12467
  margin: 0 !important;
11354
12468
  }
12469
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
12470
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-menu {
12471
+ border: none;
12472
+ }
11355
12473
  .rs-sidenav-nav .rs-dropdown-item-toggle {
11356
12474
  display: block;
11357
12475
  width: 100%;
@@ -11368,13 +12486,21 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11368
12486
  box-shadow: inset var(--rs-state-focus-shadow);
11369
12487
  z-index: 1;
11370
12488
  }
11371
- .rs-sidenav-nav .rs-nav-item:focus-visible {
12489
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12490
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12491
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12492
+ }
12493
+ .rs-sidenav-nav .rs-sidenav-item:focus-visible {
11372
12494
  -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
11373
12495
  -webkit-box-shadow: inset var(--rs-state-focus-shadow);
11374
12496
  box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
11375
12497
  box-shadow: inset var(--rs-state-focus-shadow);
11376
12498
  z-index: 1;
11377
12499
  }
12500
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12501
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12502
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12503
+ }
11378
12504
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu-item-focus,
11379
12505
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-active {
11380
12506
  font-weight: normal;
@@ -11396,7 +12522,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11396
12522
  -webkit-transform: rotate(90deg);
11397
12523
  transform: rotate(90deg);
11398
12524
  }
11399
- .rs-sidenav-nav > .rs-nav-item,
12525
+ .rs-sidenav-nav > .rs-sidenav-item,
11400
12526
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle {
11401
12527
  font-size: 16px;
11402
12528
  line-height: 1.25;
@@ -11404,7 +12530,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11404
12530
  width: 100%;
11405
12531
  white-space: normal;
11406
12532
  }
11407
- .rs-sidenav-nav > .rs-nav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
12533
+ .rs-sidenav-nav > .rs-sidenav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
11408
12534
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle > .rs-icon:not(.rs-dropdown-toggle-caret) {
11409
12535
  font-size: 16px;
11410
12536
  margin-right: 20px;
@@ -11414,17 +12540,35 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11414
12540
  line-height: 1.25;
11415
12541
  height: 16px;
11416
12542
  }
11417
- .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle {
12543
+ .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12544
+ .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
11418
12545
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11419
12546
  -webkit-box-shadow: var(--rs-state-focus-shadow);
11420
12547
  box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11421
12548
  box-shadow: var(--rs-state-focus-shadow);
11422
12549
  z-index: 2;
11423
12550
  }
12551
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12552
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
12553
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12554
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12555
+ }
12556
+ .rs-sidenav-item {
12557
+ position: relative;
12558
+ display: block;
12559
+ outline: 0;
12560
+ overflow: hidden;
12561
+ }
12562
+ .rs-sidenav-item:focus-visible,
12563
+ .rs-sidenav-item.rs-sidenav-item-focus {
12564
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12565
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12566
+ z-index: 2;
12567
+ }
11424
12568
  .rs-sidenav-collapse-in {
11425
12569
  width: 100%;
11426
12570
  }
11427
- .rs-sidenav-collapse-in .rs-nav-item {
12571
+ .rs-sidenav-collapse-in .rs-sidenav-item {
11428
12572
  border-radius: 0;
11429
12573
  }
11430
12574
  .rs-sidenav-collapse-in .rs-dropdown {
@@ -11448,6 +12592,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11448
12592
  background: none;
11449
12593
  z-index: 2;
11450
12594
  }
12595
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
12596
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
12597
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12598
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12599
+ }
11451
12600
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu,
11452
12601
  .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu {
11453
12602
  -webkit-box-shadow: none;
@@ -11461,6 +12610,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11461
12610
  box-shadow: inset var(--rs-state-focus-shadow);
11462
12611
  z-index: 2;
11463
12612
  }
12613
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
12614
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12615
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12616
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12617
+ }
11464
12618
  .rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
11465
12619
  .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
11466
12620
  overflow: hidden;
@@ -11588,19 +12742,24 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11588
12742
  .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 {
11589
12743
  padding-left: 85px;
11590
12744
  }
11591
- .rs-sidenav-collapse-out .rs-nav-item,
12745
+ .rs-sidenav-collapse-out .rs-sidenav-item,
11592
12746
  .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle {
11593
12747
  padding-right: 0;
11594
12748
  height: 50px;
11595
12749
  padding-left: 56px;
11596
12750
  }
11597
- .rs-sidenav-collapse-out .rs-nav-item:focus,
12751
+ .rs-sidenav-collapse-out .rs-sidenav-item:focus,
11598
12752
  .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
11599
12753
  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11600
12754
  -webkit-box-shadow: var(--rs-state-focus-shadow);
11601
12755
  box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11602
12756
  box-shadow: var(--rs-state-focus-shadow);
11603
12757
  }
12758
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12759
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12760
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12761
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
12762
+ }
11604
12763
  .rs-sidenav-collapse-out .rs-dropdown-item {
11605
12764
  padding: 8px 27px 8px 12px;
11606
12765
  }
@@ -11610,13 +12769,13 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11610
12769
  .rs-sidenav-collapse-out .rs-dropdown-toggle-caret {
11611
12770
  display: none;
11612
12771
  }
11613
- .rs-sidenav-collapse-out .rs-nav-item-text,
12772
+ .rs-sidenav-collapse-out .rs-sidenav-item-text,
11614
12773
  .rs-sidenav-collapse-out .rs-dropdown-toggle > span {
11615
12774
  -webkit-animation: sideNavFoldedText 0.2s ease-in forwards;
11616
12775
  animation: sideNavFoldedText 0.2s ease-in forwards;
11617
12776
  }
11618
- .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-nav-item,
11619
- .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-nav-item,
12777
+ .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-sidenav-item,
12778
+ .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-sidenav-item,
11620
12779
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-toggle,
11621
12780
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle,
11622
12781
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-item,
@@ -11637,22 +12796,39 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11637
12796
  }
11638
12797
  .rs-sidenav-default {
11639
12798
  background-color: #f7f7fa;
11640
- background-color: var(--rs-navbar-default-bg);
12799
+ background-color: var(--rs-sidenav-default-bg);
11641
12800
  color: #575757;
11642
- color: var(--rs-navbar-default-text);
12801
+ color: var(--rs-sidenav-default-text);
12802
+ }
12803
+ .rs-sidenav-default .rs-sidenav-item,
12804
+ .rs-sidenav-default .rs-dropdown-toggle {
12805
+ background-color: #f7f7fa;
12806
+ background-color: var(--rs-sidenav-default-bg);
11643
12807
  }
11644
- .rs-sidenav-default .rs-nav-item:hover,
12808
+ .rs-sidenav-default .rs-sidenav-item:hover,
11645
12809
  .rs-sidenav-default .rs-dropdown .rs-dropdown-toggle:hover,
11646
12810
  .rs-sidenav-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
11647
12811
  background-color: #e5e5ea;
11648
- background-color: var(--rs-navbar-default-hover-bg);
12812
+ background-color: var(--rs-sidenav-default-hover-bg);
11649
12813
  color: #575757;
11650
- color: var(--rs-navbar-default-hover-text);
12814
+ color: var(--rs-sidenav-default-hover-text);
11651
12815
  }
11652
- .rs-sidenav-default .rs-nav-item.rs-nav-item-active,
11653
- .rs-sidenav-default .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
12816
+ .rs-sidenav-default .rs-sidenav-item.rs-sidenav-item-active,
12817
+ .rs-sidenav-default .rs-dropdown-item.rs-dropdown-item-active,
12818
+ .rs-sidenav-default .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
11654
12819
  color: #1675e0;
11655
- color: var(--rs-navbar-default-selected-text);
12820
+ color: var(--rs-sidenav-default-selected-text);
12821
+ }
12822
+ .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
12823
+ background-color: rgba(204, 233, 255, 0.5);
12824
+ background-color: var(--rs-menuitem-active-bg);
12825
+ color: #1675e0;
12826
+ color: var(--rs-menuitem-active-text);
12827
+ }
12828
+ .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
12829
+ text-decoration: underline;
12830
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
12831
+ box-shadow: inset 0 0 0 2px #fff;
11656
12832
  }
11657
12833
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
11658
12834
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -11661,7 +12837,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11661
12837
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
11662
12838
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
11663
12839
  color: #575757;
11664
- color: var(--rs-navbar-default-text);
12840
+ color: var(--rs-sidenav-default-text);
11665
12841
  }
11666
12842
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
11667
12843
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
@@ -11682,61 +12858,76 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11682
12858
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
11683
12859
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus {
11684
12860
  background-color: #e5e5ea;
11685
- background-color: var(--rs-navbar-default-hover-bg);
12861
+ background-color: var(--rs-sidenav-default-hover-bg);
11686
12862
  color: #575757;
11687
- color: var(--rs-navbar-default-hover-text);
12863
+ color: var(--rs-sidenav-default-hover-text);
11688
12864
  }
12865
+ .rs-sidenav-default.rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
12866
+ .rs-sidenav-default.rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
11689
12867
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
11690
12868
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
11691
12869
  color: #1675e0;
11692
- color: var(--rs-navbar-default-selected-text);
12870
+ color: var(--rs-sidenav-default-selected-text);
12871
+ }
12872
+ .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
12873
+ .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
12874
+ .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
12875
+ .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
12876
+ text-decoration: underline;
11693
12877
  }
11694
- .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
11695
- .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
11696
- .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon {
12878
+ .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
12879
+ .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
12880
+ .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
11697
12881
  color: #1675e0;
11698
- color: var(--rs-navbar-default-selected-text);
12882
+ color: var(--rs-sidenav-default-selected-text);
11699
12883
  }
11700
12884
  .rs-sidenav-inverse {
11701
12885
  background-color: #3498ff;
11702
- background-color: var(--rs-navbar-inverse-bg);
12886
+ background-color: var(--rs-sidenav-inverse-bg);
11703
12887
  color: #fff;
11704
- color: var(--rs-navbar-inverse-text);
12888
+ color: var(--rs-sidenav-inverse-text);
12889
+ }
12890
+ .rs-sidenav-inverse .rs-sidenav-item,
12891
+ .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle,
12892
+ .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
12893
+ background-color: #3498ff;
12894
+ background-color: var(--rs-sidenav-inverse-bg);
11705
12895
  }
11706
- .rs-sidenav-inverse .rs-nav-item:hover,
12896
+ .rs-sidenav-inverse .rs-sidenav-item:hover,
11707
12897
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:hover,
11708
- .rs-sidenav-inverse .rs-nav-item:focus,
11709
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus {
12898
+ .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:hover,
12899
+ .rs-sidenav-inverse .rs-sidenav-item:focus,
12900
+ .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus,
12901
+ .rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:focus {
11710
12902
  background-color: #2589f5;
11711
- background-color: var(--rs-navbar-inverse-hover-bg);
12903
+ background-color: var(--rs-sidenav-inverse-hover-bg);
11712
12904
  }
11713
- .rs-sidenav-inverse .rs-nav-item.rs-nav-item-active,
11714
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
11715
- background-color: #1675e0;
11716
- background-color: var(--rs-navbar-inverse-selected-bg);
12905
+ .rs-theme-high-contrast .rs-sidenav-inverse .rs-sidenav-item.rs-sidenav-item-active,
12906
+ .rs-theme-high-contrast .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
12907
+ color: var(--rs-sidenav-inverse-selected-text);
11717
12908
  }
11718
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle,
11719
- .rs-sidenav-inverse .rs-nav-item,
12909
+ .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
12910
+ .rs-sidenav-inverse .rs-sidenav-item,
11720
12911
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle {
11721
12912
  color: #fff;
11722
- color: var(--rs-navbar-inverse-text);
12913
+ color: var(--rs-sidenav-inverse-text);
11723
12914
  }
11724
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover,
11725
- .rs-sidenav-inverse .rs-nav-item:hover,
12915
+ .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
12916
+ .rs-sidenav-inverse .rs-sidenav-item:hover,
11726
12917
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:hover,
11727
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle:focus,
11728
- .rs-sidenav-inverse .rs-nav-item:focus,
12918
+ .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:focus,
12919
+ .rs-sidenav-inverse .rs-sidenav-item:focus,
11729
12920
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle:focus,
11730
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle.rs-dropdown-item-focus,
11731
- .rs-sidenav-inverse .rs-nav-item.rs-dropdown-item-focus,
12921
+ .rs-sidenav-inverse .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle.rs-dropdown-item-focus,
12922
+ .rs-sidenav-inverse .rs-sidenav-item.rs-dropdown-item-focus,
11732
12923
  .rs-sidenav-inverse .rs-dropdown .rs-dropdown-toggle.rs-dropdown-item-focus {
11733
12924
  color: #fff;
11734
- color: var(--rs-navbar-inverse-text);
12925
+ color: var(--rs-sidenav-inverse-text);
11735
12926
  }
11736
- .rs-sidenav-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle,
11737
- .rs-sidenav-inverse .rs-nav-item.rs-nav-item-active {
12927
+ .rs-sidenav-inverse .rs-sidenav-item.rs-sidenav-item-active,
12928
+ .rs-sidenav-inverse .rs-dropdown-item.rs-dropdown-item-active {
11738
12929
  background-color: #1675e0;
11739
- background-color: var(--rs-navbar-inverse-selected-bg);
12930
+ background-color: var(--rs-sidenav-inverse-selected-bg);
11740
12931
  }
11741
12932
  .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
11742
12933
  .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -11745,7 +12936,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11745
12936
  .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
11746
12937
  .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
11747
12938
  color: #fff;
11748
- color: var(--rs-navbar-inverse-text);
12939
+ color: var(--rs-sidenav-inverse-text);
11749
12940
  }
11750
12941
  .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
11751
12942
  .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
@@ -11766,32 +12957,31 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11766
12957
  .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
11767
12958
  .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus {
11768
12959
  background-color: #2589f5;
11769
- background-color: var(--rs-navbar-inverse-hover-bg);
12960
+ background-color: var(--rs-sidenav-inverse-hover-bg);
11770
12961
  color: #fff;
11771
- color: var(--rs-navbar-inverse-text);
11772
- }
11773
- .rs-sidenav-inverse.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active:not(.rs-dropdown-item-submenu),
11774
- .rs-sidenav-inverse.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active:not(.rs-dropdown-item-submenu) {
11775
- background-color: #2589f5;
11776
- background-color: var(--rs-navbar-inverse-hover-bg);
12962
+ color: var(--rs-sidenav-inverse-text);
11777
12963
  }
11778
12964
  .rs-sidenav-subtle {
11779
12965
  background-color: transparent;
11780
12966
  color: #8e8e93;
11781
- color: var(--rs-navbar-subtle-text);
12967
+ color: var(--rs-sidenav-subtle-text);
12968
+ }
12969
+ .rs-sidenav-subtle .rs-sidenav-item,
12970
+ .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle {
12971
+ background-color: transparent;
11782
12972
  }
11783
- .rs-sidenav-subtle .rs-nav-item:hover,
12973
+ .rs-sidenav-subtle .rs-sidenav-item:hover,
11784
12974
  .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:hover,
11785
- .rs-sidenav-subtle .rs-nav-item:focus,
12975
+ .rs-sidenav-subtle .rs-sidenav-item:focus,
11786
12976
  .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:focus {
11787
12977
  background-color: transparent;
11788
12978
  color: #575757;
11789
- color: var(--rs-navbar-subtle-hover-text);
12979
+ color: var(--rs-sidenav-subtle-hover-text);
11790
12980
  }
11791
- .rs-sidenav-subtle .rs-nav-item.rs-nav-item-active,
11792
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
12981
+ .rs-sidenav-subtle .rs-sidenav-item.rs-sidenav-item-active,
12982
+ .rs-sidenav-subtle .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
11793
12983
  color: #1675e0;
11794
- color: var(--rs-navbar-subtle-selected-text);
12984
+ color: var(--rs-sidenav-subtle-selected-text);
11795
12985
  }
11796
12986
  .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn {
11797
12987
  background-color: transparent;
@@ -11799,7 +12989,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11799
12989
  .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn:hover,
11800
12990
  .rs-sidenav-subtle .rs-dropdown-open > .rs-dropdown-toggle.btn:focus {
11801
12991
  background-color: #f7f7fa;
11802
- background-color: var(--rs-navbar-subtle-hover-bg);
12992
+ background-color: var(--rs-sidenav-subtle-hover-bg);
11803
12993
  }
11804
12994
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
11805
12995
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -11808,7 +12998,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11808
12998
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
11809
12999
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
11810
13000
  color: #8e8e93;
11811
- color: var(--rs-navbar-subtle-text);
13001
+ color: var(--rs-sidenav-subtle-text);
11812
13002
  }
11813
13003
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
11814
13004
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
@@ -11823,32 +13013,32 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11823
13013
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
11824
13014
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus {
11825
13015
  background-color: #f7f7fa;
11826
- background-color: var(--rs-navbar-subtle-hover-bg);
13016
+ background-color: var(--rs-sidenav-subtle-hover-bg);
11827
13017
  color: #575757;
11828
- color: var(--rs-navbar-subtle-hover-text);
13018
+ color: var(--rs-sidenav-subtle-hover-text);
11829
13019
  }
11830
13020
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
11831
13021
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
11832
13022
  color: #1675e0;
11833
- color: var(--rs-navbar-subtle-selected-text);
13023
+ color: var(--rs-sidenav-subtle-selected-text);
11834
13024
  }
11835
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle,
11836
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle,
11837
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle {
13025
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
13026
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
13027
+ .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
11838
13028
  color: #8e8e93;
11839
- color: var(--rs-navbar-subtle-text);
13029
+ color: var(--rs-sidenav-subtle-text);
11840
13030
  }
11841
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover,
11842
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover,
11843
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle:hover {
13031
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
13032
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
13033
+ .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover {
11844
13034
  background-color: #f7f7fa;
11845
- background-color: var(--rs-navbar-subtle-hover-bg);
13035
+ background-color: var(--rs-sidenav-subtle-hover-bg);
11846
13036
  }
11847
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
11848
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon,
11849
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown-menu.rs-dropdown-menu-active ~ .rs-dropdown-toggle > .rs-icon {
13037
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
13038
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
13039
+ .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
11850
13040
  color: #1675e0;
11851
- color: var(--rs-navbar-subtle-selected-text);
13041
+ color: var(--rs-sidenav-subtle-selected-text);
11852
13042
  }
11853
13043
  @-webkit-keyframes sideNavFoldedText {
11854
13044
  0% {
@@ -12314,6 +13504,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12314
13504
  visibility: hidden;
12315
13505
  }
12316
13506
  }
13507
+ .rs-table-row-rowspan + .rs-table-row {
13508
+ border-top: 1px solid #f2f2f5;
13509
+ border-top: 1px solid var(--rs-border-secondary);
13510
+ }
12317
13511
  .rs-table-row-expanded {
12318
13512
  position: absolute;
12319
13513
  height: 46px;
@@ -12512,6 +13706,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12512
13706
  font-size: 16px;
12513
13707
  line-height: 1.66666667;
12514
13708
  }
13709
+ .rs-table-cell-rowspan {
13710
+ border-bottom: 1px solid #f2f2f5 !important;
13711
+ border-bottom: 1px solid var(--rs-border-secondary) !important;
13712
+ }
12515
13713
  .rs-table-cell-header-sortable .rs-table-cell-content {
12516
13714
  cursor: pointer;
12517
13715
  }
@@ -12861,6 +14059,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12861
14059
  margin-left: 6px;
12862
14060
  margin-bottom: 6px;
12863
14061
  }
14062
+ .rs-picker-disabled-options .rs-picker-toggle {
14063
+ padding-right: 32px !important;
14064
+ }
14065
+ .rs-picker-disabled-options .rs-picker-tag-wrapper {
14066
+ margin-right: 32px !important;
14067
+ }
14068
+ .rs-picker-disabled-options .rs-picker-toggle-clean {
14069
+ right: 10px !important;
14070
+ }
12864
14071
  .rs-timeline {
12865
14072
  list-style: none;
12866
14073
  padding: 0;
@@ -13026,6 +14233,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13026
14233
  background-color: #d9d9d9;
13027
14234
  background-color: var(--rs-toggle-bg);
13028
14235
  color: #fff;
14236
+ color: var(--rs-toggle-thumb);
13029
14237
  cursor: pointer;
13030
14238
  -webkit-transition: background-color 0.2s ease-in-out, width 0.2s ease-in-out;
13031
14239
  transition: background-color 0.2s ease-in-out, width 0.2s ease-in-out;
@@ -13065,6 +14273,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13065
14273
  margin-right: 24px;
13066
14274
  margin-left: 8px;
13067
14275
  }
14276
+ .rs-theme-high-contrast .rs-btn-toggle {
14277
+ -webkit-transition: none;
14278
+ transition: none;
14279
+ -webkit-box-shadow: inset 0 0 0 1px #fff;
14280
+ -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
14281
+ box-shadow: inset 0 0 0 1px #fff;
14282
+ box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
14283
+ }
13068
14284
  .rs-btn-toggle:hover {
13069
14285
  background-color: #c5c6c7;
13070
14286
  background-color: var(--rs-toggle-hover-bg);
@@ -13073,41 +14289,52 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13073
14289
  content: '';
13074
14290
  cursor: pointer;
13075
14291
  position: absolute;
13076
- background-color: #fff;
13077
- background-color: var(--rs-toggle-thumb);
14292
+ background-color: currentColor;
13078
14293
  -webkit-transition: left 0.2s ease-in-out, margin-left 0.2s ease-in-out, width 0.2s ease-in-out;
13079
14294
  transition: left 0.2s ease-in-out, margin-left 0.2s ease-in-out, width 0.2s ease-in-out;
13080
14295
  }
13081
- .rs-btn-toggle-checked {
13082
- background-color: #3498ff;
13083
- background-color: var(--rs-toggle-checked-bg);
13084
- }
13085
- .rs-btn-toggle-checked:hover {
13086
- background-color: #2589f5;
13087
- background-color: var(--rs-toggle-checked-hover-bg);
14296
+ .rs-theme-high-contrast .rs-btn-toggle::after {
14297
+ -webkit-transition: none;
14298
+ transition: none;
13088
14299
  }
13089
- .rs-btn-toggle-disabled {
14300
+ .rs-btn-toggle.rs-btn-toggle-disabled {
13090
14301
  background-color: #f7f7fa;
13091
14302
  background-color: var(--rs-toggle-disabled-bg);
14303
+ color: #fff;
14304
+ color: var(--rs-toggle-disabled-thumb);
14305
+ -webkit-box-shadow: inset 0 0 0 1px #fff;
14306
+ -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
14307
+ box-shadow: inset 0 0 0 1px #fff;
14308
+ box-shadow: inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
13092
14309
  cursor: not-allowed;
13093
14310
  }
13094
- .rs-btn-toggle-disabled::after {
13095
- background-color: #fff;
13096
- background-color: var(--rs-toggle-disabled-thumb);
14311
+ .rs-btn-toggle.rs-btn-toggle-checked {
14312
+ background-color: #3498ff;
14313
+ background-color: var(--rs-toggle-checked-bg);
14314
+ color: #fff;
14315
+ color: var(--rs-toggle-checked-thumb);
14316
+ -webkit-box-shadow: none;
14317
+ box-shadow: none;
14318
+ }
14319
+ .rs-btn-toggle.rs-btn-toggle-checked:hover {
14320
+ background-color: #2589f5;
14321
+ background-color: var(--rs-toggle-checked-hover-bg);
13097
14322
  }
13098
- .rs-btn-toggle-disabled.rs-btn-toggle-checked {
14323
+ .rs-btn-toggle.rs-btn-toggle-disabled.rs-btn-toggle-checked {
13099
14324
  background-color: #cce9ff;
13100
14325
  background-color: var(--rs-toggle-checked-disabled-bg);
13101
- }
13102
- .rs-btn-toggle-disabled.rs-btn-toggle-checked::after {
13103
- background-color: #fff;
13104
- background-color: var(--rs-toggle-checked-disabled-thumb);
14326
+ color: #fff;
14327
+ color: var(--rs-toggle-checked-disabled-thumb);
13105
14328
  }
13106
14329
  .rs-btn-toggle-inner {
13107
14330
  display: block;
13108
14331
  -webkit-transition: margin 0.2s ease-in-out;
13109
14332
  transition: margin 0.2s ease-in-out;
13110
14333
  }
14334
+ .rs-theme-high-contrast .rs-btn-toggle-inner {
14335
+ -webkit-transition: none;
14336
+ transition: none;
14337
+ }
13111
14338
  .rs-btn-toggle-sm {
13112
14339
  height: 14px;
13113
14340
  min-width: 26px;
@@ -13216,6 +14443,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13216
14443
  margin-right: 30px;
13217
14444
  margin-left: 10px;
13218
14445
  }
14446
+ /* rtl:begin:ignore */
14447
+ /* rtl:end:ignore */
13219
14448
  .rs-tooltip {
13220
14449
  position: absolute;
13221
14450
  z-index: 1070;
@@ -13233,19 +14462,20 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13233
14462
  border-radius: 4px;
13234
14463
  overflow-wrap: break-word;
13235
14464
  }
13236
- .rs-tooltip.fade {
14465
+ .rs-tooltip.rs-anim-fade {
13237
14466
  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
13238
14467
  transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
13239
14468
  transition: opacity 0.1s linear, transform 0.1s ease-out;
13240
14469
  transition: opacity 0.1s linear, transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
13241
14470
  }
13242
- .rs-tooltip.in {
14471
+ .rs-tooltip.rs-anim-in {
13243
14472
  opacity: 1;
13244
14473
  -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
13245
14474
  transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
13246
14475
  transition: opacity 0.15s linear, transform 0.15s ease-in;
13247
14476
  transition: opacity 0.15s linear, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
13248
14477
  }
14478
+ .rs-tooltip::before,
13249
14479
  .rs-tooltip::after {
13250
14480
  content: ' ';
13251
14481
  display: block;
@@ -13255,12 +14485,22 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13255
14485
  border-color: transparent;
13256
14486
  border-style: solid;
13257
14487
  }
14488
+ .rs-tooltip::before {
14489
+ display: none;
14490
+ }
14491
+ .rs-theme-high-contrast .rs-tooltip {
14492
+ border: 1px solid #e5e5ea;
14493
+ border: 1px solid var(--rs-border-primary);
14494
+ }
14495
+ .rs-theme-high-contrast .rs-tooltip::before {
14496
+ display: block;
14497
+ }
13258
14498
  .rs-tooltip[class*='placement-top'] {
13259
14499
  margin-top: -8px;
13260
14500
  -webkit-transform: translate(0, 0);
13261
14501
  transform: translate(0, 0);
13262
14502
  }
13263
- .rs-tooltip[class*='placement-top'].in {
14503
+ .rs-tooltip[class*='placement-top'].rs-anim-in {
13264
14504
  -webkit-transform: translate(0, -2px);
13265
14505
  transform: translate(0, -2px);
13266
14506
  }
@@ -13273,12 +14513,28 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13273
14513
  }
13274
14514
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
13275
14515
  .rs-tooltip[class*='placement-top']::after {
13276
- bottom: -5px;
14516
+ bottom: -7px;
13277
14517
  }
13278
14518
  }
13279
14519
  @supports (-ms-ime-align: auto) {
13280
14520
  .rs-tooltip[class*='placement-top']::after {
13281
- bottom: -5px;
14521
+ bottom: -7px;
14522
+ }
14523
+ }
14524
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
14525
+ bottom: -7px;
14526
+ margin-left: -7px;
14527
+ border-width: 7px 7px 0;
14528
+ border-top-color: var(--rs-tooltip-border);
14529
+ }
14530
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
14531
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
14532
+ bottom: -8px;
14533
+ }
14534
+ }
14535
+ @supports (-ms-ime-align: auto) {
14536
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
14537
+ bottom: -8px;
13282
14538
  }
13283
14539
  }
13284
14540
  .rs-tooltip[class*='placement-bottom'] {
@@ -13286,7 +14542,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13286
14542
  -webkit-transform: translate(0, 0);
13287
14543
  transform: translate(0, 0);
13288
14544
  }
13289
- .rs-tooltip[class*='placement-bottom'].in {
14545
+ .rs-tooltip[class*='placement-bottom'].rs-anim-in {
13290
14546
  -webkit-transform: translate(0, 2px);
13291
14547
  transform: translate(0, 2px);
13292
14548
  }
@@ -13299,12 +14555,28 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13299
14555
  }
13300
14556
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
13301
14557
  .rs-tooltip[class*='placement-bottom']::after {
13302
- top: -5px;
14558
+ top: -7px;
13303
14559
  }
13304
14560
  }
13305
14561
  @supports (-ms-ime-align: auto) {
13306
14562
  .rs-tooltip[class*='placement-bottom']::after {
13307
- top: -5px;
14563
+ top: -7px;
14564
+ }
14565
+ }
14566
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
14567
+ top: -7px;
14568
+ margin-left: -7px;
14569
+ border-width: 0 7px 7px;
14570
+ border-bottom-color: var(--rs-tooltip-border);
14571
+ }
14572
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
14573
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
14574
+ top: -8px;
14575
+ }
14576
+ }
14577
+ @supports (-ms-ime-align: auto) {
14578
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
14579
+ top: -8px;
13308
14580
  }
13309
14581
  }
13310
14582
  /* rtl:begin:ignore */
@@ -13313,7 +14585,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13313
14585
  -webkit-transform: translate(0, 0);
13314
14586
  transform: translate(0, 0);
13315
14587
  }
13316
- .rs-tooltip[class*='placement-right'].in {
14588
+ .rs-tooltip[class*='placement-right'].rs-anim-in {
13317
14589
  -webkit-transform: translate(2px, 0);
13318
14590
  transform: translate(2px, 0);
13319
14591
  }
@@ -13326,12 +14598,28 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13326
14598
  }
13327
14599
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
13328
14600
  .rs-tooltip[class*='placement-right']::after {
13329
- left: -5px;
14601
+ left: -7px;
13330
14602
  }
13331
14603
  }
13332
14604
  @supports (-ms-ime-align: auto) {
13333
14605
  .rs-tooltip[class*='placement-right']::after {
13334
- left: -5px;
14606
+ left: -7px;
14607
+ }
14608
+ }
14609
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
14610
+ left: -7px;
14611
+ margin-top: -7px;
14612
+ border-width: 7px 7px 7px 0;
14613
+ border-right-color: var(--rs-tooltip-border);
14614
+ }
14615
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
14616
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
14617
+ left: -8px;
14618
+ }
14619
+ }
14620
+ @supports (-ms-ime-align: auto) {
14621
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
14622
+ left: -8px;
13335
14623
  }
13336
14624
  }
13337
14625
  .rs-tooltip[class*='placement-left'] {
@@ -13339,7 +14627,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13339
14627
  -webkit-transform: translate(0, 0);
13340
14628
  transform: translate(0, 0);
13341
14629
  }
13342
- .rs-tooltip[class*='placement-left'].in {
14630
+ .rs-tooltip[class*='placement-left'].rs-anim-in {
13343
14631
  -webkit-transform: translate(-2px, 0);
13344
14632
  transform: translate(-2px, 0);
13345
14633
  }
@@ -13352,35 +14640,67 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13352
14640
  }
13353
14641
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
13354
14642
  .rs-tooltip[class*='placement-left']::after {
13355
- right: -5px;
14643
+ right: -7px;
13356
14644
  }
13357
14645
  }
13358
14646
  @supports (-ms-ime-align: auto) {
13359
14647
  .rs-tooltip[class*='placement-left']::after {
13360
- right: -5px;
14648
+ right: -7px;
14649
+ }
14650
+ }
14651
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
14652
+ right: -7px;
14653
+ margin-top: -7px;
14654
+ border-width: 7px 0 7px 7px;
14655
+ border-left-color: var(--rs-tooltip-border);
14656
+ }
14657
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
14658
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
14659
+ right: -8px;
14660
+ }
14661
+ }
14662
+ @supports (-ms-ime-align: auto) {
14663
+ .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
14664
+ right: -8px;
13361
14665
  }
13362
14666
  }
13363
14667
  /* rtl:end:ignore */
14668
+ .rs-tooltip.placement-bottom::before,
14669
+ .rs-tooltip.placement-top::before,
13364
14670
  .rs-tooltip.placement-bottom::after,
13365
14671
  .rs-tooltip.placement-top::after {
13366
14672
  left: 50%;
13367
14673
  }
14674
+ .rs-tooltip.placement-bottom-start::before,
14675
+ .rs-tooltip.placement-top-start::before,
13368
14676
  .rs-tooltip.placement-bottom-start::after,
13369
14677
  .rs-tooltip.placement-top-start::after {
13370
14678
  left: 10px;
13371
14679
  }
14680
+ .rs-tooltip.placement-bottom-end::before,
14681
+ .rs-tooltip.placement-top-end::before {
14682
+ right: 3px;
14683
+ }
13372
14684
  .rs-tooltip.placement-bottom-end::after,
13373
14685
  .rs-tooltip.placement-top-end::after {
13374
14686
  right: 4px;
13375
14687
  }
14688
+ .rs-tooltip.placement-right::before,
14689
+ .rs-tooltip.placement-left::before,
13376
14690
  .rs-tooltip.placement-right::after,
13377
14691
  .rs-tooltip.placement-left::after {
13378
14692
  top: 50%;
13379
14693
  }
14694
+ .rs-tooltip.placement-right-start::before,
14695
+ .rs-tooltip.placement-left-start::before,
13380
14696
  .rs-tooltip.placement-right-start::after,
13381
14697
  .rs-tooltip.placement-left-start::after {
13382
14698
  top: 10px;
13383
14699
  }
14700
+ .rs-tooltip.placement-right-end::before,
14701
+ .rs-tooltip.placement-left-end::before {
14702
+ bottom: 3px;
14703
+ }
13384
14704
  .rs-tooltip.placement-right-end::after,
13385
14705
  .rs-tooltip.placement-left-end::after {
13386
14706
  bottom: 4px;
@@ -13448,6 +14768,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13448
14768
  color: #1675e0;
13449
14769
  color: var(--rs-listbox-option-hover-text);
13450
14770
  }
14771
+ .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
14772
+ .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
14773
+ .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 {
14774
+ -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
14775
+ box-shadow: inset var(--rs-state-focus-shadow-slim);
14776
+ color: #1675e0;
14777
+ color: var(--rs-listbox-option-hover-text);
14778
+ text-decoration: underline;
14779
+ }
13451
14780
  .rs-tree-node.rs-tree-node-active > .rs-tree-node-label > .rs-tree-node-label-content {
13452
14781
  font-weight: bold;
13453
14782
  color: #1675e0;
@@ -13646,6 +14975,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13646
14975
  color: var(--rs-text-primary);
13647
14976
  font-size: 12px;
13648
14977
  }
14978
+ .rs-theme-high-contrast .rs-uploader-file-item:hover .rs-uploader-file-item-title {
14979
+ color: var(--rs-uploader-item-hover-text);
14980
+ text-decoration: underline;
14981
+ }
13649
14982
  .rs-uploader-text .rs-uploader-file-items {
13650
14983
  margin-top: 10px;
13651
14984
  }
@@ -13808,6 +15141,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13808
15141
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
13809
15142
  transition: color 0.2s linear, background-color 0.3s linear;
13810
15143
  border: none;
15144
+ border: var(--rs-btn-default-border, none);
13811
15145
  -webkit-user-select: none;
13812
15146
  -moz-user-select: none;
13813
15147
  -ms-user-select: none;
@@ -13825,6 +15159,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13825
15159
  color: #8e8e93;
13826
15160
  color: var(--rs-btn-subtle-text);
13827
15161
  background-color: transparent;
15162
+ border: none;
13828
15163
  width: 66px;
13829
15164
  height: 66px;
13830
15165
  margin: 0;
@@ -13834,6 +15169,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13834
15169
  border-radius: 6px;
13835
15170
  margin-top: 10px;
13836
15171
  }
15172
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn {
15173
+ -webkit-transition: none;
15174
+ transition: none;
15175
+ }
13837
15176
  .rs-btn-ghost.rs-uploader-picture .rs-uploader-trigger-btn {
13838
15177
  padding: 7px 11px;
13839
15178
  }
@@ -13857,12 +15196,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13857
15196
  }
13858
15197
  .rs-btn-icon-with-text.rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon {
13859
15198
  left: 0;
15199
+ border-right: none;
15200
+ border-right: var(--rs-btn-default-border, none);
13860
15201
  }
13861
15202
  .rs-btn-icon-with-text.rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-icon-placement-right {
13862
15203
  padding: 8px 48px 8px 12px;
13863
15204
  }
13864
15205
  .rs-btn-icon-with-text.rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon {
13865
15206
  right: 0;
15207
+ border-left: none;
15208
+ border-left: var(--rs-btn-default-border, none);
13866
15209
  }
13867
15210
  .rs-uploader-picture .rs-uploader-trigger-btn:focus {
13868
15211
  outline: 0;
@@ -13873,6 +15216,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13873
15216
  }
13874
15217
  .rs-uploader-picture .rs-uploader-trigger-btn:hover,
13875
15218
  .rs-uploader-picture .rs-uploader-trigger-btn:focus {
15219
+ color: var(--rs-btn-default-hover-text);
13876
15220
  background-color: #e5e5ea;
13877
15221
  background-color: var(--rs-btn-default-hover-bg);
13878
15222
  }
@@ -13891,6 +15235,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13891
15235
  background-color: #f7f7fa;
13892
15236
  background-color: var(--rs-btn-default-disabled-bg);
13893
15237
  }
15238
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
15239
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
15240
+ opacity: 0.5;
15241
+ }
13894
15242
  @media not all and (min-resolution: 0.001dpcm) {
13895
15243
  .rs-uploader-picture .rs-uploader-trigger-btn {
13896
15244
  /* stylelint-disable */
@@ -13902,6 +15250,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13902
15250
  -webkit-transition: border-color ease-in-out 0.3s;
13903
15251
  transition: border-color ease-in-out 0.3s;
13904
15252
  }
15253
+ .rs-theme-high-contrast .rs-picker-default .rs-uploader-picture .rs-uploader-trigger-btn {
15254
+ -webkit-transition: none;
15255
+ transition: none;
15256
+ }
13905
15257
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture .rs-uploader-trigger-btn:hover,
13906
15258
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture .rs-uploader-trigger-btn:focus,
13907
15259
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture .rs-uploader-trigger-btn-active {
@@ -13912,6 +15264,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13912
15264
  color: #8e8e93;
13913
15265
  color: var(--rs-btn-subtle-text);
13914
15266
  background-color: transparent;
15267
+ border: none;
13915
15268
  -webkit-transition: none;
13916
15269
  transition: none;
13917
15270
  }
@@ -13935,6 +15288,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13935
15288
  color: var(--rs-btn-subtle-disabled-text);
13936
15289
  background: none;
13937
15290
  }
15291
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
15292
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
15293
+ opacity: 0.5;
15294
+ }
13938
15295
  .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn-active {
13939
15296
  background-color: #f7f7fa;
13940
15297
  background-color: var(--rs-btn-subtle-hover-bg);
@@ -13961,6 +15318,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13961
15318
  color: var(--rs-btn-subtle-disabled-text);
13962
15319
  background: none;
13963
15320
  }
15321
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
15322
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
15323
+ opacity: 0.5;
15324
+ }
13964
15325
  .rs-uploader-picture .rs-uploader-trigger.rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
13965
15326
  color: #8e8e93 !important;
13966
15327
  color: var(--rs-btn-subtle-text) !important;
@@ -14144,6 +15505,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14144
15505
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
14145
15506
  transition: color 0.2s linear, background-color 0.3s linear;
14146
15507
  border: none;
15508
+ border: var(--rs-btn-default-border, none);
14147
15509
  -webkit-user-select: none;
14148
15510
  -moz-user-select: none;
14149
15511
  -ms-user-select: none;
@@ -14160,6 +15522,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14160
15522
  overflow: hidden;
14161
15523
  position: relative;
14162
15524
  }
15525
+ .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn,
15526
+ .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn {
15527
+ -webkit-transition: none;
15528
+ transition: none;
15529
+ }
14163
15530
  .rs-btn-ghost.rs-uploader-text .rs-uploader-trigger-btn,
14164
15531
  .rs-btn-ghost.rs-uploader-picture-text .rs-uploader-trigger-btn {
14165
15532
  padding: 7px 11px;
@@ -14190,6 +15557,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14190
15557
  .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon,
14191
15558
  .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon {
14192
15559
  left: 0;
15560
+ border-right: none;
15561
+ border-right: var(--rs-btn-default-border, none);
14193
15562
  }
14194
15563
  .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right,
14195
15564
  .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right {
@@ -14198,6 +15567,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14198
15567
  .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon,
14199
15568
  .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon {
14200
15569
  right: 0;
15570
+ border-left: none;
15571
+ border-left: var(--rs-btn-default-border, none);
14201
15572
  }
14202
15573
  .rs-uploader-text .rs-uploader-trigger-btn:focus,
14203
15574
  .rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
@@ -14211,6 +15582,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14211
15582
  .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
14212
15583
  .rs-uploader-text .rs-uploader-trigger-btn:focus,
14213
15584
  .rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
15585
+ color: var(--rs-btn-default-hover-text);
14214
15586
  background-color: #e5e5ea;
14215
15587
  background-color: var(--rs-btn-default-hover-bg);
14216
15588
  }
@@ -14233,6 +15605,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14233
15605
  background-color: #f7f7fa;
14234
15606
  background-color: var(--rs-btn-default-disabled-bg);
14235
15607
  }
15608
+ .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:disabled,
15609
+ .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
15610
+ .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
15611
+ .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
15612
+ opacity: 0.5;
15613
+ }
14236
15614
  @media not all and (min-resolution: 0.001dpcm) {
14237
15615
  .rs-uploader-text .rs-uploader-trigger-btn,
14238
15616
  .rs-uploader-picture-text .rs-uploader-trigger-btn {
@@ -14246,6 +15624,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14246
15624
  -webkit-transition: border-color ease-in-out 0.3s;
14247
15625
  transition: border-color ease-in-out 0.3s;
14248
15626
  }
15627
+ .rs-theme-high-contrast .rs-picker-default .rs-uploader-text .rs-uploader-trigger-btn,
15628
+ .rs-theme-high-contrast .rs-picker-default .rs-uploader-picture-text .rs-uploader-trigger-btn {
15629
+ -webkit-transition: none;
15630
+ transition: none;
15631
+ }
14249
15632
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn:hover,
14250
15633
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
14251
15634
  .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn:focus,
@@ -14260,6 +15643,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14260
15643
  color: #8e8e93;
14261
15644
  color: var(--rs-btn-subtle-text);
14262
15645
  background-color: transparent;
15646
+ border: none;
14263
15647
  -webkit-transition: none;
14264
15648
  transition: none;
14265
15649
  }
@@ -14289,6 +15673,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14289
15673
  color: var(--rs-btn-subtle-disabled-text);
14290
15674
  background: none;
14291
15675
  }
15676
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:disabled,
15677
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
15678
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
15679
+ .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
15680
+ opacity: 0.5;
15681
+ }
14292
15682
  .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn-active,
14293
15683
  .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn-active {
14294
15684
  background-color: #f7f7fa;
@@ -14477,7 +15867,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14477
15867
  display: -ms-inline-flexbox;
14478
15868
  display: inline-flex;
14479
15869
  color: #ffb300;
14480
- color: var(--rs-yellow-500);
15870
+ color: var(--rs-rate-symbol-checked);
14481
15871
  list-style: none;
14482
15872
  vertical-align: middle;
14483
15873
  margin: 0;
@@ -14502,11 +15892,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14502
15892
  opacity: 0;
14503
15893
  }
14504
15894
  .rs-rate-character-after {
14505
- color: #e5e5ea;
14506
- color: var(--rs-border-primary);
15895
+ color: #8e8e93;
15896
+ color: var(--rs-rate-symbol);
14507
15897
  -webkit-filter: grayscale(1);
14508
15898
  filter: grayscale(1);
14509
15899
  }
15900
+ .rs-theme-high-contrast .rs-rate-character-after > .rs-icon {
15901
+ fill: none;
15902
+ stroke: currentColor;
15903
+ }
14510
15904
  .rs-rate-character-before,
14511
15905
  .rs-rate-character-after {
14512
15906
  display: -webkit-box;
@@ -14528,6 +15922,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14528
15922
  -webkit-filter: none;
14529
15923
  filter: none;
14530
15924
  }
15925
+ .rs-rate-character-full .rs-rate-character-after > .rs-icon {
15926
+ fill: currentColor;
15927
+ }
14531
15928
  .rs-rate-character-vertical {
14532
15929
  width: 100%;
14533
15930
  height: 50%;