rsuite 5.4.2 → 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.
package/dist/rsuite.css CHANGED
@@ -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-left: none;
1893
1902
  border-left: 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-right: 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 {
@@ -3396,12 +3404,17 @@ tbody.rs-anim-collapse.rs-anim-in {
3396
3404
  color: var(--rs-listbox-option-hover-text);
3397
3405
  }
3398
3406
  .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
3399
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3400
- box-shadow: inset var(--rs-state-focus-shadow-slim);
3407
+ outline: 3px solid rgba(52, 152, 255, 0.25);
3408
+ outline: 3px solid var(--rs-color-focus-ring);
3409
+ outline-offset: -3px;
3410
+ outline-width: 2px;
3401
3411
  color: #1675e0;
3402
3412
  color: var(--rs-listbox-option-hover-text);
3403
3413
  text-decoration: underline;
3404
3414
  }
3415
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
3416
+ outline-offset: 2px;
3417
+ }
3405
3418
  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
3406
3419
  background-color: #3498ff;
3407
3420
  background-color: var(--rs-bg-active);
@@ -3415,12 +3428,17 @@ tbody.rs-anim-collapse.rs-anim-in {
3415
3428
  color: var(--rs-listbox-option-hover-text);
3416
3429
  }
3417
3430
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3418
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3419
- box-shadow: inset var(--rs-state-focus-shadow-slim);
3431
+ outline: 3px solid rgba(52, 152, 255, 0.25);
3432
+ outline: 3px solid var(--rs-color-focus-ring);
3433
+ outline-offset: -3px;
3434
+ outline-width: 2px;
3420
3435
  color: #1675e0;
3421
3436
  color: var(--rs-listbox-option-hover-text);
3422
3437
  text-decoration: underline;
3423
3438
  }
3439
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
3440
+ outline-offset: 2px;
3441
+ }
3424
3442
  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
3425
3443
  color: #c5c6c7;
3426
3444
  color: var(--rs-text-disabled);
@@ -3701,12 +3719,17 @@ tbody.rs-anim-collapse.rs-anim-in {
3701
3719
  color: var(--rs-listbox-option-hover-text);
3702
3720
  }
3703
3721
  .rs-theme-high-contrast .rs-picker-cascader-row:hover {
3704
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3705
- box-shadow: inset var(--rs-state-focus-shadow-slim);
3722
+ outline: 3px solid rgba(52, 152, 255, 0.25);
3723
+ outline: 3px solid var(--rs-color-focus-ring);
3724
+ outline-offset: -3px;
3725
+ outline-width: 2px;
3706
3726
  color: #1675e0;
3707
3727
  color: var(--rs-listbox-option-hover-text);
3708
3728
  text-decoration: underline;
3709
3729
  }
3730
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row:hover {
3731
+ outline-offset: 2px;
3732
+ }
3710
3733
  .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3711
3734
  background-color: rgba(204, 233, 255, 0.5);
3712
3735
  background-color: var(--rs-listbox-option-hover-bg);
@@ -3714,12 +3737,17 @@ tbody.rs-anim-collapse.rs-anim-in {
3714
3737
  color: var(--rs-listbox-option-hover-text);
3715
3738
  }
3716
3739
  .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3717
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3718
- box-shadow: inset var(--rs-state-focus-shadow-slim);
3740
+ outline: 3px solid rgba(52, 152, 255, 0.25);
3741
+ outline: 3px solid var(--rs-color-focus-ring);
3742
+ outline-offset: -3px;
3743
+ outline-width: 2px;
3719
3744
  color: #1675e0;
3720
3745
  color: var(--rs-listbox-option-hover-text);
3721
3746
  text-decoration: underline;
3722
3747
  }
3748
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
3749
+ outline-offset: 2px;
3750
+ }
3723
3751
  .rs-picker-cascader-row:disabled,
3724
3752
  .rs-picker-cascader-row.rs-picker-cascader-row-disabled {
3725
3753
  color: #c5c6c7;
@@ -3811,12 +3839,20 @@ tbody.rs-anim-collapse.rs-anim-in {
3811
3839
  .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
3812
3840
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3813
3841
  .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3814
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
3815
- box-shadow: inset var(--rs-state-focus-shadow-slim);
3842
+ outline: 3px solid rgba(52, 152, 255, 0.25);
3843
+ outline: 3px solid var(--rs-color-focus-ring);
3844
+ outline-offset: -3px;
3845
+ outline-width: 2px;
3816
3846
  color: #1675e0;
3817
3847
  color: var(--rs-listbox-option-hover-text);
3818
3848
  text-decoration: underline;
3819
3849
  }
3850
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
3851
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
3852
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
3853
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
3854
+ outline-offset: 2px;
3855
+ }
3820
3856
  .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
3821
3857
  background-color: #f2faff;
3822
3858
  background-color: var(--rs-listbox-option-selected-bg);
@@ -4376,12 +4412,17 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4376
4412
  color: var(--rs-listbox-option-hover-text);
4377
4413
  }
4378
4414
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4379
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
4380
- box-shadow: inset var(--rs-state-focus-shadow-slim);
4415
+ outline: 3px solid rgba(52, 152, 255, 0.25);
4416
+ outline: 3px solid var(--rs-color-focus-ring);
4417
+ outline-offset: -3px;
4418
+ outline-width: 2px;
4381
4419
  color: #1675e0;
4382
4420
  color: var(--rs-listbox-option-hover-text);
4383
4421
  text-decoration: underline;
4384
4422
  }
4423
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4424
+ outline-offset: 2px;
4425
+ }
4385
4426
  .rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
4386
4427
  height: 24px;
4387
4428
  padding-top: 0;
@@ -4398,12 +4439,17 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4398
4439
  color: var(--rs-listbox-option-hover-text);
4399
4440
  }
4400
4441
  .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4401
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
4402
- box-shadow: inset var(--rs-state-focus-shadow-slim);
4442
+ outline: 3px solid rgba(52, 152, 255, 0.25);
4443
+ outline: 3px solid var(--rs-color-focus-ring);
4444
+ outline-offset: -3px;
4445
+ outline-width: 2px;
4403
4446
  color: #1675e0;
4404
4447
  color: var(--rs-listbox-option-hover-text);
4405
4448
  text-decoration: underline;
4406
4449
  }
4450
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4451
+ outline-offset: 2px;
4452
+ }
4407
4453
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
4408
4454
  height: 227px;
4409
4455
  }
@@ -4538,6 +4584,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4538
4584
  position: fixed;
4539
4585
  z-index: 1050;
4540
4586
  top: 0;
4587
+ left: 0;
4588
+ width: 100%;
4589
+ height: 100%;
4541
4590
  }
4542
4591
  .rs-drawer {
4543
4592
  display: none;
@@ -4860,7 +4909,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4860
4909
  z-index: 5;
4861
4910
  padding-right: 32px;
4862
4911
  display: inline-block;
4863
- outline: none;
4864
4912
  cursor: pointer;
4865
4913
  }
4866
4914
  .rs-dropdown-toggle.rs-dropdown-toggle-no-caret {
@@ -4878,10 +4926,11 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4878
4926
  outline: 0;
4879
4927
  }
4880
4928
  .rs-dropdown-menu:focus-visible {
4881
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4882
- -webkit-box-shadow: var(--rs-state-focus-shadow);
4883
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
4884
- box-shadow: var(--rs-state-focus-shadow);
4929
+ outline: 3px solid rgba(52, 152, 255, 0.25);
4930
+ outline: 3px solid var(--rs-color-focus-ring);
4931
+ }
4932
+ .rs-theme-high-contrast .rs-dropdown-menu:focus-visible {
4933
+ outline-offset: 2px;
4885
4934
  }
4886
4935
  .rs-dropdown .rs-dropdown-menu {
4887
4936
  position: absolute;
@@ -4891,6 +4940,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4891
4940
  -webkit-box-shadow: var(--rs-dropdown-shadow);
4892
4941
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
4893
4942
  box-shadow: var(--rs-dropdown-shadow);
4943
+ outline: none;
4894
4944
  }
4895
4945
  .rs-theme-high-contrast .rs-dropdown .rs-dropdown-menu {
4896
4946
  border: 1px solid #e5e5ea;
@@ -8897,10 +8947,15 @@ textarea.rs-picker-search-input {
8897
8947
  text-decoration: underline;
8898
8948
  }
8899
8949
  .rs-nav-item:focus-visible {
8900
- -webkit-box-shadow: var(--rs-state-focus-shadow-slim);
8901
- box-shadow: var(--rs-state-focus-shadow-slim);
8950
+ outline: 3px solid rgba(52, 152, 255, 0.25);
8951
+ outline: 3px solid var(--rs-color-focus-ring);
8952
+ outline-width: 2px;
8953
+ outline-offset: 0;
8902
8954
  z-index: 2;
8903
8955
  }
8956
+ .rs-theme-high-contrast .rs-nav-item:focus-visible {
8957
+ outline-offset: 2px;
8958
+ }
8904
8959
  .rs-nav-item:active {
8905
8960
  color: #272c36;
8906
8961
  color: var(--rs-navs-text-active);
@@ -9116,17 +9171,29 @@ textarea.rs-picker-search-input {
9116
9171
  .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9117
9172
  .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9118
9173
  z-index: 1;
9119
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9120
- -webkit-box-shadow: var(--rs-state-focus-shadow);
9121
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9122
- box-shadow: var(--rs-state-focus-shadow);
9174
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9175
+ outline: 3px solid var(--rs-color-focus-ring);
9123
9176
  }
9124
9177
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
9125
9178
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9126
9179
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9127
9180
  .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9128
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9129
- box-shadow: inset var(--rs-state-focus-shadow-slim);
9181
+ outline-offset: 2px;
9182
+ }
9183
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
9184
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9185
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9186
+ .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9187
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9188
+ outline: 3px solid var(--rs-color-focus-ring);
9189
+ outline-offset: -3px;
9190
+ outline-width: 2px;
9191
+ }
9192
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
9193
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
9194
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
9195
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
9196
+ outline-offset: 2px;
9130
9197
  }
9131
9198
  .rs-navbar-item,
9132
9199
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
@@ -9152,12 +9219,6 @@ textarea.rs-picker-search-input {
9152
9219
  .rs-navbar-brand,
9153
9220
  .rs-navbar-item,
9154
9221
  .rs-navbar-nav > .rs-dropdown-item,
9155
- .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
9156
- outline: 0;
9157
- }
9158
- .rs-navbar-brand,
9159
- .rs-navbar-item,
9160
- .rs-navbar-nav > .rs-dropdown-item,
9161
9222
  .rs-navbar-brand:hover,
9162
9223
  .rs-navbar-item:hover,
9163
9224
  .rs-navbar-nav > .rs-dropdown-item:hover,
@@ -9172,18 +9233,31 @@ textarea.rs-picker-search-input {
9172
9233
  }
9173
9234
  .rs-navbar-brand:focus-visible,
9174
9235
  .rs-navbar-item:focus-visible,
9175
- .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9176
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9177
- -webkit-box-shadow: var(--rs-state-focus-shadow);
9178
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9179
- box-shadow: var(--rs-state-focus-shadow);
9236
+ .rs-navbar-nav > .rs-dropdown-item:focus-visible,
9237
+ .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus,
9238
+ .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9239
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9240
+ outline: 3px solid var(--rs-color-focus-ring);
9241
+ outline-offset: -3px;
9180
9242
  z-index: 2;
9181
9243
  }
9182
9244
  .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
9183
9245
  .rs-theme-high-contrast .rs-navbar-item:focus-visible,
9184
9246
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9185
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9186
- box-shadow: inset var(--rs-state-focus-shadow-slim);
9247
+ outline-offset: 2px;
9248
+ }
9249
+ .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
9250
+ .rs-theme-high-contrast .rs-navbar-item:focus-visible,
9251
+ .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9252
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9253
+ outline: 3px solid var(--rs-color-focus-ring);
9254
+ outline-offset: -3px;
9255
+ outline-width: 2px;
9256
+ }
9257
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
9258
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-item:focus-visible,
9259
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
9260
+ outline-offset: 2px;
9187
9261
  }
9188
9262
  .rs-navbar-item,
9189
9263
  .rs-navbar-nav > .rs-dropdown,
@@ -9200,8 +9274,13 @@ textarea.rs-picker-search-input {
9200
9274
  border: none;
9201
9275
  }
9202
9276
  .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9203
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
9204
- box-shadow: inset var(--rs-state-focus-shadow-slim);
9277
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9278
+ outline: 3px solid var(--rs-color-focus-ring);
9279
+ outline-offset: -3px;
9280
+ outline-width: 2px;
9281
+ }
9282
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
9283
+ outline-offset: 2px;
9205
9284
  }
9206
9285
  .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle .rs-dropdown-toggle-caret {
9207
9286
  top: 18px;
@@ -9616,7 +9695,6 @@ textarea.rs-picker-search-input {
9616
9695
  font-weight: normal;
9617
9696
  text-align: center;
9618
9697
  vertical-align: middle;
9619
- outline: 0 !important;
9620
9698
  white-space: nowrap;
9621
9699
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
9622
9700
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -9690,12 +9768,12 @@ textarea.rs-picker-search-input {
9690
9768
  border-left: none;
9691
9769
  border-left: var(--rs-btn-default-border, none);
9692
9770
  }
9693
- .rs-pagination-btn:focus {
9694
- outline: 0;
9695
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9696
- -webkit-box-shadow: var(--rs-state-focus-shadow);
9697
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
9698
- box-shadow: var(--rs-state-focus-shadow);
9771
+ .rs-pagination-btn:focus-visible {
9772
+ outline: 3px solid rgba(52, 152, 255, 0.25);
9773
+ outline: 3px solid var(--rs-color-focus-ring);
9774
+ }
9775
+ .rs-theme-high-contrast .rs-pagination-btn:focus-visible {
9776
+ outline-offset: 2px;
9699
9777
  }
9700
9778
  .rs-pagination-btn:hover,
9701
9779
  .rs-pagination-btn:focus {
@@ -10063,7 +10141,6 @@ textarea.rs-picker-search-input {
10063
10141
  text-align: center;
10064
10142
  vertical-align: middle;
10065
10143
  cursor: pointer;
10066
- outline: 0 !important;
10067
10144
  white-space: nowrap;
10068
10145
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
10069
10146
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -10123,12 +10200,12 @@ textarea.rs-picker-search-input {
10123
10200
  border-left: none;
10124
10201
  border-left: var(--rs-btn-default-border, none);
10125
10202
  }
10126
- .rs-picker-toggle:focus {
10127
- outline: 0;
10128
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
10129
- -webkit-box-shadow: var(--rs-state-focus-shadow);
10130
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
10131
- box-shadow: var(--rs-state-focus-shadow);
10203
+ .rs-picker-toggle:focus-visible {
10204
+ outline: 3px solid rgba(52, 152, 255, 0.25);
10205
+ outline: 3px solid var(--rs-color-focus-ring);
10206
+ }
10207
+ .rs-theme-high-contrast .rs-picker-toggle:focus-visible {
10208
+ outline-offset: 2px;
10132
10209
  }
10133
10210
  .rs-picker-toggle:hover,
10134
10211
  .rs-picker-toggle:focus {
@@ -10834,7 +10911,6 @@ textarea.rs-picker-search-input {
10834
10911
  z-index: 5;
10835
10912
  padding-right: 32px;
10836
10913
  display: inline-block;
10837
- outline: none;
10838
10914
  cursor: pointer;
10839
10915
  color: #575757;
10840
10916
  color: var(--rs-text-primary);
@@ -10854,7 +10930,6 @@ textarea.rs-picker-search-input {
10854
10930
  z-index: 5;
10855
10931
  padding-right: 32px;
10856
10932
  display: inline-block;
10857
- outline: none;
10858
10933
  cursor: pointer;
10859
10934
  }
10860
10935
  .rs-picker-subtle.rs-picker-disabled .rs-picker-toggle {
@@ -11080,12 +11155,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11080
11155
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
11081
11156
  .rs-theme-high-contrast .rs-check-item:focus,
11082
11157
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
11083
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
11084
- box-shadow: inset var(--rs-state-focus-shadow-slim);
11158
+ outline: 3px solid rgba(52, 152, 255, 0.25);
11159
+ outline: 3px solid var(--rs-color-focus-ring);
11160
+ outline-offset: -3px;
11161
+ outline-width: 2px;
11085
11162
  color: #1675e0;
11086
11163
  color: var(--rs-listbox-option-hover-text);
11087
11164
  text-decoration: underline;
11088
11165
  }
11166
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
11167
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:focus,
11168
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
11169
+ outline-offset: 2px;
11170
+ }
11089
11171
  .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper,
11090
11172
  .rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper,
11091
11173
  .rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper {
@@ -12040,7 +12122,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12040
12122
  text-align: center;
12041
12123
  vertical-align: middle;
12042
12124
  cursor: pointer;
12043
- outline: 0 !important;
12044
12125
  white-space: nowrap;
12045
12126
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
12046
12127
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -12110,12 +12191,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12110
12191
  border-left: none;
12111
12192
  border-left: var(--rs-btn-default-border, none);
12112
12193
  }
12113
- .rs-radio-group-picker .rs-radio-checker > label:focus {
12114
- outline: 0;
12115
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12116
- -webkit-box-shadow: var(--rs-state-focus-shadow);
12117
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12118
- box-shadow: var(--rs-state-focus-shadow);
12194
+ .rs-radio-group-picker .rs-radio-checker > label:focus-visible {
12195
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12196
+ outline: 3px solid var(--rs-color-focus-ring);
12197
+ }
12198
+ .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:focus-visible {
12199
+ outline-offset: 2px;
12119
12200
  }
12120
12201
  .rs-radio-group-picker .rs-radio-checker > label:hover,
12121
12202
  .rs-radio-group-picker .rs-radio-checker > label:focus {
@@ -12369,12 +12450,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12369
12450
  .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
12370
12451
  .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
12371
12452
  .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
12372
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12373
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12453
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12454
+ outline: 3px solid var(--rs-color-focus-ring);
12455
+ outline-offset: -3px;
12456
+ outline-width: 2px;
12374
12457
  color: #1675e0;
12375
12458
  color: var(--rs-listbox-option-hover-text);
12376
12459
  text-decoration: underline;
12377
12460
  }
12461
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
12462
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
12463
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
12464
+ outline-offset: 2px;
12465
+ }
12378
12466
  .rs-picker-select-menu-item.rs-picker-select-menu-item-active {
12379
12467
  font-weight: bold;
12380
12468
  color: #1675e0;
@@ -12443,26 +12531,40 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12443
12531
  outline: 0;
12444
12532
  }
12445
12533
  .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12446
- -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12447
- -webkit-box-shadow: inset var(--rs-state-focus-shadow);
12448
- box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12449
- box-shadow: inset var(--rs-state-focus-shadow);
12534
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12535
+ outline: 3px solid var(--rs-color-focus-ring);
12536
+ outline-offset: -3px;
12450
12537
  z-index: 1;
12451
12538
  }
12452
12539
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12453
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12454
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12540
+ outline-offset: 2px;
12541
+ }
12542
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12543
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12544
+ outline: 3px solid var(--rs-color-focus-ring);
12545
+ outline-offset: -3px;
12546
+ outline-width: 2px;
12547
+ }
12548
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
12549
+ outline-offset: 2px;
12455
12550
  }
12456
12551
  .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12457
- -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12458
- -webkit-box-shadow: inset var(--rs-state-focus-shadow);
12459
- box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12460
- box-shadow: inset var(--rs-state-focus-shadow);
12552
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12553
+ outline: 3px solid var(--rs-color-focus-ring);
12554
+ outline-offset: -3px;
12461
12555
  z-index: 1;
12462
12556
  }
12463
12557
  .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12464
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12465
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12558
+ outline-offset: 2px;
12559
+ }
12560
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12561
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12562
+ outline: 3px solid var(--rs-color-focus-ring);
12563
+ outline-offset: -3px;
12564
+ outline-width: 2px;
12565
+ }
12566
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
12567
+ outline-offset: 2px;
12466
12568
  }
12467
12569
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu-item-focus,
12468
12570
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-active {
@@ -12493,6 +12595,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12493
12595
  width: 100%;
12494
12596
  white-space: normal;
12495
12597
  }
12598
+ .rs-sidenav-nav > .rs-sidenav-item:focus,
12599
+ .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
12600
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12601
+ outline: 3px solid var(--rs-color-focus-ring);
12602
+ outline-offset: -3px;
12603
+ }
12604
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus,
12605
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
12606
+ outline-offset: 2px;
12607
+ }
12496
12608
  .rs-sidenav-nav > .rs-sidenav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
12497
12609
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle > .rs-icon:not(.rs-dropdown-toggle-caret) {
12498
12610
  font-size: 16px;
@@ -12505,16 +12617,24 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12505
12617
  }
12506
12618
  .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12507
12619
  .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
12508
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12509
- -webkit-box-shadow: var(--rs-state-focus-shadow);
12510
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12511
- box-shadow: var(--rs-state-focus-shadow);
12620
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12621
+ outline: 3px solid var(--rs-color-focus-ring);
12512
12622
  z-index: 2;
12513
12623
  }
12514
12624
  .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12515
12625
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
12516
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12517
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12626
+ outline-offset: 2px;
12627
+ }
12628
+ .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12629
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
12630
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12631
+ outline: 3px solid var(--rs-color-focus-ring);
12632
+ outline-offset: -3px;
12633
+ outline-width: 2px;
12634
+ }
12635
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
12636
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
12637
+ outline-offset: 2px;
12518
12638
  }
12519
12639
  .rs-sidenav-item {
12520
12640
  position: relative;
@@ -12527,10 +12647,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12527
12647
  }
12528
12648
  .rs-sidenav-item:focus-visible,
12529
12649
  .rs-sidenav-item.rs-sidenav-item-focus {
12530
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12531
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12650
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12651
+ outline: 3px solid var(--rs-color-focus-ring);
12652
+ outline-offset: -3px;
12653
+ outline-width: 2px;
12532
12654
  z-index: 2;
12533
12655
  }
12656
+ .rs-theme-high-contrast .rs-sidenav-item:focus-visible,
12657
+ .rs-theme-high-contrast .rs-sidenav-item.rs-sidenav-item-focus {
12658
+ outline-offset: 2px;
12659
+ }
12534
12660
  .rs-sidenav-collapse-in {
12535
12661
  width: 100%;
12536
12662
  }
@@ -12551,17 +12677,26 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12551
12677
  }
12552
12678
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
12553
12679
  .rs-sidenav-collapse-in .rs-dropdown-item-focus {
12554
- -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12555
- -webkit-box-shadow: inset var(--rs-state-focus-shadow);
12556
- box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12557
- box-shadow: inset var(--rs-state-focus-shadow);
12680
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12681
+ outline: 3px solid var(--rs-color-focus-ring);
12682
+ outline-offset: -3px;
12558
12683
  background: none;
12559
12684
  z-index: 2;
12560
12685
  }
12561
12686
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
12562
12687
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
12563
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12564
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12688
+ outline-offset: 2px;
12689
+ }
12690
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
12691
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
12692
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12693
+ outline: 3px solid var(--rs-color-focus-ring);
12694
+ outline-offset: -3px;
12695
+ outline-width: 2px;
12696
+ }
12697
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
12698
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
12699
+ outline-offset: 2px;
12565
12700
  }
12566
12701
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu,
12567
12702
  .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu {
@@ -12570,16 +12705,25 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12570
12705
  }
12571
12706
  .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
12572
12707
  .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12573
- -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12574
- -webkit-box-shadow: inset var(--rs-state-focus-shadow);
12575
- box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
12576
- box-shadow: inset var(--rs-state-focus-shadow);
12708
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12709
+ outline: 3px solid var(--rs-color-focus-ring);
12710
+ outline-offset: -3px;
12577
12711
  z-index: 2;
12578
12712
  }
12579
12713
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
12580
12714
  .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12581
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12582
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12715
+ outline-offset: 2px;
12716
+ }
12717
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
12718
+ .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12719
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12720
+ outline: 3px solid var(--rs-color-focus-ring);
12721
+ outline-offset: -3px;
12722
+ outline-width: 2px;
12723
+ }
12724
+ .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,
12725
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
12726
+ outline-offset: 2px;
12583
12727
  }
12584
12728
  .rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
12585
12729
  .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
@@ -12716,15 +12860,23 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12716
12860
  }
12717
12861
  .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12718
12862
  .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12719
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12720
- -webkit-box-shadow: var(--rs-state-focus-shadow);
12721
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
12722
- box-shadow: var(--rs-state-focus-shadow);
12863
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12864
+ outline: 3px solid var(--rs-color-focus-ring);
12723
12865
  }
12724
12866
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12725
12867
  .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12726
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
12727
- box-shadow: inset var(--rs-state-focus-shadow-slim);
12868
+ outline-offset: 2px;
12869
+ }
12870
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12871
+ .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12872
+ outline: 3px solid rgba(52, 152, 255, 0.25);
12873
+ outline: 3px solid var(--rs-color-focus-ring);
12874
+ outline-offset: -3px;
12875
+ outline-width: 2px;
12876
+ }
12877
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
12878
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
12879
+ outline-offset: 2px;
12728
12880
  }
12729
12881
  .rs-sidenav-collapse-out .rs-dropdown-item {
12730
12882
  padding: 8px 27px 8px 12px;
@@ -14249,10 +14401,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14249
14401
  box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
14250
14402
  }
14251
14403
  .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14252
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
14253
- -webkit-box-shadow: var(--rs-state-focus-shadow);
14254
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
14255
- box-shadow: var(--rs-state-focus-shadow);
14404
+ outline: 3px solid rgba(52, 152, 255, 0.25);
14405
+ outline: 3px solid var(--rs-color-focus-ring);
14406
+ }
14407
+ .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14408
+ outline-offset: 2px;
14256
14409
  }
14257
14410
  .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
14258
14411
  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
@@ -14780,12 +14933,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14780
14933
  .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
14781
14934
  .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
14782
14935
  .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 {
14783
- -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
14784
- box-shadow: inset var(--rs-state-focus-shadow-slim);
14936
+ outline: 3px solid rgba(52, 152, 255, 0.25);
14937
+ outline: 3px solid var(--rs-color-focus-ring);
14938
+ outline-offset: -3px;
14939
+ outline-width: 2px;
14785
14940
  color: #1675e0;
14786
14941
  color: var(--rs-listbox-option-hover-text);
14787
14942
  text-decoration: underline;
14788
14943
  }
14944
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
14945
+ .rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
14946
+ .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 {
14947
+ outline-offset: 2px;
14948
+ }
14789
14949
  .rs-tree-node.rs-tree-node-active > .rs-tree-node-label > .rs-tree-node-label-content {
14790
14950
  font-weight: bold;
14791
14951
  color: #1675e0;
@@ -15151,7 +15311,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15151
15311
  text-align: center;
15152
15312
  vertical-align: middle;
15153
15313
  cursor: pointer;
15154
- outline: 0 !important;
15155
15314
  white-space: nowrap;
15156
15315
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
15157
15316
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -15222,12 +15381,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15222
15381
  border-left: none;
15223
15382
  border-left: var(--rs-btn-default-border, none);
15224
15383
  }
15225
- .rs-uploader-picture .rs-uploader-trigger-btn:focus {
15226
- outline: 0;
15227
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
15228
- -webkit-box-shadow: var(--rs-state-focus-shadow);
15229
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
15230
- box-shadow: var(--rs-state-focus-shadow);
15384
+ .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
15385
+ outline: 3px solid rgba(52, 152, 255, 0.25);
15386
+ outline: 3px solid var(--rs-color-focus-ring);
15387
+ }
15388
+ .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
15389
+ outline-offset: 2px;
15231
15390
  }
15232
15391
  .rs-uploader-picture .rs-uploader-trigger-btn:hover,
15233
15392
  .rs-uploader-picture .rs-uploader-trigger-btn:focus {
@@ -15519,7 +15678,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15519
15678
  text-align: center;
15520
15679
  vertical-align: middle;
15521
15680
  cursor: pointer;
15522
- outline: 0 !important;
15523
15681
  white-space: nowrap;
15524
15682
  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
15525
15683
  transition: color 0.2s linear, background-color 0.3s linear;
@@ -15589,13 +15747,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15589
15747
  border-left: none;
15590
15748
  border-left: var(--rs-btn-default-border, none);
15591
15749
  }
15592
- .rs-uploader-text .rs-uploader-trigger-btn:focus,
15593
- .rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
15594
- outline: 0;
15595
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
15596
- -webkit-box-shadow: var(--rs-state-focus-shadow);
15597
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
15598
- box-shadow: var(--rs-state-focus-shadow);
15750
+ .rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
15751
+ .rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
15752
+ outline: 3px solid rgba(52, 152, 255, 0.25);
15753
+ outline: 3px solid var(--rs-color-focus-ring);
15754
+ }
15755
+ .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
15756
+ .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
15757
+ outline-offset: 2px;
15599
15758
  }
15600
15759
  .rs-uploader-text .rs-uploader-trigger-btn:hover,
15601
15760
  .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,