rsuite 5.3.0 → 5.4.3

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 (167) hide show
  1. package/Button/styles/index.less +1 -5
  2. package/CHANGELOG.md +53 -0
  3. package/Drawer/styles/index.less +3 -0
  4. package/Dropdown/styles/index.less +5 -3
  5. package/Dropdown/styles/mixin.less +0 -2
  6. package/Modal/styles/index.less +23 -22
  7. package/Nav/styles/index.less +1 -0
  8. package/Navbar/styles/index.less +27 -8
  9. package/Radio/styles/index.less +6 -0
  10. package/Sidenav/styles/index.less +8 -2
  11. package/Stack/package.json +7 -0
  12. package/Stack/styles/index.less +5 -0
  13. package/TreePicker/styles/index.less +0 -14
  14. package/cjs/@types/common.d.ts +4 -4
  15. package/cjs/Affix/Affix.js +3 -1
  16. package/cjs/AvatarGroup/AvatarGroup.js +9 -4
  17. package/cjs/ButtonGroup/ButtonGroup.js +9 -4
  18. package/cjs/Calendar/Calendar.js +21 -20
  19. package/cjs/Calendar/Header.js +1 -3
  20. package/cjs/Calendar/Table.js +1 -1
  21. package/cjs/Calendar/TableRow.js +12 -7
  22. package/cjs/Calendar/View.js +9 -5
  23. package/cjs/Cascader/utils.d.ts +7 -7
  24. package/cjs/CheckPicker/CheckPicker.d.ts +12 -4
  25. package/cjs/CheckPicker/test/CheckPicker.test.d.ts +1 -0
  26. package/cjs/CheckPicker/test/CheckPicker.test.js +84 -0
  27. package/cjs/CheckTree/index.js +6 -5
  28. package/cjs/Container/Container.js +6 -3
  29. package/cjs/DatePicker/DatePicker.js +4 -2
  30. package/cjs/DateRangePicker/DateRangePicker.js +9 -5
  31. package/cjs/Disclosure/Disclosure.d.ts +8 -5
  32. package/cjs/Disclosure/Disclosure.js +51 -11
  33. package/cjs/Disclosure/DisclosureButton.d.ts +2 -2
  34. package/cjs/Disclosure/DisclosureContext.d.ts +6 -1
  35. package/cjs/Dropdown/Dropdown.js +1 -1
  36. package/cjs/Dropdown/DropdownItem.js +9 -10
  37. package/cjs/Dropdown/DropdownMenu.js +81 -23
  38. package/cjs/Dropdown/DropdownToggle.js +8 -1
  39. package/cjs/FormGroup/FormGroup.js +9 -4
  40. package/cjs/Menu/MenuItem.js +1 -1
  41. package/cjs/Modal/Modal.js +34 -22
  42. package/cjs/MultiCascader/utils.d.ts +3 -3
  43. package/cjs/Nav/Nav.js +10 -12
  44. package/cjs/Nav/NavContext.d.ts +6 -0
  45. package/cjs/Nav/NavContext.js +1 -0
  46. package/cjs/Navbar/index.d.ts +1 -0
  47. package/cjs/Navbar/index.js +4 -3
  48. package/cjs/Overlay/Modal.js +43 -45
  49. package/cjs/Overlay/Overlay.d.ts +1 -1
  50. package/cjs/Overlay/Overlay.js +7 -1
  51. package/cjs/Overlay/OverlayContext.d.ts +6 -0
  52. package/cjs/Overlay/OverlayContext.js +14 -0
  53. package/cjs/Overlay/OverlayTrigger.js +7 -1
  54. package/cjs/Overlay/Position.d.ts +1 -1
  55. package/cjs/PanelGroup/PanelGroup.js +8 -5
  56. package/cjs/Picker/propTypes.d.ts +3 -5
  57. package/cjs/Picker/propTypes.js +4 -3
  58. package/cjs/Picker/utils.d.ts +3 -3
  59. package/cjs/SelectPicker/SelectPicker.d.ts +16 -6
  60. package/cjs/SelectPicker/SelectPicker.js +4 -4
  61. package/cjs/SelectPicker/index.d.ts +1 -1
  62. package/cjs/SelectPicker/test/SelectPicker.test.d.ts +1 -0
  63. package/cjs/SelectPicker/test/SelectPicker.test.js +70 -0
  64. package/cjs/Stack/Stack.d.ts +26 -0
  65. package/cjs/Stack/Stack.js +86 -0
  66. package/cjs/Stack/index.d.ts +3 -0
  67. package/cjs/Stack/index.js +11 -0
  68. package/cjs/Steps/StepItem.js +2 -2
  69. package/cjs/Toggle/Toggle.js +4 -3
  70. package/cjs/Tree/Tree.d.ts +0 -1
  71. package/cjs/Tree/Tree.js +6 -5
  72. package/cjs/Tree/TreeContext.d.ts +0 -1
  73. package/cjs/TreePicker/TreeNode.js +1 -14
  74. package/cjs/TreePicker/TreePicker.js +3 -29
  75. package/cjs/index.d.ts +4 -2
  76. package/cjs/index.js +9 -5
  77. package/cjs/utils/index.d.ts +1 -0
  78. package/cjs/utils/index.js +7 -2
  79. package/cjs/utils/treeUtils.d.ts +5 -5
  80. package/cjs/utils/useMount.d.ts +2 -0
  81. package/cjs/utils/useMount.js +19 -0
  82. package/cjs/utils/usePortal.d.ts +1 -1
  83. package/dist/rsuite-rtl.css +351 -188
  84. package/dist/rsuite-rtl.min.css +1 -1
  85. package/dist/rsuite-rtl.min.css.map +1 -1
  86. package/dist/rsuite.css +351 -188
  87. package/dist/rsuite.js +94 -39
  88. package/dist/rsuite.js.map +1 -1
  89. package/dist/rsuite.min.css +1 -1
  90. package/dist/rsuite.min.css.map +1 -1
  91. package/dist/rsuite.min.js +1 -1
  92. package/dist/rsuite.min.js.map +1 -1
  93. package/esm/@types/common.d.ts +4 -4
  94. package/esm/Affix/Affix.js +4 -2
  95. package/esm/AvatarGroup/AvatarGroup.js +7 -4
  96. package/esm/ButtonGroup/ButtonGroup.js +7 -4
  97. package/esm/Calendar/Calendar.js +22 -21
  98. package/esm/Calendar/Header.js +1 -3
  99. package/esm/Calendar/Table.js +1 -1
  100. package/esm/Calendar/TableRow.js +13 -8
  101. package/esm/Calendar/View.js +10 -6
  102. package/esm/Cascader/utils.d.ts +7 -7
  103. package/esm/CheckPicker/CheckPicker.d.ts +12 -4
  104. package/esm/CheckPicker/test/CheckPicker.test.d.ts +1 -0
  105. package/esm/CheckPicker/test/CheckPicker.test.js +71 -0
  106. package/esm/CheckTree/index.js +7 -6
  107. package/esm/Container/Container.js +7 -4
  108. package/esm/DatePicker/DatePicker.js +4 -2
  109. package/esm/DateRangePicker/DateRangePicker.js +9 -5
  110. package/esm/Disclosure/Disclosure.d.ts +8 -5
  111. package/esm/Disclosure/Disclosure.js +52 -13
  112. package/esm/Disclosure/DisclosureButton.d.ts +2 -2
  113. package/esm/Disclosure/DisclosureContext.d.ts +6 -1
  114. package/esm/Dropdown/Dropdown.js +1 -1
  115. package/esm/Dropdown/DropdownItem.js +9 -9
  116. package/esm/Dropdown/DropdownMenu.js +82 -24
  117. package/esm/Dropdown/DropdownToggle.js +7 -1
  118. package/esm/FormGroup/FormGroup.js +7 -4
  119. package/esm/Menu/MenuItem.js +1 -1
  120. package/esm/Modal/Modal.js +36 -24
  121. package/esm/MultiCascader/utils.d.ts +3 -3
  122. package/esm/Nav/Nav.js +11 -13
  123. package/esm/Nav/NavContext.d.ts +6 -0
  124. package/esm/Nav/NavContext.js +1 -0
  125. package/esm/Navbar/index.d.ts +1 -0
  126. package/esm/Navbar/index.js +1 -0
  127. package/esm/Overlay/Modal.js +44 -46
  128. package/esm/Overlay/Overlay.d.ts +1 -1
  129. package/esm/Overlay/Overlay.js +7 -2
  130. package/esm/Overlay/OverlayContext.d.ts +6 -0
  131. package/esm/Overlay/OverlayContext.js +4 -0
  132. package/esm/Overlay/OverlayTrigger.js +7 -2
  133. package/esm/Overlay/Position.d.ts +1 -1
  134. package/esm/PanelGroup/PanelGroup.js +9 -6
  135. package/esm/Picker/propTypes.d.ts +3 -5
  136. package/esm/Picker/propTypes.js +4 -3
  137. package/esm/Picker/utils.d.ts +3 -3
  138. package/esm/SelectPicker/SelectPicker.d.ts +16 -6
  139. package/esm/SelectPicker/SelectPicker.js +4 -4
  140. package/esm/SelectPicker/index.d.ts +1 -1
  141. package/esm/SelectPicker/test/SelectPicker.test.d.ts +1 -0
  142. package/esm/SelectPicker/test/SelectPicker.test.js +59 -0
  143. package/esm/Stack/Stack.d.ts +26 -0
  144. package/esm/Stack/Stack.js +71 -0
  145. package/esm/Stack/index.d.ts +3 -0
  146. package/esm/Stack/index.js +2 -0
  147. package/esm/Steps/StepItem.js +2 -2
  148. package/esm/Toggle/Toggle.js +4 -3
  149. package/esm/Tree/Tree.d.ts +0 -1
  150. package/esm/Tree/Tree.js +7 -6
  151. package/esm/Tree/TreeContext.d.ts +0 -1
  152. package/esm/TreePicker/TreeNode.js +2 -14
  153. package/esm/TreePicker/TreePicker.js +3 -29
  154. package/esm/index.d.ts +4 -2
  155. package/esm/index.js +2 -1
  156. package/esm/utils/index.d.ts +1 -0
  157. package/esm/utils/index.js +2 -1
  158. package/esm/utils/treeUtils.d.ts +5 -5
  159. package/esm/utils/useMount.d.ts +2 -0
  160. package/esm/utils/useMount.js +13 -0
  161. package/esm/utils/usePortal.d.ts +1 -1
  162. package/package.json +2 -2
  163. package/styles/color-modes/dark.less +1 -0
  164. package/styles/color-modes/high-contrast.less +1 -0
  165. package/styles/color-modes/light.less +1 -0
  166. package/styles/index.less +1 -0
  167. package/styles/mixins/utilities.less +17 -5
@@ -119,6 +119,7 @@
119
119
  --rs-bg-active: #3498ff;
120
120
  --rs-bg-backdrop: rgba(39, 44, 54, 0.3);
121
121
  --rs-state-hover-bg: #f2faff;
122
+ --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
122
123
  --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
123
124
  --rs-state-focus-outline: 3px solid rgba(52, 152, 255, 0.25);
124
125
  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
@@ -437,6 +438,7 @@
437
438
  --rs-bg-active: #169de0;
438
439
  --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
439
440
  --rs-state-hover-bg: #3c3f43;
441
+ --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
440
442
  --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
441
443
  --rs-state-focus-outline: 3px solid rgba(52, 195, 255, 0.25);
442
444
  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
@@ -753,6 +755,7 @@
753
755
  --rs-bg-active: #ffff00;
754
756
  --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
755
757
  --rs-state-hover-bg: #3c3f43;
758
+ --rs-color-focus-ring: #fff;
756
759
  --rs-state-focus-shadow: 0 0 0 3px #0f131a, 0 0 0 5px #fff;
757
760
  --rs-state-focus-shadow-slim: 0 0 0 2px #fff;
758
761
  --rs-state-focus-outline: 3px solid rgba(255, 255, 0, 0.25);
@@ -1618,12 +1621,19 @@ tbody.rs-anim-collapse.rs-anim-in {
1618
1621
  .rs-theme-high-contrast .rs-auto-complete-item:hover,
1619
1622
  .rs-theme-high-contrast .rs-auto-complete-item:focus,
1620
1623
  .rs-theme-high-contrast .rs-auto-complete-item-focus {
1621
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
1622
- box-shadow: inset var(--rs-state-focus-shadow-slim);
1624
+ outline: 3px solid rgba(52, 152, 255, 0.25);
1625
+ outline: 3px solid var(--rs-color-focus-ring);
1626
+ outline-offset: -3px;
1627
+ outline-width: 2px;
1623
1628
  color: #1675e0;
1624
1629
  color: var(--rs-listbox-option-hover-text);
1625
1630
  text-decoration: underline;
1626
1631
  }
1632
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-auto-complete-item:hover,
1633
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-auto-complete-item:focus,
1634
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-auto-complete-item-focus {
1635
+ outline-offset: 2px;
1636
+ }
1627
1637
  .rs-auto-complete .rs-input:focus::-webkit-textfield-decoration-container {
1628
1638
  visibility: hidden;
1629
1639
  pointer-events: none;
@@ -1832,7 +1842,6 @@ tbody.rs-anim-collapse.rs-anim-in {
1832
1842
  text-align: center;
1833
1843
  vertical-align: middle;
1834
1844
  cursor: pointer;
1835
- outline: 0 !important;
1836
1845
  white-space: nowrap;
1837
1846
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
1838
1847
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -1892,12 +1901,12 @@ tbody.rs-anim-collapse.rs-anim-in {
1892
1901
  border-right: none;
1893
1902
  border-right: var(--rs-btn-default-border, none);
1894
1903
  }
1895
- .rs-btn:focus {
1896
- outline: 0;
1897
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
1898
- -webkit-box-shadow: var(--rs-state-focus-shadow);
1899
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
1900
- box-shadow: var(--rs-state-focus-shadow);
1904
+ .rs-btn:focus-visible {
1905
+ outline: 3px solid rgba(52, 152, 255, 0.25);
1906
+ outline: 3px solid var(--rs-color-focus-ring);
1907
+ }
1908
+ .rs-theme-high-contrast .rs-btn:focus-visible {
1909
+ outline-offset: 2px;
1901
1910
  }
1902
1911
  .rs-btn:hover,
1903
1912
  .rs-btn:focus {
@@ -2780,7 +2789,6 @@ tbody.rs-anim-collapse.rs-anim-in {
2780
2789
  z-index: 5;
2781
2790
  padding-left: 32px;
2782
2791
  display: inline-block;
2783
- outline: none;
2784
2792
  cursor: pointer;
2785
2793
  }
2786
2794
  .rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle {
@@ -3394,12 +3402,17 @@ tbody.rs-anim-collapse.rs-anim-in {
3394
3402
  color: var(--rs-listbox-option-hover-text);
3395
3403
  }
3396
3404
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
3397
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3398
- box-shadow: inset var(--rs-state-focus-shadow-slim);
3405
+ outline: 3px solid rgba(52, 152, 255, 0.25);
3406
+ outline: 3px solid var(--rs-color-focus-ring);
3407
+ outline-offset: -3px;
3408
+ outline-width: 2px;
3399
3409
  color: #1675e0;
3400
3410
  color: var(--rs-listbox-option-hover-text);
3401
3411
  text-decoration: underline;
3402
3412
  }
3413
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
3414
+ outline-offset: 2px;
3415
+ }
3403
3416
  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
3404
3417
  background-color: #3498ff;
3405
3418
  background-color: var(--rs-bg-active);
@@ -3413,12 +3426,17 @@ tbody.rs-anim-collapse.rs-anim-in {
3413
3426
  color: var(--rs-listbox-option-hover-text);
3414
3427
  }
3415
3428
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3416
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3417
- box-shadow: inset var(--rs-state-focus-shadow-slim);
3429
+ outline: 3px solid rgba(52, 152, 255, 0.25);
3430
+ outline: 3px solid var(--rs-color-focus-ring);
3431
+ outline-offset: -3px;
3432
+ outline-width: 2px;
3418
3433
  color: #1675e0;
3419
3434
  color: var(--rs-listbox-option-hover-text);
3420
3435
  text-decoration: underline;
3421
3436
  }
3437
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3438
+ outline-offset: 2px;
3439
+ }
3422
3440
  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
3423
3441
  color: #c5c6c7;
3424
3442
  color: var(--rs-text-disabled);
@@ -3699,12 +3717,17 @@ tbody.rs-anim-collapse.rs-anim-in {
3699
3717
  color: var(--rs-listbox-option-hover-text);
3700
3718
  }
3701
3719
  .rs-theme-high-contrast .rs-picker-cascader-row:hover {
3702
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3703
- box-shadow: inset var(--rs-state-focus-shadow-slim);
3720
+ outline: 3px solid rgba(52, 152, 255, 0.25);
3721
+ outline: 3px solid var(--rs-color-focus-ring);
3722
+ outline-offset: -3px;
3723
+ outline-width: 2px;
3704
3724
  color: #1675e0;
3705
3725
  color: var(--rs-listbox-option-hover-text);
3706
3726
  text-decoration: underline;
3707
3727
  }
3728
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row:hover {
3729
+ outline-offset: 2px;
3730
+ }
3708
3731
  .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3709
3732
  background-color: rgba(204, 233, 255, 0.5);
3710
3733
  background-color: var(--rs-listbox-option-hover-bg);
@@ -3712,12 +3735,17 @@ tbody.rs-anim-collapse.rs-anim-in {
3712
3735
  color: var(--rs-listbox-option-hover-text);
3713
3736
  }
3714
3737
  .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3715
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3716
- box-shadow: inset var(--rs-state-focus-shadow-slim);
3738
+ outline: 3px solid rgba(52, 152, 255, 0.25);
3739
+ outline: 3px solid var(--rs-color-focus-ring);
3740
+ outline-offset: -3px;
3741
+ outline-width: 2px;
3717
3742
  color: #1675e0;
3718
3743
  color: var(--rs-listbox-option-hover-text);
3719
3744
  text-decoration: underline;
3720
3745
  }
3746
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3747
+ outline-offset: 2px;
3748
+ }
3721
3749
  .rs-picker-cascader-row:disabled,
3722
3750
  .rs-picker-cascader-row.rs-picker-cascader-row-disabled {
3723
3751
  color: #c5c6c7;
@@ -3809,12 +3837,20 @@ tbody.rs-anim-collapse.rs-anim-in {
3809
3837
  .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
3810
3838
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3811
3839
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3812
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3813
- box-shadow: inset var(--rs-state-focus-shadow-slim);
3840
+ outline: 3px solid rgba(52, 152, 255, 0.25);
3841
+ outline: 3px solid var(--rs-color-focus-ring);
3842
+ outline-offset: -3px;
3843
+ outline-width: 2px;
3814
3844
  color: #1675e0;
3815
3845
  color: var(--rs-listbox-option-hover-text);
3816
3846
  text-decoration: underline;
3817
3847
  }
3848
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
3849
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
3850
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3851
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3852
+ outline-offset: 2px;
3853
+ }
3818
3854
  .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
3819
3855
  background-color: #f2faff;
3820
3856
  background-color: var(--rs-listbox-option-selected-bg);
@@ -4370,12 +4406,17 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4370
4406
  color: var(--rs-listbox-option-hover-text);
4371
4407
  }
4372
4408
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4373
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
4374
- box-shadow: inset var(--rs-state-focus-shadow-slim);
4409
+ outline: 3px solid rgba(52, 152, 255, 0.25);
4410
+ outline: 3px solid var(--rs-color-focus-ring);
4411
+ outline-offset: -3px;
4412
+ outline-width: 2px;
4375
4413
  color: #1675e0;
4376
4414
  color: var(--rs-listbox-option-hover-text);
4377
4415
  text-decoration: underline;
4378
4416
  }
4417
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4418
+ outline-offset: 2px;
4419
+ }
4379
4420
  .rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
4380
4421
  height: 24px;
4381
4422
  padding-top: 0;
@@ -4392,12 +4433,17 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4392
4433
  color: var(--rs-listbox-option-hover-text);
4393
4434
  }
4394
4435
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4395
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
4396
- box-shadow: inset var(--rs-state-focus-shadow-slim);
4436
+ outline: 3px solid rgba(52, 152, 255, 0.25);
4437
+ outline: 3px solid var(--rs-color-focus-ring);
4438
+ outline-offset: -3px;
4439
+ outline-width: 2px;
4397
4440
  color: #1675e0;
4398
4441
  color: var(--rs-listbox-option-hover-text);
4399
4442
  text-decoration: underline;
4400
4443
  }
4444
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4445
+ outline-offset: 2px;
4446
+ }
4401
4447
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
4402
4448
  height: 227px;
4403
4449
  }
@@ -4532,6 +4578,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4532
4578
  position: fixed;
4533
4579
  z-index: 1050;
4534
4580
  top: 0;
4581
+ right: 0;
4582
+ width: 100%;
4583
+ height: 100%;
4535
4584
  }
4536
4585
  .rs-drawer {
4537
4586
  display: none;
@@ -4854,10 +4903,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4854
4903
  z-index: 5;
4855
4904
  padding-left: 32px;
4856
4905
  display: inline-block;
4857
- outline: none;
4858
4906
  cursor: pointer;
4859
4907
  }
4860
- .rs-dropdown-toggle.rs-dropdown-no-caret {
4908
+ .rs-dropdown-toggle.rs-dropdown-toggle-no-caret {
4861
4909
  padding-left: 12px;
4862
4910
  }
4863
4911
  .rs-dropdown-menu {
@@ -4872,10 +4920,11 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4872
4920
  outline: 0;
4873
4921
  }
4874
4922
  .rs-dropdown-menu:focus-visible {
4875
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4876
- -webkit-box-shadow: var(--rs-state-focus-shadow);
4877
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4878
- box-shadow: var(--rs-state-focus-shadow);
4923
+ outline: 3px solid rgba(52, 152, 255, 0.25);
4924
+ outline: 3px solid var(--rs-color-focus-ring);
4925
+ }
4926
+ .rs-theme-high-contrast .rs-dropdown-menu:focus-visible {
4927
+ outline-offset: 2px;
4879
4928
  }
4880
4929
  .rs-dropdown .rs-dropdown-menu {
4881
4930
  position: absolute;
@@ -4885,6 +4934,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4885
4934
  -webkit-box-shadow: var(--rs-dropdown-shadow);
4886
4935
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
4887
4936
  box-shadow: var(--rs-dropdown-shadow);
4937
+ outline: none;
4888
4938
  }
4889
4939
  .rs-theme-high-contrast .rs-dropdown .rs-dropdown-menu {
4890
4940
  border: 1px solid #e5e5ea;
@@ -8665,6 +8715,24 @@ textarea.rs-picker-search-input {
8665
8715
  .rs-theme-high-contrast .rs-message-error {
8666
8716
  border: 1px solid var(--rs-message-error-border);
8667
8717
  }
8718
+ .rs-modal-backdrop {
8719
+ position: fixed;
8720
+ top: 0;
8721
+ right: 0;
8722
+ width: 100vw;
8723
+ height: 100vh;
8724
+ z-index: 1049;
8725
+ background-color: rgba(39, 44, 54, 0.3);
8726
+ background-color: var(--rs-bg-backdrop);
8727
+ }
8728
+ .rs-modal-backdrop.rs-anim-fade {
8729
+ opacity: 0;
8730
+ -webkit-transition: opacity 0.3s ease-in;
8731
+ transition: opacity 0.3s ease-in;
8732
+ }
8733
+ .rs-modal-backdrop.rs-anim-in {
8734
+ opacity: 1;
8735
+ }
8668
8736
  .rs-modal-open {
8669
8737
  overflow: hidden;
8670
8738
  }
@@ -8673,9 +8741,9 @@ textarea.rs-picker-search-input {
8673
8741
  overflow: auto;
8674
8742
  z-index: 1050;
8675
8743
  top: 0;
8676
- bottom: 0;
8677
- left: 0;
8678
8744
  right: 0;
8745
+ width: 100%;
8746
+ height: 100%;
8679
8747
  }
8680
8748
  .rs-modal {
8681
8749
  display: none;
@@ -8719,23 +8787,6 @@ textarea.rs-picker-search-input {
8719
8787
  box-shadow: var(--rs-modal-shadow);
8720
8788
  padding: 20px;
8721
8789
  }
8722
- .rs-modal-backdrop {
8723
- position: fixed;
8724
- top: 0;
8725
- left: 0;
8726
- bottom: 0;
8727
- right: 0;
8728
- background-color: rgba(39, 44, 54, 0.3);
8729
- background-color: var(--rs-bg-backdrop);
8730
- }
8731
- .rs-modal-backdrop.rs-anim-fade {
8732
- opacity: 0;
8733
- -webkit-transition: opacity 0.3s ease-in;
8734
- transition: opacity 0.3s ease-in;
8735
- }
8736
- .rs-modal-backdrop.rs-anim-in {
8737
- opacity: 1;
8738
- }
8739
8790
  .rs-modal-header {
8740
8791
  padding-left: 20px;
8741
8792
  }
@@ -8886,10 +8937,15 @@ textarea.rs-picker-search-input {
8886
8937
  text-decoration: underline;
8887
8938
  }
8888
8939
  .rs-nav-item:focus-visible {
8889
- -webkit-box-shadow: var(--rs-state-focus-shadow-slim);
8890
- box-shadow: var(--rs-state-focus-shadow-slim);
8940
+ outline: 3px solid rgba(52, 152, 255, 0.25);
8941
+ outline: 3px solid var(--rs-color-focus-ring);
8942
+ outline-width: 2px;
8943
+ outline-offset: 0;
8891
8944
  z-index: 2;
8892
8945
  }
8946
+ .rs-theme-high-contrast .rs-nav-item:focus-visible {
8947
+ outline-offset: 2px;
8948
+ }
8893
8949
  .rs-nav-item:active {
8894
8950
  color: #272c36;
8895
8951
  color: var(--rs-navs-text-active);
@@ -9105,17 +9161,29 @@ textarea.rs-picker-search-input {
9105
9161
  .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9106
9162
  .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9107
9163
  z-index: 1;
9108
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9109
- -webkit-box-shadow: var(--rs-state-focus-shadow);
9110
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9111
- box-shadow: var(--rs-state-focus-shadow);
9164
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9165
+ outline: 3px solid var(--rs-color-focus-ring);
9112
9166
  }
9113
9167
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
9114
9168
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9115
9169
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9116
9170
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9117
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9118
- box-shadow: inset var(--rs-state-focus-shadow-slim);
9171
+ outline-offset: 2px;
9172
+ }
9173
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
9174
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9175
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9176
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9177
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9178
+ outline: 3px solid var(--rs-color-focus-ring);
9179
+ outline-offset: -3px;
9180
+ outline-width: 2px;
9181
+ }
9182
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
9183
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9184
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9185
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9186
+ outline-offset: 2px;
9119
9187
  }
9120
9188
  .rs-navbar-item,
9121
9189
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
@@ -9127,12 +9195,16 @@ textarea.rs-picker-search-input {
9127
9195
  background-color: transparent;
9128
9196
  position: relative;
9129
9197
  overflow: hidden;
9198
+ display: -webkit-box;
9199
+ display: -ms-flexbox;
9200
+ display: flex;
9201
+ -webkit-box-align: center;
9202
+ -ms-flex-align: center;
9203
+ align-items: center;
9130
9204
  }
9131
- .rs-navbar-brand,
9132
- .rs-navbar-item,
9133
- .rs-navbar-nav > .rs-dropdown-item,
9134
- .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
9135
- outline: 0;
9205
+ .rs-navbar-item > .rs-icon {
9206
+ font-size: 16px;
9207
+ margin-left: 5px;
9136
9208
  }
9137
9209
  .rs-navbar-brand,
9138
9210
  .rs-navbar-item,
@@ -9151,24 +9223,40 @@ textarea.rs-picker-search-input {
9151
9223
  }
9152
9224
  .rs-navbar-brand:focus-visible,
9153
9225
  .rs-navbar-item:focus-visible,
9154
- .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9155
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9156
- -webkit-box-shadow: var(--rs-state-focus-shadow);
9157
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9158
- box-shadow: var(--rs-state-focus-shadow);
9226
+ .rs-navbar-nav > .rs-dropdown-item:focus-visible,
9227
+ .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus,
9228
+ .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9229
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9230
+ outline: 3px solid var(--rs-color-focus-ring);
9231
+ outline-offset: -3px;
9159
9232
  z-index: 2;
9160
9233
  }
9161
9234
  .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
9162
9235
  .rs-theme-high-contrast .rs-navbar-item:focus-visible,
9163
9236
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9164
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9165
- box-shadow: inset var(--rs-state-focus-shadow-slim);
9237
+ outline-offset: 2px;
9238
+ }
9239
+ .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
9240
+ .rs-theme-high-contrast .rs-navbar-item:focus-visible,
9241
+ .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9242
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9243
+ outline: 3px solid var(--rs-color-focus-ring);
9244
+ outline-offset: -3px;
9245
+ outline-width: 2px;
9246
+ }
9247
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
9248
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-item:focus-visible,
9249
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9250
+ outline-offset: 2px;
9166
9251
  }
9167
9252
  .rs-navbar-item,
9168
9253
  .rs-navbar-nav > .rs-dropdown,
9169
9254
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
9170
9255
  margin: 0 !important;
9171
9256
  }
9257
+ .rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
9258
+ text-decoration: underline;
9259
+ }
9172
9260
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
9173
9261
  padding-left: 36px;
9174
9262
  }
@@ -9176,15 +9264,28 @@ textarea.rs-picker-search-input {
9176
9264
  border: none;
9177
9265
  }
9178
9266
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9179
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9180
- box-shadow: inset var(--rs-state-focus-shadow-slim);
9267
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9268
+ outline: 3px solid var(--rs-color-focus-ring);
9269
+ outline-offset: -3px;
9270
+ outline-width: 2px;
9271
+ }
9272
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9273
+ outline-offset: 2px;
9181
9274
  }
9182
9275
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle .rs-dropdown-toggle-caret {
9183
9276
  top: 18px;
9184
9277
  left: 16px;
9185
9278
  }
9186
- .rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
9279
+ .rs-navbar .rs-dropdown-item:hover {
9280
+ background-color: rgba(204, 233, 255, 0.5);
9281
+ background-color: var(--rs-menuitem-active-bg);
9282
+ color: #1675e0;
9283
+ color: var(--rs-menuitem-active-text);
9284
+ }
9285
+ .rs-theme-high-contrast .rs-navbar .rs-dropdown-item:hover {
9187
9286
  text-decoration: underline;
9287
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
9288
+ box-shadow: inset 0 0 0 2px #fff;
9188
9289
  }
9189
9290
  .rs-navbar-default {
9190
9291
  background-color: #f7f7fa;
@@ -9584,7 +9685,6 @@ textarea.rs-picker-search-input {
9584
9685
  font-weight: normal;
9585
9686
  text-align: center;
9586
9687
  vertical-align: middle;
9587
- outline: 0 !important;
9588
9688
  white-space: nowrap;
9589
9689
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
9590
9690
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -9658,12 +9758,12 @@ textarea.rs-picker-search-input {
9658
9758
  border-right: none;
9659
9759
  border-right: var(--rs-btn-default-border, none);
9660
9760
  }
9661
- .rs-pagination-btn:focus {
9662
- outline: 0;
9663
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9664
- -webkit-box-shadow: var(--rs-state-focus-shadow);
9665
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9666
- box-shadow: var(--rs-state-focus-shadow);
9761
+ .rs-pagination-btn:focus-visible {
9762
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9763
+ outline: 3px solid var(--rs-color-focus-ring);
9764
+ }
9765
+ .rs-theme-high-contrast .rs-pagination-btn:focus-visible {
9766
+ outline-offset: 2px;
9667
9767
  }
9668
9768
  .rs-pagination-btn:hover,
9669
9769
  .rs-pagination-btn:focus {
@@ -10029,7 +10129,6 @@ textarea.rs-picker-search-input {
10029
10129
  text-align: center;
10030
10130
  vertical-align: middle;
10031
10131
  cursor: pointer;
10032
- outline: 0 !important;
10033
10132
  white-space: nowrap;
10034
10133
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
10035
10134
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -10089,12 +10188,12 @@ textarea.rs-picker-search-input {
10089
10188
  border-right: none;
10090
10189
  border-right: var(--rs-btn-default-border, none);
10091
10190
  }
10092
- .rs-picker-toggle:focus {
10093
- outline: 0;
10094
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
10095
- -webkit-box-shadow: var(--rs-state-focus-shadow);
10096
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
10097
- box-shadow: var(--rs-state-focus-shadow);
10191
+ .rs-picker-toggle:focus-visible {
10192
+ outline: 3px solid rgba(52, 152, 255, 0.25);
10193
+ outline: 3px solid var(--rs-color-focus-ring);
10194
+ }
10195
+ .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
10196
+ outline-offset: 2px;
10098
10197
  }
10099
10198
  .rs-picker-toggle:hover,
10100
10199
  .rs-picker-toggle:focus {
@@ -10800,7 +10899,6 @@ textarea.rs-picker-search-input {
10800
10899
  z-index: 5;
10801
10900
  padding-left: 32px;
10802
10901
  display: inline-block;
10803
- outline: none;
10804
10902
  cursor: pointer;
10805
10903
  color: #575757;
10806
10904
  color: var(--rs-text-primary);
@@ -10820,7 +10918,6 @@ textarea.rs-picker-search-input {
10820
10918
  z-index: 5;
10821
10919
  padding-left: 32px;
10822
10920
  display: inline-block;
10823
- outline: none;
10824
10921
  cursor: pointer;
10825
10922
  }
10826
10923
  .rs-picker-subtle.rs-picker-disabled .rs-picker-toggle {
@@ -11046,12 +11143,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11046
11143
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
11047
11144
  .rs-theme-high-contrast .rs-check-item:focus,
11048
11145
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
11049
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
11050
- box-shadow: inset var(--rs-state-focus-shadow-slim);
11146
+ outline: 3px solid rgba(52, 152, 255, 0.25);
11147
+ outline: 3px solid var(--rs-color-focus-ring);
11148
+ outline-offset: -3px;
11149
+ outline-width: 2px;
11051
11150
  color: #1675e0;
11052
11151
  color: var(--rs-listbox-option-hover-text);
11053
11152
  text-decoration: underline;
11054
11153
  }
11154
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
11155
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:focus,
11156
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
11157
+ outline-offset: 2px;
11158
+ }
11055
11159
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper,
11056
11160
  .rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper,
11057
11161
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper {
@@ -11844,6 +11948,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11844
11948
  }
11845
11949
  .rs-radio-wrapper [type='radio'] {
11846
11950
  opacity: 0;
11951
+ position: absolute;
11952
+ z-index: 1;
11953
+ width: 16px;
11954
+ height: 16px;
11955
+ cursor: pointer;
11847
11956
  }
11848
11957
  .rs-radio-wrapper::before,
11849
11958
  .rs-radio-wrapper::after,
@@ -11997,7 +12106,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11997
12106
  text-align: center;
11998
12107
  vertical-align: middle;
11999
12108
  cursor: pointer;
12000
- outline: 0 !important;
12001
12109
  white-space: nowrap;
12002
12110
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
12003
12111
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -12067,12 +12175,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12067
12175
  border-right: none;
12068
12176
  border-right: var(--rs-btn-default-border, none);
12069
12177
  }
12070
- .rs-radio-group-picker .rs-radio-checker > label:focus {
12071
- outline: 0;
12072
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12073
- -webkit-box-shadow: var(--rs-state-focus-shadow);
12074
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12075
- box-shadow: var(--rs-state-focus-shadow);
12178
+ .rs-radio-group-picker .rs-radio-checker > label:focus-visible {
12179
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12180
+ outline: 3px solid var(--rs-color-focus-ring);
12181
+ }
12182
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:focus-visible {
12183
+ outline-offset: 2px;
12076
12184
  }
12077
12185
  .rs-radio-group-picker .rs-radio-checker > label:hover,
12078
12186
  .rs-radio-group-picker .rs-radio-checker > label:focus {
@@ -12326,12 +12434,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12326
12434
  .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
12327
12435
  .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
12328
12436
  .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
12329
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12330
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12437
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12438
+ outline: 3px solid var(--rs-color-focus-ring);
12439
+ outline-offset: -3px;
12440
+ outline-width: 2px;
12331
12441
  color: #1675e0;
12332
12442
  color: var(--rs-listbox-option-hover-text);
12333
12443
  text-decoration: underline;
12334
12444
  }
12445
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
12446
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
12447
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
12448
+ outline-offset: 2px;
12449
+ }
12335
12450
  .rs-picker-select-menu-item.rs-picker-select-menu-item-active {
12336
12451
  font-weight: bold;
12337
12452
  color: #1675e0;
@@ -12400,26 +12515,40 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12400
12515
  outline: 0;
12401
12516
  }
12402
12517
  .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12403
- -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12404
- -webkit-box-shadow: inset var(--rs-state-focus-shadow);
12405
- box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12406
- box-shadow: inset var(--rs-state-focus-shadow);
12518
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12519
+ outline: 3px solid var(--rs-color-focus-ring);
12520
+ outline-offset: -3px;
12407
12521
  z-index: 1;
12408
12522
  }
12409
12523
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12410
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12411
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12524
+ outline-offset: 2px;
12525
+ }
12526
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12527
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12528
+ outline: 3px solid var(--rs-color-focus-ring);
12529
+ outline-offset: -3px;
12530
+ outline-width: 2px;
12531
+ }
12532
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12533
+ outline-offset: 2px;
12412
12534
  }
12413
12535
  .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12414
- -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12415
- -webkit-box-shadow: inset var(--rs-state-focus-shadow);
12416
- box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12417
- box-shadow: inset var(--rs-state-focus-shadow);
12536
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12537
+ outline: 3px solid var(--rs-color-focus-ring);
12538
+ outline-offset: -3px;
12418
12539
  z-index: 1;
12419
12540
  }
12420
12541
  .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12421
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12422
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12542
+ outline-offset: 2px;
12543
+ }
12544
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12545
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12546
+ outline: 3px solid var(--rs-color-focus-ring);
12547
+ outline-offset: -3px;
12548
+ outline-width: 2px;
12549
+ }
12550
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12551
+ outline-offset: 2px;
12423
12552
  }
12424
12553
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu-item-focus,
12425
12554
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-active {
@@ -12450,6 +12579,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12450
12579
  width: 100%;
12451
12580
  white-space: normal;
12452
12581
  }
12582
+ .rs-sidenav-nav > .rs-sidenav-item:focus,
12583
+ .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
12584
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12585
+ outline: 3px solid var(--rs-color-focus-ring);
12586
+ outline-offset: -3px;
12587
+ }
12588
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus,
12589
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
12590
+ outline-offset: 2px;
12591
+ }
12453
12592
  .rs-sidenav-nav > .rs-sidenav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
12454
12593
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle > .rs-icon:not(.rs-dropdown-toggle-caret) {
12455
12594
  font-size: 16px;
@@ -12462,16 +12601,24 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12462
12601
  }
12463
12602
  .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12464
12603
  .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
12465
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12466
- -webkit-box-shadow: var(--rs-state-focus-shadow);
12467
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12468
- box-shadow: var(--rs-state-focus-shadow);
12604
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12605
+ outline: 3px solid var(--rs-color-focus-ring);
12469
12606
  z-index: 2;
12470
12607
  }
12471
12608
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12472
12609
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
12473
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12474
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12610
+ outline-offset: 2px;
12611
+ }
12612
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12613
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
12614
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12615
+ outline: 3px solid var(--rs-color-focus-ring);
12616
+ outline-offset: -3px;
12617
+ outline-width: 2px;
12618
+ }
12619
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12620
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
12621
+ outline-offset: 2px;
12475
12622
  }
12476
12623
  .rs-sidenav-item {
12477
12624
  position: relative;
@@ -12484,10 +12631,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12484
12631
  }
12485
12632
  .rs-sidenav-item:focus-visible,
12486
12633
  .rs-sidenav-item.rs-sidenav-item-focus {
12487
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12488
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12634
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12635
+ outline: 3px solid var(--rs-color-focus-ring);
12636
+ outline-offset: -3px;
12637
+ outline-width: 2px;
12489
12638
  z-index: 2;
12490
12639
  }
12640
+ .rs-theme-high-contrast .rs-sidenav-item:focus-visible,
12641
+ .rs-theme-high-contrast .rs-sidenav-item.rs-sidenav-item-focus {
12642
+ outline-offset: 2px;
12643
+ }
12491
12644
  .rs-sidenav-collapse-in {
12492
12645
  width: 100%;
12493
12646
  }
@@ -12508,17 +12661,26 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12508
12661
  }
12509
12662
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
12510
12663
  .rs-sidenav-collapse-in .rs-dropdown-item-focus {
12511
- -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12512
- -webkit-box-shadow: inset var(--rs-state-focus-shadow);
12513
- box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12514
- box-shadow: inset var(--rs-state-focus-shadow);
12664
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12665
+ outline: 3px solid var(--rs-color-focus-ring);
12666
+ outline-offset: -3px;
12515
12667
  background: none;
12516
12668
  z-index: 2;
12517
12669
  }
12518
12670
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
12519
12671
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
12520
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12521
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12672
+ outline-offset: 2px;
12673
+ }
12674
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
12675
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
12676
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12677
+ outline: 3px solid var(--rs-color-focus-ring);
12678
+ outline-offset: -3px;
12679
+ outline-width: 2px;
12680
+ }
12681
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
12682
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
12683
+ outline-offset: 2px;
12522
12684
  }
12523
12685
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu,
12524
12686
  .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu {
@@ -12527,16 +12689,25 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12527
12689
  }
12528
12690
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
12529
12691
  .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12530
- -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12531
- -webkit-box-shadow: inset var(--rs-state-focus-shadow);
12532
- box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12533
- box-shadow: inset var(--rs-state-focus-shadow);
12692
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12693
+ outline: 3px solid var(--rs-color-focus-ring);
12694
+ outline-offset: -3px;
12534
12695
  z-index: 2;
12535
12696
  }
12536
12697
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
12537
12698
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12538
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12539
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12699
+ outline-offset: 2px;
12700
+ }
12701
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
12702
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12703
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12704
+ outline: 3px solid var(--rs-color-focus-ring);
12705
+ outline-offset: -3px;
12706
+ outline-width: 2px;
12707
+ }
12708
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
12709
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12710
+ outline-offset: 2px;
12540
12711
  }
12541
12712
  .rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
12542
12713
  .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
@@ -12673,15 +12844,23 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12673
12844
  }
12674
12845
  .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12675
12846
  .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12676
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12677
- -webkit-box-shadow: var(--rs-state-focus-shadow);
12678
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12679
- box-shadow: var(--rs-state-focus-shadow);
12847
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12848
+ outline: 3px solid var(--rs-color-focus-ring);
12849
+ }
12850
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12851
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12852
+ outline-offset: 2px;
12680
12853
  }
12681
12854
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12682
12855
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12683
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12684
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12856
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12857
+ outline: 3px solid var(--rs-color-focus-ring);
12858
+ outline-offset: -3px;
12859
+ outline-width: 2px;
12860
+ }
12861
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12862
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12863
+ outline-offset: 2px;
12685
12864
  }
12686
12865
  .rs-sidenav-collapse-out .rs-dropdown-item {
12687
12866
  padding: 8px 12px 8px 27px;
@@ -12705,6 +12884,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12705
12884
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item,
12706
12885
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle,
12707
12886
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle {
12887
+ white-space: nowrap;
12708
12888
  text-overflow: clip;
12709
12889
  }
12710
12890
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-toggle-caret {
@@ -12753,8 +12933,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12753
12933
  -webkit-box-shadow: inset 0 0 0 2px #fff;
12754
12934
  box-shadow: inset 0 0 0 2px #fff;
12755
12935
  }
12756
- .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
12757
- .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
12758
12936
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
12759
12937
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
12760
12938
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
@@ -12762,20 +12940,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12762
12940
  color: #575757;
12763
12941
  color: var(--rs-sidenav-default-text);
12764
12942
  }
12765
- .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
12766
- .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
12767
12943
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
12768
12944
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
12769
12945
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
12770
12946
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
12771
- .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
12772
- .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
12773
12947
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
12774
12948
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
12775
12949
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
12776
12950
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
12777
- .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu).rs-dropdown-item-focus,
12778
- .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu).rs-dropdown-item-focus,
12779
12951
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
12780
12952
  .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
12781
12953
  .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
@@ -12890,6 +13062,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12890
13062
  color: var(--rs-sidenav-subtle-hover-text);
12891
13063
  }
12892
13064
  .rs-sidenav-subtle .rs-sidenav-item.rs-sidenav-item-active,
13065
+ .rs-sidenav-subtle .rs-dropdown-item.rs-dropdown-item-active,
12893
13066
  .rs-sidenav-subtle .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
12894
13067
  color: #1675e0;
12895
13068
  color: var(--rs-sidenav-subtle-selected-text);
@@ -12902,8 +13075,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12902
13075
  background-color: #f7f7fa;
12903
13076
  background-color: var(--rs-sidenav-subtle-hover-bg);
12904
13077
  }
12905
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
12906
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
12907
13078
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
12908
13079
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
12909
13080
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
@@ -12911,14 +13082,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12911
13082
  color: #8e8e93;
12912
13083
  color: var(--rs-sidenav-subtle-text);
12913
13084
  }
12914
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
12915
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
12916
13085
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
12917
13086
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
12918
13087
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
12919
13088
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
12920
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
12921
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
12922
13089
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
12923
13090
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
12924
13091
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
@@ -14218,10 +14385,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14218
14385
  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
14219
14386
  }
14220
14387
  .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14221
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
14222
- -webkit-box-shadow: var(--rs-state-focus-shadow);
14223
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
14224
- box-shadow: var(--rs-state-focus-shadow);
14388
+ outline: 3px solid rgba(52, 152, 255, 0.25);
14389
+ outline: 3px solid var(--rs-color-focus-ring);
14390
+ }
14391
+ .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14392
+ outline-offset: 2px;
14225
14393
  }
14226
14394
  .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14227
14395
  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
@@ -14703,22 +14871,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14703
14871
  -ms-flex: 1 1 auto;
14704
14872
  flex: 1 1 auto;
14705
14873
  }
14706
- .rs-tree-drag-node-mover {
14707
- position: absolute;
14708
- top: -1000px;
14709
- color: #575757;
14710
- color: var(--rs-text-primary);
14711
- background-color: #fff;
14712
- background-color: var(--rs-bg-overlay);
14713
- display: inline-block;
14714
- margin: 0;
14715
- padding: 8px 12px;
14716
- border-radius: 6px;
14717
- -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
14718
- box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
14719
- z-index: 1060;
14720
- cursor: move;
14721
- }
14722
14874
  .rs-tree.rs-tree-virtualized {
14723
14875
  overflow: hidden;
14724
14876
  /* stylelint-disable-next-line */
@@ -14761,12 +14913,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14761
14913
  .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
14762
14914
  .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
14763
14915
  .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 {
14764
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
14765
- box-shadow: inset var(--rs-state-focus-shadow-slim);
14916
+ outline: 3px solid rgba(52, 152, 255, 0.25);
14917
+ outline: 3px solid var(--rs-color-focus-ring);
14918
+ outline-offset: -3px;
14919
+ outline-width: 2px;
14766
14920
  color: #1675e0;
14767
14921
  color: var(--rs-listbox-option-hover-text);
14768
14922
  text-decoration: underline;
14769
14923
  }
14924
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
14925
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
14926
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content-focus {
14927
+ outline-offset: 2px;
14928
+ }
14770
14929
  .rs-tree-node.rs-tree-node-active > .rs-tree-node-label > .rs-tree-node-label-content {
14771
14930
  font-weight: bold;
14772
14931
  color: #1675e0;
@@ -15130,7 +15289,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15130
15289
  text-align: center;
15131
15290
  vertical-align: middle;
15132
15291
  cursor: pointer;
15133
- outline: 0 !important;
15134
15292
  white-space: nowrap;
15135
15293
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
15136
15294
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -15201,12 +15359,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15201
15359
  border-right: none;
15202
15360
  border-right: var(--rs-btn-default-border, none);
15203
15361
  }
15204
- .rs-uploader-picture .rs-uploader-trigger-btn:focus {
15205
- outline: 0;
15206
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
15207
- -webkit-box-shadow: var(--rs-state-focus-shadow);
15208
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
15209
- box-shadow: var(--rs-state-focus-shadow);
15362
+ .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
15363
+ outline: 3px solid rgba(52, 152, 255, 0.25);
15364
+ outline: 3px solid var(--rs-color-focus-ring);
15365
+ }
15366
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
15367
+ outline-offset: 2px;
15210
15368
  }
15211
15369
  .rs-uploader-picture .rs-uploader-trigger-btn:hover,
15212
15370
  .rs-uploader-picture .rs-uploader-trigger-btn:focus {
@@ -15498,7 +15656,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15498
15656
  text-align: center;
15499
15657
  vertical-align: middle;
15500
15658
  cursor: pointer;
15501
- outline: 0 !important;
15502
15659
  white-space: nowrap;
15503
15660
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
15504
15661
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -15568,13 +15725,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15568
15725
  border-right: none;
15569
15726
  border-right: var(--rs-btn-default-border, none);
15570
15727
  }
15571
- .rs-uploader-text .rs-uploader-trigger-btn:focus,
15572
- .rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
15573
- outline: 0;
15574
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
15575
- -webkit-box-shadow: var(--rs-state-focus-shadow);
15576
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
15577
- box-shadow: var(--rs-state-focus-shadow);
15728
+ .rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
15729
+ .rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
15730
+ outline: 3px solid rgba(52, 152, 255, 0.25);
15731
+ outline: 3px solid var(--rs-color-focus-ring);
15732
+ }
15733
+ .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
15734
+ .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
15735
+ outline-offset: 2px;
15578
15736
  }
15579
15737
  .rs-uploader-text .rs-uploader-trigger-btn:hover,
15580
15738
  .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
@@ -16131,3 +16289,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16131
16289
  .rs-btn-close .rs-icon {
16132
16290
  vertical-align: bottom;
16133
16291
  }
16292
+ .rs-stack {
16293
+ display: -webkit-box;
16294
+ display: -ms-flexbox;
16295
+ display: flex;
16296
+ }