rsuite 5.24.0 → 5.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/Breadcrumb/styles/index.less +4 -0
  2. package/Button/styles/index.less +14 -10
  3. package/CHANGELOG.md +31 -0
  4. package/Calendar/styles/index.less +15 -16
  5. package/DatePicker/styles/index.less +9 -0
  6. package/DatePicker/styles/mixin.less +8 -0
  7. package/Picker/styles/index.less +5 -9
  8. package/Picker/styles/mixin.less +4 -40
  9. package/TreePicker/styles/index.less +13 -0
  10. package/cjs/@types/global.d.ts +6 -0
  11. package/cjs/Breadcrumb/BreadcrumbItem.js +1 -1
  12. package/cjs/Calendar/MonthDropdown.js +2 -4
  13. package/cjs/Calendar/TableHeaderRow.js +3 -3
  14. package/cjs/Cascader/Cascader.js +2 -2
  15. package/cjs/Cascader/utils.d.ts +1 -1
  16. package/cjs/Cascader/utils.js +2 -2
  17. package/cjs/Content/Content.d.ts +1 -1
  18. package/cjs/CustomProvider/CustomProvider.d.ts +2 -0
  19. package/cjs/CustomProvider/CustomProvider.js +5 -3
  20. package/cjs/Footer/Footer.d.ts +1 -1
  21. package/cjs/Header/Header.d.ts +1 -1
  22. package/cjs/MultiCascader/MultiCascader.js +4 -4
  23. package/cjs/MultiCascader/utils.d.ts +1 -1
  24. package/cjs/MultiCascader/utils.js +2 -2
  25. package/cjs/Navbar/NavbarBrand.d.ts +1 -1
  26. package/cjs/Overlay/OverlayTrigger.js +4 -0
  27. package/cjs/Picker/PickerToggle.js +1 -1
  28. package/cjs/Picker/PickerToggleTrigger.js +6 -7
  29. package/cjs/Ripple/Ripple.js +8 -0
  30. package/cjs/TreePicker/TreeNode.d.ts +3 -3
  31. package/cjs/TreePicker/TreeNode.js +1 -11
  32. package/cjs/TreePicker/TreePicker.js +8 -1
  33. package/cjs/utils/createComponent.d.ts +3 -3
  34. package/cjs/utils/treeUtils.d.ts +12 -0
  35. package/cjs/utils/treeUtils.js +42 -0
  36. package/cjs/utils/useCustom.js +3 -1
  37. package/dist/rsuite-rtl.css +299 -263
  38. package/dist/rsuite-rtl.min.css +1 -1
  39. package/dist/rsuite-rtl.min.css.map +1 -1
  40. package/dist/rsuite.css +299 -263
  41. package/dist/rsuite.js +19 -19
  42. package/dist/rsuite.min.css +1 -1
  43. package/dist/rsuite.min.css.map +1 -1
  44. package/dist/rsuite.min.js +1 -1
  45. package/dist/rsuite.min.js.map +1 -1
  46. package/esm/@types/global.d.ts +6 -0
  47. package/esm/Breadcrumb/BreadcrumbItem.js +1 -1
  48. package/esm/Calendar/MonthDropdown.js +2 -4
  49. package/esm/Calendar/TableHeaderRow.js +3 -3
  50. package/esm/Cascader/Cascader.js +2 -2
  51. package/esm/Cascader/utils.d.ts +1 -1
  52. package/esm/Cascader/utils.js +2 -2
  53. package/esm/Content/Content.d.ts +1 -1
  54. package/esm/CustomProvider/CustomProvider.d.ts +2 -0
  55. package/esm/CustomProvider/CustomProvider.js +5 -3
  56. package/esm/Footer/Footer.d.ts +1 -1
  57. package/esm/Header/Header.d.ts +1 -1
  58. package/esm/MultiCascader/MultiCascader.js +4 -4
  59. package/esm/MultiCascader/utils.d.ts +1 -1
  60. package/esm/MultiCascader/utils.js +2 -2
  61. package/esm/Navbar/NavbarBrand.d.ts +1 -1
  62. package/esm/Overlay/OverlayTrigger.js +4 -0
  63. package/esm/Picker/PickerToggle.js +1 -1
  64. package/esm/Picker/PickerToggleTrigger.js +7 -5
  65. package/esm/Ripple/Ripple.js +9 -1
  66. package/esm/TreePicker/TreeNode.d.ts +3 -3
  67. package/esm/TreePicker/TreeNode.js +2 -11
  68. package/esm/TreePicker/TreePicker.js +9 -2
  69. package/esm/utils/createComponent.d.ts +3 -3
  70. package/esm/utils/treeUtils.d.ts +12 -0
  71. package/esm/utils/treeUtils.js +36 -0
  72. package/esm/utils/useCustom.js +3 -1
  73. package/package.json +2 -2
  74. package/styles/color-modes/dark.less +6 -2
  75. package/styles/color-modes/high-contrast.less +4 -0
  76. package/styles/color-modes/light.less +5 -1
  77. package/styles/variables.less +7 -8
@@ -135,7 +135,7 @@
135
135
  --rs-btn-primary-hover-bg: #2589f5;
136
136
  --rs-btn-primary-active-bg: #1675e0;
137
137
  --rs-btn-subtle-text: #8e8e93;
138
- --rs-btn-subtle-hover-bg: #f7f7fa;
138
+ --rs-btn-subtle-hover-bg: #e5e5ea;
139
139
  --rs-btn-subtle-hover-text: #575757;
140
140
  --rs-btn-subtle-active-bg: #e5e5ea;
141
141
  --rs-btn-subtle-active-text: #272c36;
@@ -186,6 +186,7 @@
186
186
  --rs-progress-bar-fail: #f44336;
187
187
  --rs-placeholder: #f2f2f5;
188
188
  --rs-placeholder-active: #e5e5ea;
189
+ --rs-breadcrumb-item-active-text: #272c36;
189
190
  --rs-dropdown-divider: #e5e5ea;
190
191
  --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
191
192
  --rs-dropdown-item-bg-active: #f2faff;
@@ -324,6 +325,7 @@
324
325
  --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
325
326
  --rs-calendar-time-unit-bg: #f7f7fa;
326
327
  --rs-calendar-date-selected-text: #fff;
328
+ --rs-calendar-cell-selected-hover-bg: #1675e0;
327
329
  --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
328
330
  }
329
331
  .rs-theme-dark {
@@ -451,13 +453,13 @@
451
453
  --rs-btn-default-active-bg: #858b94;
452
454
  --rs-btn-default-active-text: #fff;
453
455
  --rs-btn-default-disabled-bg: #3c3f43;
454
- --rs-btn-default-disabled-text: #5c6066;
456
+ --rs-btn-default-disabled-text: #6a6f76;
455
457
  --rs-btn-primary-bg: #169de0;
456
458
  --rs-btn-primary-text: #fff;
457
459
  --rs-btn-primary-hover-bg: #25b3f5;
458
460
  --rs-btn-primary-active-bg: #59d0ff;
459
461
  --rs-btn-subtle-text: #a4a9b3;
460
- --rs-btn-subtle-hover-bg: #292d33;
462
+ --rs-btn-subtle-hover-bg: #5c6066;
461
463
  --rs-btn-subtle-hover-text: #e9ebf0;
462
464
  --rs-btn-subtle-active-bg: #6a6f76;
463
465
  --rs-btn-subtle-active-text: #fff;
@@ -508,6 +510,7 @@
508
510
  --rs-progress-bar-fail: #f44336;
509
511
  --rs-placeholder: #3c3f43;
510
512
  --rs-placeholder-active: #484c50;
513
+ --rs-breadcrumb-item-active-text: #fff;
511
514
  --rs-dropdown-divider: #3c3f43;
512
515
  --rs-dropdown-item-bg-hover: #3c3f43;
513
516
  --rs-dropdown-item-bg-active: rgba(0, 97, 153, 0.2);
@@ -644,6 +647,7 @@
644
647
  --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
645
648
  --rs-calendar-time-unit-bg: #3c3f43;
646
649
  --rs-calendar-date-selected-text: #fff;
650
+ --rs-calendar-cell-selected-hover-bg: #1675e0;
647
651
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
648
652
  }
649
653
  .rs-theme-high-contrast {
@@ -835,6 +839,7 @@
835
839
  --rs-progress-bar-fail: #f44336;
836
840
  --rs-placeholder: #3c3f43;
837
841
  --rs-placeholder-active: #484c50;
842
+ --rs-breadcrumb-item-active-text: #fff;
838
843
  --rs-dropdown-divider: #3c3f43;
839
844
  --rs-dropdown-item-bg-hover: #3c3f43;
840
845
  --rs-dropdown-item-bg-active: rgba(143, 153, 0, 0.2);
@@ -978,6 +983,7 @@
978
983
  --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
979
984
  --rs-calendar-time-unit-bg: #0f131a;
980
985
  --rs-calendar-date-selected-text: #0f131a;
986
+ --rs-calendar-cell-selected-hover-bg: #e9ebf0;
981
987
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
982
988
  }
983
989
  /* stylelint-disable */
@@ -1835,6 +1841,10 @@ tbody.rs-anim-collapse.rs-anim-in {
1835
1841
  .rs-breadcrumb-item:focus {
1836
1842
  outline: 0;
1837
1843
  }
1844
+ .rs-breadcrumb-item-active {
1845
+ color: #272c36;
1846
+ color: var(--rs-breadcrumb-item-active-text);
1847
+ }
1838
1848
  .rs-breadcrumb-separator {
1839
1849
  margin: 0 4px;
1840
1850
  }
@@ -1846,8 +1856,8 @@ tbody.rs-anim-collapse.rs-anim-in {
1846
1856
  vertical-align: middle;
1847
1857
  cursor: pointer;
1848
1858
  white-space: nowrap;
1849
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
1850
- transition: color 0.2s linear, background-color 0.3s linear;
1859
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
1860
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
1851
1861
  border: none;
1852
1862
  border: var(--rs-btn-default-border, none);
1853
1863
  -webkit-user-select: none;
@@ -1987,7 +1997,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1987
1997
  .rs-btn-subtle:focus {
1988
1998
  color: #575757;
1989
1999
  color: var(--rs-btn-subtle-hover-text);
1990
- background-color: #f7f7fa;
2000
+ background-color: #e5e5ea;
1991
2001
  background-color: var(--rs-btn-subtle-hover-bg);
1992
2002
  }
1993
2003
  .rs-btn-subtle:active,
@@ -2052,6 +2062,10 @@ tbody.rs-anim-collapse.rs-anim-in {
2052
2062
  background-color: transparent;
2053
2063
  border-color: #0a5dc2;
2054
2064
  border-color: var(--rs-btn-ghost-hover-border);
2065
+ -webkit-box-shadow: 0 0 0 1px #0a5dc2;
2066
+ -webkit-box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
2067
+ box-shadow: 0 0 0 1px #0a5dc2;
2068
+ box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
2055
2069
  }
2056
2070
  .rs-btn-ghost:active,
2057
2071
  .rs-btn-ghost.rs-btn-active {
@@ -2067,6 +2081,10 @@ tbody.rs-anim-collapse.rs-anim-in {
2067
2081
  color: var(--rs-btn-ghost-text);
2068
2082
  background-color: transparent;
2069
2083
  opacity: 0.3;
2084
+ border-color: #1675e0;
2085
+ border-color: var(--rs-btn-ghost-border);
2086
+ -webkit-box-shadow: none;
2087
+ box-shadow: none;
2070
2088
  }
2071
2089
  .rs-theme-high-contrast .rs-btn-ghost:disabled,
2072
2090
  .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
@@ -2074,15 +2092,15 @@ tbody.rs-anim-collapse.rs-anim-in {
2074
2092
  }
2075
2093
  .rs-btn-red {
2076
2094
  --rs-btn-primary-bg: var(--rs-red-500);
2077
- --rs-btn-primary-hover-bg: var(--rs-red-600);
2078
- --rs-btn-primary-active-bg: var(--rs-red-700);
2095
+ --rs-btn-primary-hover-bg: var(--rs-red-700);
2096
+ --rs-btn-primary-active-bg: var(--rs-red-800);
2079
2097
  --rs-btn-subtle-hover-bg: var(--rs-red-500);
2080
- --rs-btn-subtle-hover-text: #fff;
2098
+ --rs-btn-subtle-hover-text: #e5e5ea;
2081
2099
  --rs-btn-subtle-active-bg: var(--rs-red-600);
2082
- --rs-btn-subtle-active-text: #fff;
2100
+ --rs-btn-subtle-active-text: #575757;
2083
2101
  --rs-btn-ghost-border: var(--rs-red-700);
2084
2102
  --rs-btn-ghost-text: var(--rs-red-700);
2085
- --rs-btn-ghost-hover-border: var(--rs-red-800);
2103
+ --rs-btn-ghost-hover-border: var(--rs-red-900);
2086
2104
  --rs-btn-ghost-hover-text: var(--rs-red-800);
2087
2105
  --rs-btn-ghost-active-border: var(--rs-red-900);
2088
2106
  --rs-btn-ghost-active-text: var(--rs-red-900);
@@ -2090,12 +2108,12 @@ tbody.rs-anim-collapse.rs-anim-in {
2090
2108
  --rs-btn-link-hover-text: var(--rs-red-800);
2091
2109
  --rs-btn-link-active-text: var(--rs-red-900);
2092
2110
  --rs-iconbtn-primary-addon: var(--rs-red-600);
2093
- --rs-iconbtn-primary-activated-addon: var(--rs-red-700);
2094
- --rs-iconbtn-primary-pressed-addon: var(--rs-red-800);
2111
+ --rs-iconbtn-primary-activated-addon: var(--rs-red-800);
2112
+ --rs-iconbtn-primary-pressed-addon: var(--rs-red-900);
2095
2113
  }
2096
2114
  .rs-theme-dark .rs-btn-red {
2097
2115
  --rs-btn-primary-bg: var(--rs-red-700);
2098
- --rs-btn-primary-hover-bg: var(--rs-red-600);
2116
+ --rs-btn-primary-hover-bg: var(--rs-red-500);
2099
2117
  --rs-btn-primary-active-bg: var(--rs-red-400);
2100
2118
  --rs-btn-subtle-hover-bg: var(--rs-red-600);
2101
2119
  --rs-btn-subtle-hover-text: #fff;
@@ -2111,8 +2129,8 @@ tbody.rs-anim-collapse.rs-anim-in {
2111
2129
  --rs-btn-link-hover-text: var(--rs-red-400);
2112
2130
  --rs-btn-link-active-text: var(--rs-red-200);
2113
2131
  --rs-iconbtn-primary-addon: var(--rs-red-600);
2114
- --rs-iconbtn-primary-activated-addon: var(--rs-red-500);
2115
- --rs-iconbtn-primary-pressed-addon: var(--rs-red-400);
2132
+ --rs-iconbtn-primary-activated-addon: var(--rs-red-400);
2133
+ --rs-iconbtn-primary-pressed-addon: var(--rs-red-300);
2116
2134
  }
2117
2135
  .rs-theme-high-contrast .rs-btn-red {
2118
2136
  --rs-btn-primary-bg: var(--rs-red-700);
@@ -2134,15 +2152,15 @@ tbody.rs-anim-collapse.rs-anim-in {
2134
2152
  }
2135
2153
  .rs-btn-orange {
2136
2154
  --rs-btn-primary-bg: var(--rs-orange-500);
2137
- --rs-btn-primary-hover-bg: var(--rs-orange-600);
2138
- --rs-btn-primary-active-bg: var(--rs-orange-700);
2155
+ --rs-btn-primary-hover-bg: var(--rs-orange-700);
2156
+ --rs-btn-primary-active-bg: var(--rs-orange-800);
2139
2157
  --rs-btn-subtle-hover-bg: var(--rs-orange-500);
2140
- --rs-btn-subtle-hover-text: #fff;
2158
+ --rs-btn-subtle-hover-text: #e5e5ea;
2141
2159
  --rs-btn-subtle-active-bg: var(--rs-orange-600);
2142
- --rs-btn-subtle-active-text: #fff;
2160
+ --rs-btn-subtle-active-text: #575757;
2143
2161
  --rs-btn-ghost-border: var(--rs-orange-700);
2144
2162
  --rs-btn-ghost-text: var(--rs-orange-700);
2145
- --rs-btn-ghost-hover-border: var(--rs-orange-800);
2163
+ --rs-btn-ghost-hover-border: var(--rs-orange-900);
2146
2164
  --rs-btn-ghost-hover-text: var(--rs-orange-800);
2147
2165
  --rs-btn-ghost-active-border: var(--rs-orange-900);
2148
2166
  --rs-btn-ghost-active-text: var(--rs-orange-900);
@@ -2150,12 +2168,12 @@ tbody.rs-anim-collapse.rs-anim-in {
2150
2168
  --rs-btn-link-hover-text: var(--rs-orange-800);
2151
2169
  --rs-btn-link-active-text: var(--rs-orange-900);
2152
2170
  --rs-iconbtn-primary-addon: var(--rs-orange-600);
2153
- --rs-iconbtn-primary-activated-addon: var(--rs-orange-700);
2154
- --rs-iconbtn-primary-pressed-addon: var(--rs-orange-800);
2171
+ --rs-iconbtn-primary-activated-addon: var(--rs-orange-800);
2172
+ --rs-iconbtn-primary-pressed-addon: var(--rs-orange-900);
2155
2173
  }
2156
2174
  .rs-theme-dark .rs-btn-orange {
2157
2175
  --rs-btn-primary-bg: var(--rs-orange-700);
2158
- --rs-btn-primary-hover-bg: var(--rs-orange-600);
2176
+ --rs-btn-primary-hover-bg: var(--rs-orange-500);
2159
2177
  --rs-btn-primary-active-bg: var(--rs-orange-400);
2160
2178
  --rs-btn-subtle-hover-bg: var(--rs-orange-600);
2161
2179
  --rs-btn-subtle-hover-text: #fff;
@@ -2171,8 +2189,8 @@ tbody.rs-anim-collapse.rs-anim-in {
2171
2189
  --rs-btn-link-hover-text: var(--rs-orange-400);
2172
2190
  --rs-btn-link-active-text: var(--rs-orange-200);
2173
2191
  --rs-iconbtn-primary-addon: var(--rs-orange-600);
2174
- --rs-iconbtn-primary-activated-addon: var(--rs-orange-500);
2175
- --rs-iconbtn-primary-pressed-addon: var(--rs-orange-400);
2192
+ --rs-iconbtn-primary-activated-addon: var(--rs-orange-400);
2193
+ --rs-iconbtn-primary-pressed-addon: var(--rs-orange-300);
2176
2194
  }
2177
2195
  .rs-theme-high-contrast .rs-btn-orange {
2178
2196
  --rs-btn-primary-bg: var(--rs-orange-700);
@@ -2194,15 +2212,15 @@ tbody.rs-anim-collapse.rs-anim-in {
2194
2212
  }
2195
2213
  .rs-btn-yellow {
2196
2214
  --rs-btn-primary-bg: var(--rs-yellow-500);
2197
- --rs-btn-primary-hover-bg: var(--rs-yellow-600);
2198
- --rs-btn-primary-active-bg: var(--rs-yellow-700);
2215
+ --rs-btn-primary-hover-bg: var(--rs-yellow-700);
2216
+ --rs-btn-primary-active-bg: var(--rs-yellow-800);
2199
2217
  --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
2200
- --rs-btn-subtle-hover-text: #fff;
2218
+ --rs-btn-subtle-hover-text: #e5e5ea;
2201
2219
  --rs-btn-subtle-active-bg: var(--rs-yellow-600);
2202
- --rs-btn-subtle-active-text: #fff;
2220
+ --rs-btn-subtle-active-text: #575757;
2203
2221
  --rs-btn-ghost-border: var(--rs-yellow-700);
2204
2222
  --rs-btn-ghost-text: var(--rs-yellow-700);
2205
- --rs-btn-ghost-hover-border: var(--rs-yellow-800);
2223
+ --rs-btn-ghost-hover-border: var(--rs-yellow-900);
2206
2224
  --rs-btn-ghost-hover-text: var(--rs-yellow-800);
2207
2225
  --rs-btn-ghost-active-border: var(--rs-yellow-900);
2208
2226
  --rs-btn-ghost-active-text: var(--rs-yellow-900);
@@ -2210,12 +2228,12 @@ tbody.rs-anim-collapse.rs-anim-in {
2210
2228
  --rs-btn-link-hover-text: var(--rs-yellow-800);
2211
2229
  --rs-btn-link-active-text: var(--rs-yellow-900);
2212
2230
  --rs-iconbtn-primary-addon: var(--rs-yellow-600);
2213
- --rs-iconbtn-primary-activated-addon: var(--rs-yellow-700);
2214
- --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-800);
2231
+ --rs-iconbtn-primary-activated-addon: var(--rs-yellow-800);
2232
+ --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-900);
2215
2233
  }
2216
2234
  .rs-theme-dark .rs-btn-yellow {
2217
2235
  --rs-btn-primary-bg: var(--rs-yellow-700);
2218
- --rs-btn-primary-hover-bg: var(--rs-yellow-600);
2236
+ --rs-btn-primary-hover-bg: var(--rs-yellow-500);
2219
2237
  --rs-btn-primary-active-bg: var(--rs-yellow-400);
2220
2238
  --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
2221
2239
  --rs-btn-subtle-hover-text: #fff;
@@ -2231,8 +2249,8 @@ tbody.rs-anim-collapse.rs-anim-in {
2231
2249
  --rs-btn-link-hover-text: var(--rs-yellow-400);
2232
2250
  --rs-btn-link-active-text: var(--rs-yellow-200);
2233
2251
  --rs-iconbtn-primary-addon: var(--rs-yellow-600);
2234
- --rs-iconbtn-primary-activated-addon: var(--rs-yellow-500);
2235
- --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-400);
2252
+ --rs-iconbtn-primary-activated-addon: var(--rs-yellow-400);
2253
+ --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-300);
2236
2254
  }
2237
2255
  .rs-theme-high-contrast .rs-btn-yellow {
2238
2256
  --rs-btn-primary-bg: var(--rs-yellow-700);
@@ -2254,15 +2272,15 @@ tbody.rs-anim-collapse.rs-anim-in {
2254
2272
  }
2255
2273
  .rs-btn-green {
2256
2274
  --rs-btn-primary-bg: var(--rs-green-500);
2257
- --rs-btn-primary-hover-bg: var(--rs-green-600);
2258
- --rs-btn-primary-active-bg: var(--rs-green-700);
2275
+ --rs-btn-primary-hover-bg: var(--rs-green-700);
2276
+ --rs-btn-primary-active-bg: var(--rs-green-800);
2259
2277
  --rs-btn-subtle-hover-bg: var(--rs-green-500);
2260
- --rs-btn-subtle-hover-text: #fff;
2278
+ --rs-btn-subtle-hover-text: #e5e5ea;
2261
2279
  --rs-btn-subtle-active-bg: var(--rs-green-600);
2262
- --rs-btn-subtle-active-text: #fff;
2280
+ --rs-btn-subtle-active-text: #575757;
2263
2281
  --rs-btn-ghost-border: var(--rs-green-700);
2264
2282
  --rs-btn-ghost-text: var(--rs-green-700);
2265
- --rs-btn-ghost-hover-border: var(--rs-green-800);
2283
+ --rs-btn-ghost-hover-border: var(--rs-green-900);
2266
2284
  --rs-btn-ghost-hover-text: var(--rs-green-800);
2267
2285
  --rs-btn-ghost-active-border: var(--rs-green-900);
2268
2286
  --rs-btn-ghost-active-text: var(--rs-green-900);
@@ -2270,12 +2288,12 @@ tbody.rs-anim-collapse.rs-anim-in {
2270
2288
  --rs-btn-link-hover-text: var(--rs-green-800);
2271
2289
  --rs-btn-link-active-text: var(--rs-green-900);
2272
2290
  --rs-iconbtn-primary-addon: var(--rs-green-600);
2273
- --rs-iconbtn-primary-activated-addon: var(--rs-green-700);
2274
- --rs-iconbtn-primary-pressed-addon: var(--rs-green-800);
2291
+ --rs-iconbtn-primary-activated-addon: var(--rs-green-800);
2292
+ --rs-iconbtn-primary-pressed-addon: var(--rs-green-900);
2275
2293
  }
2276
2294
  .rs-theme-dark .rs-btn-green {
2277
2295
  --rs-btn-primary-bg: var(--rs-green-700);
2278
- --rs-btn-primary-hover-bg: var(--rs-green-600);
2296
+ --rs-btn-primary-hover-bg: var(--rs-green-500);
2279
2297
  --rs-btn-primary-active-bg: var(--rs-green-400);
2280
2298
  --rs-btn-subtle-hover-bg: var(--rs-green-600);
2281
2299
  --rs-btn-subtle-hover-text: #fff;
@@ -2291,8 +2309,8 @@ tbody.rs-anim-collapse.rs-anim-in {
2291
2309
  --rs-btn-link-hover-text: var(--rs-green-400);
2292
2310
  --rs-btn-link-active-text: var(--rs-green-200);
2293
2311
  --rs-iconbtn-primary-addon: var(--rs-green-600);
2294
- --rs-iconbtn-primary-activated-addon: var(--rs-green-500);
2295
- --rs-iconbtn-primary-pressed-addon: var(--rs-green-400);
2312
+ --rs-iconbtn-primary-activated-addon: var(--rs-green-400);
2313
+ --rs-iconbtn-primary-pressed-addon: var(--rs-green-300);
2296
2314
  }
2297
2315
  .rs-theme-high-contrast .rs-btn-green {
2298
2316
  --rs-btn-primary-bg: var(--rs-green-700);
@@ -2314,15 +2332,15 @@ tbody.rs-anim-collapse.rs-anim-in {
2314
2332
  }
2315
2333
  .rs-btn-cyan {
2316
2334
  --rs-btn-primary-bg: var(--rs-cyan-500);
2317
- --rs-btn-primary-hover-bg: var(--rs-cyan-600);
2318
- --rs-btn-primary-active-bg: var(--rs-cyan-700);
2335
+ --rs-btn-primary-hover-bg: var(--rs-cyan-700);
2336
+ --rs-btn-primary-active-bg: var(--rs-cyan-800);
2319
2337
  --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
2320
- --rs-btn-subtle-hover-text: #fff;
2338
+ --rs-btn-subtle-hover-text: #e5e5ea;
2321
2339
  --rs-btn-subtle-active-bg: var(--rs-cyan-600);
2322
- --rs-btn-subtle-active-text: #fff;
2340
+ --rs-btn-subtle-active-text: #575757;
2323
2341
  --rs-btn-ghost-border: var(--rs-cyan-700);
2324
2342
  --rs-btn-ghost-text: var(--rs-cyan-700);
2325
- --rs-btn-ghost-hover-border: var(--rs-cyan-800);
2343
+ --rs-btn-ghost-hover-border: var(--rs-cyan-900);
2326
2344
  --rs-btn-ghost-hover-text: var(--rs-cyan-800);
2327
2345
  --rs-btn-ghost-active-border: var(--rs-cyan-900);
2328
2346
  --rs-btn-ghost-active-text: var(--rs-cyan-900);
@@ -2330,12 +2348,12 @@ tbody.rs-anim-collapse.rs-anim-in {
2330
2348
  --rs-btn-link-hover-text: var(--rs-cyan-800);
2331
2349
  --rs-btn-link-active-text: var(--rs-cyan-900);
2332
2350
  --rs-iconbtn-primary-addon: var(--rs-cyan-600);
2333
- --rs-iconbtn-primary-activated-addon: var(--rs-cyan-700);
2334
- --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-800);
2351
+ --rs-iconbtn-primary-activated-addon: var(--rs-cyan-800);
2352
+ --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-900);
2335
2353
  }
2336
2354
  .rs-theme-dark .rs-btn-cyan {
2337
2355
  --rs-btn-primary-bg: var(--rs-cyan-700);
2338
- --rs-btn-primary-hover-bg: var(--rs-cyan-600);
2356
+ --rs-btn-primary-hover-bg: var(--rs-cyan-500);
2339
2357
  --rs-btn-primary-active-bg: var(--rs-cyan-400);
2340
2358
  --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
2341
2359
  --rs-btn-subtle-hover-text: #fff;
@@ -2351,8 +2369,8 @@ tbody.rs-anim-collapse.rs-anim-in {
2351
2369
  --rs-btn-link-hover-text: var(--rs-cyan-400);
2352
2370
  --rs-btn-link-active-text: var(--rs-cyan-200);
2353
2371
  --rs-iconbtn-primary-addon: var(--rs-cyan-600);
2354
- --rs-iconbtn-primary-activated-addon: var(--rs-cyan-500);
2355
- --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-400);
2372
+ --rs-iconbtn-primary-activated-addon: var(--rs-cyan-400);
2373
+ --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-300);
2356
2374
  }
2357
2375
  .rs-theme-high-contrast .rs-btn-cyan {
2358
2376
  --rs-btn-primary-bg: var(--rs-cyan-700);
@@ -2374,15 +2392,15 @@ tbody.rs-anim-collapse.rs-anim-in {
2374
2392
  }
2375
2393
  .rs-btn-blue {
2376
2394
  --rs-btn-primary-bg: var(--rs-blue-500);
2377
- --rs-btn-primary-hover-bg: var(--rs-blue-600);
2378
- --rs-btn-primary-active-bg: var(--rs-blue-700);
2395
+ --rs-btn-primary-hover-bg: var(--rs-blue-700);
2396
+ --rs-btn-primary-active-bg: var(--rs-blue-800);
2379
2397
  --rs-btn-subtle-hover-bg: var(--rs-blue-500);
2380
- --rs-btn-subtle-hover-text: #fff;
2398
+ --rs-btn-subtle-hover-text: #e5e5ea;
2381
2399
  --rs-btn-subtle-active-bg: var(--rs-blue-600);
2382
- --rs-btn-subtle-active-text: #fff;
2400
+ --rs-btn-subtle-active-text: #575757;
2383
2401
  --rs-btn-ghost-border: var(--rs-blue-700);
2384
2402
  --rs-btn-ghost-text: var(--rs-blue-700);
2385
- --rs-btn-ghost-hover-border: var(--rs-blue-800);
2403
+ --rs-btn-ghost-hover-border: var(--rs-blue-900);
2386
2404
  --rs-btn-ghost-hover-text: var(--rs-blue-800);
2387
2405
  --rs-btn-ghost-active-border: var(--rs-blue-900);
2388
2406
  --rs-btn-ghost-active-text: var(--rs-blue-900);
@@ -2390,12 +2408,12 @@ tbody.rs-anim-collapse.rs-anim-in {
2390
2408
  --rs-btn-link-hover-text: var(--rs-blue-800);
2391
2409
  --rs-btn-link-active-text: var(--rs-blue-900);
2392
2410
  --rs-iconbtn-primary-addon: var(--rs-blue-600);
2393
- --rs-iconbtn-primary-activated-addon: var(--rs-blue-700);
2394
- --rs-iconbtn-primary-pressed-addon: var(--rs-blue-800);
2411
+ --rs-iconbtn-primary-activated-addon: var(--rs-blue-800);
2412
+ --rs-iconbtn-primary-pressed-addon: var(--rs-blue-900);
2395
2413
  }
2396
2414
  .rs-theme-dark .rs-btn-blue {
2397
2415
  --rs-btn-primary-bg: var(--rs-blue-700);
2398
- --rs-btn-primary-hover-bg: var(--rs-blue-600);
2416
+ --rs-btn-primary-hover-bg: var(--rs-blue-500);
2399
2417
  --rs-btn-primary-active-bg: var(--rs-blue-400);
2400
2418
  --rs-btn-subtle-hover-bg: var(--rs-blue-600);
2401
2419
  --rs-btn-subtle-hover-text: #fff;
@@ -2411,8 +2429,8 @@ tbody.rs-anim-collapse.rs-anim-in {
2411
2429
  --rs-btn-link-hover-text: var(--rs-blue-400);
2412
2430
  --rs-btn-link-active-text: var(--rs-blue-200);
2413
2431
  --rs-iconbtn-primary-addon: var(--rs-blue-600);
2414
- --rs-iconbtn-primary-activated-addon: var(--rs-blue-500);
2415
- --rs-iconbtn-primary-pressed-addon: var(--rs-blue-400);
2432
+ --rs-iconbtn-primary-activated-addon: var(--rs-blue-400);
2433
+ --rs-iconbtn-primary-pressed-addon: var(--rs-blue-300);
2416
2434
  }
2417
2435
  .rs-theme-high-contrast .rs-btn-blue {
2418
2436
  --rs-btn-primary-bg: var(--rs-blue-700);
@@ -2434,15 +2452,15 @@ tbody.rs-anim-collapse.rs-anim-in {
2434
2452
  }
2435
2453
  .rs-btn-violet {
2436
2454
  --rs-btn-primary-bg: var(--rs-violet-500);
2437
- --rs-btn-primary-hover-bg: var(--rs-violet-600);
2438
- --rs-btn-primary-active-bg: var(--rs-violet-700);
2455
+ --rs-btn-primary-hover-bg: var(--rs-violet-700);
2456
+ --rs-btn-primary-active-bg: var(--rs-violet-800);
2439
2457
  --rs-btn-subtle-hover-bg: var(--rs-violet-500);
2440
- --rs-btn-subtle-hover-text: #fff;
2458
+ --rs-btn-subtle-hover-text: #e5e5ea;
2441
2459
  --rs-btn-subtle-active-bg: var(--rs-violet-600);
2442
- --rs-btn-subtle-active-text: #fff;
2460
+ --rs-btn-subtle-active-text: #575757;
2443
2461
  --rs-btn-ghost-border: var(--rs-violet-700);
2444
2462
  --rs-btn-ghost-text: var(--rs-violet-700);
2445
- --rs-btn-ghost-hover-border: var(--rs-violet-800);
2463
+ --rs-btn-ghost-hover-border: var(--rs-violet-900);
2446
2464
  --rs-btn-ghost-hover-text: var(--rs-violet-800);
2447
2465
  --rs-btn-ghost-active-border: var(--rs-violet-900);
2448
2466
  --rs-btn-ghost-active-text: var(--rs-violet-900);
@@ -2450,12 +2468,12 @@ tbody.rs-anim-collapse.rs-anim-in {
2450
2468
  --rs-btn-link-hover-text: var(--rs-violet-800);
2451
2469
  --rs-btn-link-active-text: var(--rs-violet-900);
2452
2470
  --rs-iconbtn-primary-addon: var(--rs-violet-600);
2453
- --rs-iconbtn-primary-activated-addon: var(--rs-violet-700);
2454
- --rs-iconbtn-primary-pressed-addon: var(--rs-violet-800);
2471
+ --rs-iconbtn-primary-activated-addon: var(--rs-violet-800);
2472
+ --rs-iconbtn-primary-pressed-addon: var(--rs-violet-900);
2455
2473
  }
2456
2474
  .rs-theme-dark .rs-btn-violet {
2457
2475
  --rs-btn-primary-bg: var(--rs-violet-700);
2458
- --rs-btn-primary-hover-bg: var(--rs-violet-600);
2476
+ --rs-btn-primary-hover-bg: var(--rs-violet-500);
2459
2477
  --rs-btn-primary-active-bg: var(--rs-violet-400);
2460
2478
  --rs-btn-subtle-hover-bg: var(--rs-violet-600);
2461
2479
  --rs-btn-subtle-hover-text: #fff;
@@ -2471,8 +2489,8 @@ tbody.rs-anim-collapse.rs-anim-in {
2471
2489
  --rs-btn-link-hover-text: var(--rs-violet-400);
2472
2490
  --rs-btn-link-active-text: var(--rs-violet-200);
2473
2491
  --rs-iconbtn-primary-addon: var(--rs-violet-600);
2474
- --rs-iconbtn-primary-activated-addon: var(--rs-violet-500);
2475
- --rs-iconbtn-primary-pressed-addon: var(--rs-violet-400);
2492
+ --rs-iconbtn-primary-activated-addon: var(--rs-violet-400);
2493
+ --rs-iconbtn-primary-pressed-addon: var(--rs-violet-300);
2476
2494
  }
2477
2495
  .rs-theme-high-contrast .rs-btn-violet {
2478
2496
  --rs-btn-primary-bg: var(--rs-violet-700);
@@ -3062,7 +3080,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3062
3080
  .rs-calendar-header-error:focus {
3063
3081
  color: #575757;
3064
3082
  color: var(--rs-btn-subtle-hover-text);
3065
- background-color: #f7f7fa;
3083
+ background-color: #e5e5ea;
3066
3084
  background-color: var(--rs-btn-subtle-hover-bg);
3067
3085
  }
3068
3086
  .rs-calendar-header-error:active,
@@ -3156,7 +3174,8 @@ tbody.rs-anim-collapse.rs-anim-in {
3156
3174
  border-bottom-right-radius: 6px;
3157
3175
  border-bottom-left-radius: 6px;
3158
3176
  }
3159
- .rs-calendar-table-cell {
3177
+ .rs-calendar-table-cell,
3178
+ .rs-calendar-table-header-cell {
3160
3179
  display: table-cell;
3161
3180
  width: 1%;
3162
3181
  padding: 1px 0;
@@ -3164,19 +3183,52 @@ tbody.rs-anim-collapse.rs-anim-in {
3164
3183
  vertical-align: middle;
3165
3184
  }
3166
3185
  .rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content,
3186
+ .rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content,
3187
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content,
3188
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content,
3167
3189
  .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
3190
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,
3191
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,
3192
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,
3168
3193
  .rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content:hover,
3169
- .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover {
3194
+ .rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content:hover,
3195
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content:hover,
3196
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content:hover,
3197
+ .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,
3198
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
3199
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
3200
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
3170
3201
  color: #c5c6c7;
3171
3202
  color: var(--rs-text-disabled);
3172
3203
  }
3173
3204
  .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
3174
- .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover {
3205
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,
3206
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,
3207
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,
3208
+ .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,
3209
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
3210
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
3211
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
3175
3212
  background: none;
3176
3213
  text-decoration: line-through;
3177
3214
  cursor: not-allowed;
3178
3215
  }
3179
- .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover {
3216
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3217
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3218
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3219
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
3220
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3221
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3222
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3223
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
3224
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3225
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3226
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3227
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
3228
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3229
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3230
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3231
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover {
3180
3232
  color: #fff;
3181
3233
  color: var(--rs-calendar-date-selected-text);
3182
3234
  background-color: #3498ff;
@@ -3184,10 +3236,32 @@ tbody.rs-anim-collapse.rs-anim-in {
3184
3236
  -webkit-box-shadow: none;
3185
3237
  box-shadow: none;
3186
3238
  }
3187
- .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover {
3239
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3240
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3241
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3242
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
3243
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3244
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3245
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3246
+ .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
3247
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3248
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3249
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3250
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
3251
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3252
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3253
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3254
+ .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover {
3188
3255
  text-decoration: underline;
3189
3256
  }
3190
- .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
3257
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
3258
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,
3259
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content,
3260
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content,
3261
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
3262
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,
3263
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content,
3264
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content {
3191
3265
  opacity: 0.3;
3192
3266
  }
3193
3267
  .rs-calendar-table-cell-content {
@@ -3219,7 +3293,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3219
3293
  .rs-theme-high-contrast .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
3220
3294
  text-decoration: underline;
3221
3295
  }
3222
- .rs-calendar-table-header-row .rs-calendar-table-cell-content {
3296
+ .rs-calendar-table-header-cell-content {
3223
3297
  color: #8e8e93;
3224
3298
  color: var(--rs-text-secondary);
3225
3299
  font-size: 12px;
@@ -3227,10 +3301,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3227
3301
  padding-top: 2px;
3228
3302
  padding-bottom: 2px;
3229
3303
  }
3230
- .rs-calendar-table-header-row .rs-calendar-table-cell-content,
3231
- .rs-calendar-table-header-row .rs-calendar-table-cell-content:hover,
3232
- .rs-calendar-table-header-row .rs-calendar-table-cell-content:focus,
3233
- .rs-calendar-table-header-row .rs-calendar-table-cell-content:hover:focus {
3304
+ .rs-calendar-table-header-cell-content,
3305
+ .rs-calendar-table-header-cell-content:hover,
3306
+ .rs-calendar-table-header-cell-content:focus,
3307
+ .rs-calendar-table-header-cell-content:hover:focus {
3234
3308
  background: none;
3235
3309
  cursor: auto;
3236
3310
  }
@@ -4120,26 +4194,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4120
4194
  padding: 8px 12px;
4121
4195
  padding-left: 32px;
4122
4196
  position: relative;
4123
- cursor: default;
4124
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
4125
- transition: color 0.3s linear, background-color 0.3s linear;
4197
+ cursor: pointer;
4126
4198
  color: #272c36;
4127
4199
  color: var(--rs-text-heading);
4128
4200
  }
4129
- .rs-picker-check-menu-items .rs-picker-menu-group-title:hover {
4130
- background-color: #f2faff;
4131
- background-color: var(--rs-state-hover-bg);
4132
- }
4133
4201
  .rs-picker-check-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret {
4134
4202
  display: inline-block;
4135
4203
  margin-right: 2px;
4136
4204
  position: absolute;
4137
4205
  top: 8px;
4138
4206
  left: 12px;
4139
- -webkit-transition: -webkit-transform 0.3s linear;
4140
- transition: -webkit-transform 0.3s linear;
4141
- transition: transform 0.3s linear;
4142
- transition: transform 0.3s linear, -webkit-transform 0.3s linear;
4143
4207
  padding: 3px;
4144
4208
  }
4145
4209
  .rs-picker-check-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret {
@@ -4407,6 +4471,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4407
4471
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4408
4472
  outline-offset: 2px;
4409
4473
  }
4474
+ .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4475
+ background-color: #1675e0;
4476
+ background-color: var(--rs-calendar-cell-selected-hover-bg);
4477
+ color: #fff;
4478
+ color: var(--rs-calendar-date-selected-text);
4479
+ }
4480
+ .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4481
+ color: #fff;
4482
+ color: var(--rs-calendar-date-selected-text);
4483
+ }
4410
4484
  .rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
4411
4485
  height: 24px;
4412
4486
  padding-top: 0;
@@ -4434,6 +4508,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4434
4508
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4435
4509
  outline-offset: 2px;
4436
4510
  }
4511
+ .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4512
+ background-color: #1675e0;
4513
+ background-color: var(--rs-calendar-cell-selected-hover-bg);
4514
+ color: #fff;
4515
+ color: var(--rs-calendar-date-selected-text);
4516
+ }
4517
+ .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4518
+ color: #fff;
4519
+ color: var(--rs-calendar-date-selected-text);
4520
+ }
4437
4521
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
4438
4522
  height: 227px;
4439
4523
  }
@@ -7760,8 +7844,8 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
7760
7844
  display: block;
7761
7845
  background-color: #f2f2f5;
7762
7846
  background-color: var(--rs-iconbtn-addon);
7763
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
7764
- transition: color 0.2s linear, background-color 0.3s linear;
7847
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
7848
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
7765
7849
  }
7766
7850
  .rs-btn-icon-with-text:hover > .rs-icon,
7767
7851
  .rs-btn-icon-with-text:focus > .rs-icon {
@@ -7818,8 +7902,8 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
7818
7902
  background-image: none;
7819
7903
  border: 1px solid #e5e5ea;
7820
7904
  border: 1px solid var(--rs-border-primary);
7821
- -webkit-transition: border-color ease-in-out 0.3s;
7822
- transition: border-color ease-in-out 0.3s;
7905
+ -webkit-transition: border-color ease-in-out 0.15s;
7906
+ transition: border-color ease-in-out 0.15s;
7823
7907
  border-radius: 6px;
7824
7908
  /* stylelint-disable */
7825
7909
  padding: 7px 11px;
@@ -7928,8 +8012,8 @@ textarea.rs-input-sm {
7928
8012
  display: -ms-flexbox;
7929
8013
  display: flex;
7930
8014
  border-radius: 6px;
7931
- -webkit-transition: border-color ease-in-out 0.3s;
7932
- transition: border-color ease-in-out 0.3s;
8015
+ -webkit-transition: border-color ease-in-out 0.15s;
8016
+ transition: border-color ease-in-out 0.15s;
7933
8017
  width: 100%;
7934
8018
  cursor: text;
7935
8019
  color: #575757;
@@ -8059,7 +8143,7 @@ textarea.rs-input-sm {
8059
8143
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
8060
8144
  color: #575757;
8061
8145
  color: var(--rs-btn-subtle-hover-text);
8062
- background-color: #f7f7fa;
8146
+ background-color: #e5e5ea;
8063
8147
  background-color: var(--rs-btn-subtle-hover-bg);
8064
8148
  }
8065
8149
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
@@ -8594,8 +8678,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8594
8678
  border: 1px solid #e5e5ea;
8595
8679
  border: 1px solid var(--rs-border-primary);
8596
8680
  border-radius: 6px;
8597
- -webkit-transition: border-color ease-in-out 0.3s;
8598
- transition: border-color ease-in-out 0.3s;
8681
+ -webkit-transition: border-color ease-in-out 0.15s;
8682
+ transition: border-color ease-in-out 0.15s;
8599
8683
  background-color: #fff;
8600
8684
  background-color: var(--rs-input-bg);
8601
8685
  }
@@ -9510,8 +9594,8 @@ textarea.rs-picker-search-input {
9510
9594
  .rs-nav-tabs .rs-nav-item {
9511
9595
  overflow: hidden;
9512
9596
  position: relative;
9513
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
9514
- transition: color 0.3s linear, background-color 0.3s linear;
9597
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
9598
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
9515
9599
  }
9516
9600
  @media not all and (min-resolution: 0.001dpcm) {
9517
9601
  .rs-nav-default .rs-nav-item,
@@ -9526,8 +9610,8 @@ textarea.rs-picker-search-input {
9526
9610
  cursor: pointer;
9527
9611
  color: #8e8e93;
9528
9612
  color: var(--rs-navs-text);
9529
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
9530
- transition: color 0.3s linear, background-color 0.3s linear;
9613
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
9614
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
9531
9615
  overflow: hidden;
9532
9616
  text-overflow: ellipsis;
9533
9617
  white-space: nowrap;
@@ -10320,8 +10404,8 @@ textarea.rs-picker-search-input {
10320
10404
  text-align: center;
10321
10405
  vertical-align: middle;
10322
10406
  white-space: nowrap;
10323
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
10324
- transition: color 0.2s linear, background-color 0.3s linear;
10407
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
10408
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
10325
10409
  border: none;
10326
10410
  border: var(--rs-btn-default-border, none);
10327
10411
  color: #575757;
@@ -10433,8 +10517,8 @@ textarea.rs-picker-search-input {
10433
10517
  }
10434
10518
  }
10435
10519
  .rs-picker-default .rs-pagination-btn {
10436
- -webkit-transition: border-color ease-in-out 0.3s;
10437
- transition: border-color ease-in-out 0.3s;
10520
+ -webkit-transition: border-color ease-in-out 0.15s;
10521
+ transition: border-color ease-in-out 0.15s;
10438
10522
  }
10439
10523
  .rs-theme-high-contrast .rs-picker-default .rs-pagination-btn {
10440
10524
  -webkit-transition: none;
@@ -10458,7 +10542,7 @@ textarea.rs-picker-search-input {
10458
10542
  .rs-picker-subtle .rs-pagination-btn:focus {
10459
10543
  color: #575757;
10460
10544
  color: var(--rs-btn-subtle-hover-text);
10461
- background-color: #f7f7fa;
10545
+ background-color: #e5e5ea;
10462
10546
  background-color: var(--rs-btn-subtle-hover-bg);
10463
10547
  }
10464
10548
  .rs-picker-subtle .rs-pagination-btn:active,
@@ -10479,7 +10563,7 @@ textarea.rs-picker-search-input {
10479
10563
  opacity: 0.5;
10480
10564
  }
10481
10565
  .rs-picker-subtle .rs-pagination-btn-active {
10482
- background-color: #f7f7fa;
10566
+ background-color: #e5e5ea;
10483
10567
  background-color: var(--rs-btn-subtle-hover-bg);
10484
10568
  color: #575757;
10485
10569
  color: var(--rs-btn-subtle-hover-text);
@@ -10488,7 +10572,7 @@ textarea.rs-picker-search-input {
10488
10572
  .rs-pagination-btn:focus {
10489
10573
  color: #575757;
10490
10574
  color: var(--rs-btn-subtle-hover-text);
10491
- background-color: #f7f7fa;
10575
+ background-color: #e5e5ea;
10492
10576
  background-color: var(--rs-btn-subtle-hover-bg);
10493
10577
  }
10494
10578
  .rs-pagination-btn:active,
@@ -10575,6 +10659,10 @@ textarea.rs-picker-search-input {
10575
10659
  background-color: transparent;
10576
10660
  border-color: #0a5dc2;
10577
10661
  border-color: var(--rs-btn-ghost-hover-border);
10662
+ -webkit-box-shadow: 0 0 0 1px #0a5dc2;
10663
+ -webkit-box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
10664
+ box-shadow: 0 0 0 1px #0a5dc2;
10665
+ box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
10578
10666
  }
10579
10667
  .rs-pagination-btn.rs-pagination-btn-active:active,
10580
10668
  .rs-pagination-btn.rs-pagination-btn-active.rs-btn-active {
@@ -10590,6 +10678,10 @@ textarea.rs-picker-search-input {
10590
10678
  color: var(--rs-btn-ghost-text);
10591
10679
  background-color: transparent;
10592
10680
  opacity: 0.3;
10681
+ border-color: #1675e0;
10682
+ border-color: var(--rs-btn-ghost-border);
10683
+ -webkit-box-shadow: none;
10684
+ box-shadow: none;
10593
10685
  }
10594
10686
  .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active:disabled,
10595
10687
  .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active.rs-btn-disabled {
@@ -10768,8 +10860,8 @@ textarea.rs-picker-search-input {
10768
10860
  vertical-align: middle;
10769
10861
  cursor: pointer;
10770
10862
  white-space: nowrap;
10771
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
10772
- transition: color 0.2s linear, background-color 0.3s linear;
10863
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
10864
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
10773
10865
  border: none;
10774
10866
  border: var(--rs-btn-default-border, none);
10775
10867
  -webkit-user-select: none;
@@ -10867,8 +10959,8 @@ textarea.rs-picker-search-input {
10867
10959
  }
10868
10960
  }
10869
10961
  .rs-picker-default .rs-picker-toggle {
10870
- -webkit-transition: border-color ease-in-out 0.3s;
10871
- transition: border-color ease-in-out 0.3s;
10962
+ -webkit-transition: border-color ease-in-out 0.15s;
10963
+ transition: border-color ease-in-out 0.15s;
10872
10964
  }
10873
10965
  .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
10874
10966
  -webkit-transition: none;
@@ -10892,7 +10984,7 @@ textarea.rs-picker-search-input {
10892
10984
  .rs-picker-subtle .rs-picker-toggle:focus {
10893
10985
  color: #575757;
10894
10986
  color: var(--rs-btn-subtle-hover-text);
10895
- background-color: #f7f7fa;
10987
+ background-color: #e5e5ea;
10896
10988
  background-color: var(--rs-btn-subtle-hover-bg);
10897
10989
  }
10898
10990
  .rs-picker-subtle .rs-picker-toggle:active,
@@ -10913,7 +11005,7 @@ textarea.rs-picker-search-input {
10913
11005
  opacity: 0.5;
10914
11006
  }
10915
11007
  .rs-picker-subtle .rs-picker-toggle-active {
10916
- background-color: #f7f7fa;
11008
+ background-color: #e5e5ea;
10917
11009
  background-color: var(--rs-btn-subtle-hover-bg);
10918
11010
  color: #575757;
10919
11011
  color: var(--rs-btn-subtle-hover-text);
@@ -10950,8 +11042,8 @@ textarea.rs-picker-search-input {
10950
11042
  }
10951
11043
  .rs-picker-default .rs-btn,
10952
11044
  .rs-picker-default .rs-picker-toggle {
10953
- -webkit-transition: border-color ease-in-out 0.3s;
10954
- transition: border-color ease-in-out 0.3s;
11045
+ -webkit-transition: border-color ease-in-out 0.15s;
11046
+ transition: border-color ease-in-out 0.15s;
10955
11047
  }
10956
11048
  .rs-theme-high-contrast .rs-picker-default .rs-btn,
10957
11049
  .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
@@ -10982,7 +11074,7 @@ textarea.rs-picker-search-input {
10982
11074
  .rs-picker-subtle .rs-picker-toggle:focus {
10983
11075
  color: #575757;
10984
11076
  color: var(--rs-btn-subtle-hover-text);
10985
- background-color: #f7f7fa;
11077
+ background-color: #e5e5ea;
10986
11078
  background-color: var(--rs-btn-subtle-hover-bg);
10987
11079
  }
10988
11080
  .rs-picker-subtle .rs-btn:active,
@@ -11010,7 +11102,7 @@ textarea.rs-picker-search-input {
11010
11102
  }
11011
11103
  .rs-picker-subtle .rs-btn-active,
11012
11104
  .rs-picker-subtle .rs-picker-toggle-active {
11013
- background-color: #f7f7fa;
11105
+ background-color: #e5e5ea;
11014
11106
  background-color: var(--rs-btn-subtle-hover-bg);
11015
11107
  color: #575757;
11016
11108
  color: var(--rs-btn-subtle-hover-text);
@@ -11020,22 +11112,17 @@ textarea.rs-picker-search-input {
11020
11112
  padding-left: 32px;
11021
11113
  }
11022
11114
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
11023
- padding-left: 44px;
11115
+ padding-left: 32px;
11024
11116
  }
11025
11117
  .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11026
11118
  .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11027
11119
  top: 8px;
11120
+ left: 12px;
11028
11121
  }
11029
11122
  .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11030
11123
  .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11031
11124
  top: 7px;
11032
11125
  }
11033
- .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11034
- left: 12px;
11035
- }
11036
- .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11037
- left: 30px;
11038
- }
11039
11126
  .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11040
11127
  padding: 7px 12px;
11041
11128
  font-size: 14px;
@@ -11070,6 +11157,7 @@ textarea.rs-picker-search-input {
11070
11157
  .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11071
11158
  .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11072
11159
  top: 8px;
11160
+ left: 12px;
11073
11161
  }
11074
11162
  .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11075
11163
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
@@ -11077,14 +11165,6 @@ textarea.rs-picker-search-input {
11077
11165
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11078
11166
  top: 7px;
11079
11167
  }
11080
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11081
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11082
- left: 12px;
11083
- }
11084
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11085
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11086
- left: 30px;
11087
- }
11088
11168
  .rs-picker-default .rs-picker-toggle.rs-btn {
11089
11169
  padding-top: 7px;
11090
11170
  padding-bottom: 7px;
@@ -11098,22 +11178,17 @@ textarea.rs-picker-search-input {
11098
11178
  padding-left: 36px;
11099
11179
  }
11100
11180
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
11101
- padding-left: 50px;
11181
+ padding-left: 36px;
11102
11182
  }
11103
11183
  .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11104
11184
  .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11105
11185
  top: 10px;
11186
+ left: 16px;
11106
11187
  }
11107
11188
  .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11108
11189
  .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11109
11190
  top: 9px;
11110
11191
  }
11111
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11112
- left: 16px;
11113
- }
11114
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11115
- left: 32px;
11116
- }
11117
11192
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
11118
11193
  padding-right: 15px;
11119
11194
  }
@@ -11151,6 +11226,7 @@ textarea.rs-picker-search-input {
11151
11226
  .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11152
11227
  .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11153
11228
  top: 10px;
11229
+ left: 16px;
11154
11230
  }
11155
11231
  .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11156
11232
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
@@ -11158,14 +11234,6 @@ textarea.rs-picker-search-input {
11158
11234
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11159
11235
  top: 9px;
11160
11236
  }
11161
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11162
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11163
- left: 16px;
11164
- }
11165
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11166
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11167
- left: 36px;
11168
- }
11169
11237
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
11170
11238
  padding-top: 9px;
11171
11239
  padding-bottom: 9px;
@@ -11211,22 +11279,17 @@ textarea.rs-picker-search-input {
11211
11279
  padding-left: 32px;
11212
11280
  }
11213
11281
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
11214
- padding-left: 44px;
11282
+ padding-left: 32px;
11215
11283
  }
11216
11284
  .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11217
11285
  .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11218
11286
  top: 8px;
11287
+ left: 12px;
11219
11288
  }
11220
11289
  .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11221
11290
  .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11222
11291
  top: 7px;
11223
11292
  }
11224
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11225
- left: 12px;
11226
- }
11227
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11228
- left: 30px;
11229
- }
11230
11293
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
11231
11294
  padding-right: 11px;
11232
11295
  }
@@ -11264,6 +11327,7 @@ textarea.rs-picker-search-input {
11264
11327
  .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11265
11328
  .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11266
11329
  top: 8px;
11330
+ left: 12px;
11267
11331
  }
11268
11332
  .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11269
11333
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
@@ -11271,14 +11335,6 @@ textarea.rs-picker-search-input {
11271
11335
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11272
11336
  top: 7px;
11273
11337
  }
11274
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11275
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11276
- left: 12px;
11277
- }
11278
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11279
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11280
- left: 30px;
11281
- }
11282
11338
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
11283
11339
  padding-top: 7px;
11284
11340
  padding-bottom: 7px;
@@ -11326,22 +11382,17 @@ textarea.rs-picker-search-input {
11326
11382
  padding-left: 30px;
11327
11383
  }
11328
11384
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
11329
- padding-left: 42px;
11385
+ padding-left: 30px;
11330
11386
  }
11331
11387
  .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11332
11388
  .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11333
11389
  top: 5px;
11390
+ left: 10px;
11334
11391
  }
11335
11392
  .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11336
11393
  .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11337
11394
  top: 4px;
11338
11395
  }
11339
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11340
- left: 10px;
11341
- }
11342
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11343
- left: 28px;
11344
- }
11345
11396
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
11346
11397
  padding-right: 9px;
11347
11398
  }
@@ -11379,6 +11430,7 @@ textarea.rs-picker-search-input {
11379
11430
  .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11380
11431
  .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11381
11432
  top: 4px;
11433
+ left: 10px;
11382
11434
  }
11383
11435
  .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11384
11436
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
@@ -11386,14 +11438,6 @@ textarea.rs-picker-search-input {
11386
11438
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11387
11439
  top: 3px;
11388
11440
  }
11389
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11390
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11391
- left: 10px;
11392
- }
11393
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11394
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11395
- left: 28px;
11396
- }
11397
11441
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
11398
11442
  padding-top: 4px;
11399
11443
  padding-bottom: 4px;
@@ -11443,22 +11487,17 @@ textarea.rs-picker-search-input {
11443
11487
  padding-left: 28px;
11444
11488
  }
11445
11489
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
11446
- padding-left: 40px;
11490
+ padding-left: 28px;
11447
11491
  }
11448
11492
  .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11449
11493
  .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11450
11494
  top: 2px;
11495
+ left: 8px;
11451
11496
  }
11452
11497
  .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11453
11498
  .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11454
11499
  top: 1px;
11455
11500
  }
11456
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11457
- left: 8px;
11458
- }
11459
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11460
- left: 26px;
11461
- }
11462
11501
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
11463
11502
  padding-right: 7px;
11464
11503
  }
@@ -11506,6 +11545,7 @@ textarea.rs-picker-search-input {
11506
11545
  .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11507
11546
  .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11508
11547
  top: 2px;
11548
+ left: 8px;
11509
11549
  }
11510
11550
  .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11511
11551
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
@@ -11513,14 +11553,6 @@ textarea.rs-picker-search-input {
11513
11553
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11514
11554
  top: 1px;
11515
11555
  }
11516
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11517
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11518
- left: 8px;
11519
- }
11520
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11521
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11522
- left: 24px;
11523
- }
11524
11556
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
11525
11557
  padding-top: 1px;
11526
11558
  padding-bottom: 1px;
@@ -11590,10 +11622,6 @@ textarea.rs-picker-search-input {
11590
11622
  .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
11591
11623
  padding-left: 44px;
11592
11624
  }
11593
- .rs-picker-date.rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle,
11594
- .rs-picker-daterange.rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
11595
- padding-left: 52px;
11596
- }
11597
11625
  .rs-picker-toggle-clean {
11598
11626
  display: -webkit-box;
11599
11627
  display: -ms-flexbox;
@@ -11621,6 +11649,11 @@ textarea.rs-picker-search-input {
11621
11649
  color: #f44336;
11622
11650
  color: var(--rs-state-error);
11623
11651
  }
11652
+ .rs-picker-toggle-clean:hover svg path {
11653
+ stroke: #f44336;
11654
+ stroke: var(--rs-state-error);
11655
+ stroke-width: 1;
11656
+ }
11624
11657
  .rs-picker-date .rs-picker-toggle-clean,
11625
11658
  .rs-picker-daterange .rs-picker-toggle-clean {
11626
11659
  left: 38px;
@@ -11691,8 +11724,8 @@ textarea.rs-picker-search-input {
11691
11724
  background-image: none;
11692
11725
  border: 1px solid #e5e5ea;
11693
11726
  border: 1px solid var(--rs-border-primary);
11694
- -webkit-transition: border-color ease-in-out 0.3s;
11695
- transition: border-color ease-in-out 0.3s;
11727
+ -webkit-transition: border-color ease-in-out 0.15s;
11728
+ transition: border-color ease-in-out 0.15s;
11696
11729
  border-radius: 6px;
11697
11730
  /* stylelint-disable */
11698
11731
  padding: 7px 11px;
@@ -11819,8 +11852,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11819
11852
  cursor: pointer;
11820
11853
  display: block;
11821
11854
  padding: 8px 38px 8px 12px;
11822
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
11823
- transition: color 0.3s linear, background-color 0.3s linear;
11824
11855
  line-height: 20px;
11825
11856
  }
11826
11857
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
@@ -12751,8 +12782,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12751
12782
  vertical-align: middle;
12752
12783
  cursor: pointer;
12753
12784
  white-space: nowrap;
12754
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
12755
- transition: color 0.2s linear, background-color 0.3s linear;
12785
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
12786
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
12756
12787
  border: none;
12757
12788
  border: var(--rs-btn-default-border, none);
12758
12789
  -webkit-user-select: none;
@@ -12860,8 +12891,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12860
12891
  }
12861
12892
  }
12862
12893
  .rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
12863
- -webkit-transition: border-color ease-in-out 0.3s;
12864
- transition: border-color ease-in-out 0.3s;
12894
+ -webkit-transition: border-color ease-in-out 0.15s;
12895
+ transition: border-color ease-in-out 0.15s;
12865
12896
  }
12866
12897
  .rs-theme-high-contrast .rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
12867
12898
  -webkit-transition: none;
@@ -12885,7 +12916,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12885
12916
  .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:focus {
12886
12917
  color: #575757;
12887
12918
  color: var(--rs-btn-subtle-hover-text);
12888
- background-color: #f7f7fa;
12919
+ background-color: #e5e5ea;
12889
12920
  background-color: var(--rs-btn-subtle-hover-bg);
12890
12921
  }
12891
12922
  .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:active,
@@ -12906,7 +12937,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12906
12937
  opacity: 0.5;
12907
12938
  }
12908
12939
  .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label-active {
12909
- background-color: #f7f7fa;
12940
+ background-color: #e5e5ea;
12910
12941
  background-color: var(--rs-btn-subtle-hover-bg);
12911
12942
  color: #575757;
12912
12943
  color: var(--rs-btn-subtle-hover-text);
@@ -12915,7 +12946,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12915
12946
  .rs-radio-group-picker .rs-radio-checker > label:focus {
12916
12947
  color: #575757;
12917
12948
  color: var(--rs-btn-subtle-hover-text);
12918
- background-color: #f7f7fa;
12949
+ background-color: #e5e5ea;
12919
12950
  background-color: var(--rs-btn-subtle-hover-bg);
12920
12951
  }
12921
12952
  .rs-radio-group-picker .rs-radio-checker > label:active,
@@ -13024,26 +13055,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13024
13055
  padding: 8px 12px;
13025
13056
  padding-left: 32px;
13026
13057
  position: relative;
13027
- cursor: default;
13028
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
13029
- transition: color 0.3s linear, background-color 0.3s linear;
13058
+ cursor: pointer;
13030
13059
  color: #272c36;
13031
13060
  color: var(--rs-text-heading);
13032
13061
  }
13033
- .rs-picker-select-menu-items .rs-picker-menu-group-title:hover {
13034
- background-color: #f2faff;
13035
- background-color: var(--rs-state-hover-bg);
13036
- }
13037
13062
  .rs-picker-select-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret {
13038
13063
  display: inline-block;
13039
13064
  margin-right: 2px;
13040
13065
  position: absolute;
13041
13066
  top: 8px;
13042
13067
  left: 12px;
13043
- -webkit-transition: -webkit-transform 0.3s linear;
13044
- transition: -webkit-transform 0.3s linear;
13045
- transition: transform 0.3s linear;
13046
- transition: transform 0.3s linear, -webkit-transform 0.3s linear;
13047
13068
  padding: 3px;
13048
13069
  }
13049
13070
  .rs-picker-select-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret {
@@ -13104,15 +13125,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13104
13125
  padding-right: 26px;
13105
13126
  }
13106
13127
  .rs-sidebar-collapse {
13107
- -webkit-transition: width 0.2s ease-in, -webkit-box-flex 0.2s ease-in;
13108
- transition: width 0.2s ease-in, -webkit-box-flex 0.2s ease-in;
13109
- transition: flex 0.2s ease-in, width 0.2s ease-in;
13110
- transition: flex 0.2s ease-in, width 0.2s ease-in, -webkit-box-flex 0.2s ease-in, -ms-flex 0.2s ease-in;
13128
+ -webkit-transition: width 0.15s ease-in, -webkit-box-flex 0.15s ease-in;
13129
+ transition: width 0.15s ease-in, -webkit-box-flex 0.15s ease-in;
13130
+ transition: flex 0.15s ease-in, width 0.15s ease-in;
13131
+ transition: flex 0.15s ease-in, width 0.15s ease-in, -webkit-box-flex 0.15s ease-in, -ms-flex 0.15s ease-in;
13111
13132
  min-width: 0;
13112
13133
  }
13113
13134
  .rs-sidenav {
13114
- -webkit-transition: width 0.2s ease-in;
13115
- transition: width 0.2s ease-in;
13135
+ -webkit-transition: width 0.15s ease-in;
13136
+ transition: width 0.15s ease-in;
13116
13137
  width: 56px;
13117
13138
  display: -webkit-box;
13118
13139
  display: -ms-flexbox;
@@ -13131,8 +13152,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13131
13152
  .rs-sidenav-nav .rs-dropdown-item,
13132
13153
  .rs-sidenav-nav .rs-dropdown-item-toggle {
13133
13154
  padding: 15px 20px;
13134
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
13135
- transition: color 0.3s linear, background-color 0.3s linear;
13155
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
13156
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
13136
13157
  border-radius: 0;
13137
13158
  color: inherit;
13138
13159
  }
@@ -13221,8 +13242,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13221
13242
  background: transparent;
13222
13243
  }
13223
13244
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu {
13224
- -webkit-transition: height 0.2s ease-in;
13225
- transition: height 0.2s ease-in;
13245
+ -webkit-transition: height 0.15s ease-in;
13246
+ transition: height 0.15s ease-in;
13226
13247
  }
13227
13248
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle {
13228
13249
  height: auto;
@@ -13519,8 +13540,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13519
13540
  }
13520
13541
  .rs-sidenav-collapse-out .rs-sidenav-item-text,
13521
13542
  .rs-sidenav-collapse-out .rs-dropdown-toggle > span {
13522
- -webkit-animation: sideNavFoldedText 0.2s ease-in forwards;
13523
- animation: sideNavFoldedText 0.2s ease-in forwards;
13543
+ -webkit-animation: sideNavFoldedText 0.15s ease-in forwards;
13544
+ animation: sideNavFoldedText 0.15s ease-in forwards;
13524
13545
  }
13525
13546
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-sidenav-item,
13526
13547
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-sidenav-item,
@@ -13540,8 +13561,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13540
13561
  padding-right: 0px;
13541
13562
  }
13542
13563
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item {
13543
- -webkit-animation: sideNavFoldedText 0.2s ease-in;
13544
- animation: sideNavFoldedText 0.2s ease-in;
13564
+ -webkit-animation: sideNavFoldedText 0.15s ease-in;
13565
+ animation: sideNavFoldedText 0.15s ease-in;
13545
13566
  }
13546
13567
  .rs-sidenav-default {
13547
13568
  background-color: #f7f7fa;
@@ -13863,10 +13884,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13863
13884
  margin-right: -6px;
13864
13885
  cursor: pointer;
13865
13886
  /* stylelint-disable */
13866
- -webkit-transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
13867
- transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
13868
- transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
13869
- transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
13887
+ -webkit-transition: background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
13888
+ transition: background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
13889
+ transition: box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
13890
+ transition: box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
13870
13891
  /* stylelint-enable */
13871
13892
  }
13872
13893
  .rs-slider-handle:hover::before,
@@ -15032,8 +15053,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15032
15053
  color: #fff;
15033
15054
  color: var(--rs-toggle-thumb);
15034
15055
  cursor: pointer;
15035
- -webkit-transition: background-color 0.2s ease-in-out, width 0.2s ease-in-out;
15036
- transition: background-color 0.2s ease-in-out, width 0.2s ease-in-out;
15056
+ -webkit-transition: background-color 0.15s ease-out, width 0.15s ease-out;
15057
+ transition: background-color 0.15s ease-out, width 0.15s ease-out;
15037
15058
  -webkit-user-select: none;
15038
15059
  -moz-user-select: none;
15039
15060
  -ms-user-select: none;
@@ -15069,8 +15090,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15069
15090
  cursor: pointer;
15070
15091
  position: absolute;
15071
15092
  background-color: currentColor;
15072
- -webkit-transition: right 0.2s ease-in-out, margin-right 0.2s ease-in-out, width 0.2s ease-in-out;
15073
- transition: right 0.2s ease-in-out, margin-right 0.2s ease-in-out, width 0.2s ease-in-out;
15093
+ -webkit-transition: right 0.15s ease-out, margin-right 0.15s ease-out, width 0.15s ease-out;
15094
+ transition: right 0.15s ease-out, margin-right 0.15s ease-out, width 0.15s ease-out;
15074
15095
  }
15075
15096
  .rs-theme-high-contrast .rs-toggle-presentation::after {
15076
15097
  -webkit-transition: none;
@@ -15110,8 +15131,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15110
15131
  }
15111
15132
  .rs-toggle-inner {
15112
15133
  display: block;
15113
- -webkit-transition: margin 0.2s ease-in-out;
15114
- transition: margin 0.2s ease-in-out;
15134
+ -webkit-transition: margin 0.15s ease-out;
15135
+ transition: margin 0.15s ease-out;
15115
15136
  }
15116
15137
  .rs-theme-high-contrast .rs-toggle-inner {
15117
15138
  -webkit-transition: none;
@@ -15119,8 +15140,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15119
15140
  }
15120
15141
  .rs-toggle-loader {
15121
15142
  position: absolute;
15122
- -webkit-transition: right 0.2s ease-in-out, margin-right 0.2s ease-in-out, width 0.2s ease-in-out;
15123
- transition: right 0.2s ease-in-out, margin-right 0.2s ease-in-out, width 0.2s ease-in-out;
15143
+ -webkit-transition: right 0.15s ease-out, margin-right 0.15s ease-out, width 0.15s ease-out;
15144
+ transition: right 0.15s ease-out, margin-right 0.15s ease-out, width 0.15s ease-out;
15124
15145
  }
15125
15146
  .rs-toggle-loader .rs-loader-spin::before {
15126
15147
  border-color: rgba(247, 247, 250, 0.3);
@@ -15536,6 +15557,21 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15536
15557
  .rs-tree.rs-tree-virtualized {
15537
15558
  overflow: hidden;
15538
15559
  }
15560
+ .rs-tree-drag-preview {
15561
+ position: absolute;
15562
+ top: 0;
15563
+ color: #575757;
15564
+ color: var(--rs-text-primary);
15565
+ background-color: #fff;
15566
+ background-color: var(--rs-bg-overlay);
15567
+ display: inline-block;
15568
+ margin: 0;
15569
+ padding: 8px 12px;
15570
+ border-radius: 6px;
15571
+ -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
15572
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
15573
+ z-index: -1;
15574
+ }
15539
15575
  .rs-tree-node {
15540
15576
  position: relative;
15541
15577
  font-size: 0;
@@ -15928,8 +15964,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15928
15964
  vertical-align: middle;
15929
15965
  cursor: pointer;
15930
15966
  white-space: nowrap;
15931
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
15932
- transition: color 0.2s linear, background-color 0.3s linear;
15967
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
15968
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
15933
15969
  border: none;
15934
15970
  border: var(--rs-btn-default-border, none);
15935
15971
  -webkit-user-select: none;
@@ -16038,8 +16074,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16038
16074
  }
16039
16075
  }
16040
16076
  .rs-picker-default .rs-uploader-picture .rs-uploader-trigger-btn {
16041
- -webkit-transition: border-color ease-in-out 0.3s;
16042
- transition: border-color ease-in-out 0.3s;
16077
+ -webkit-transition: border-color ease-in-out 0.15s;
16078
+ transition: border-color ease-in-out 0.15s;
16043
16079
  }
16044
16080
  .rs-theme-high-contrast .rs-picker-default .rs-uploader-picture .rs-uploader-trigger-btn {
16045
16081
  -webkit-transition: none;
@@ -16063,7 +16099,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16063
16099
  .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn:focus {
16064
16100
  color: #575757;
16065
16101
  color: var(--rs-btn-subtle-hover-text);
16066
- background-color: #f7f7fa;
16102
+ background-color: #e5e5ea;
16067
16103
  background-color: var(--rs-btn-subtle-hover-bg);
16068
16104
  }
16069
16105
  .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn:active,
@@ -16084,7 +16120,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16084
16120
  opacity: 0.5;
16085
16121
  }
16086
16122
  .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn-active {
16087
- background-color: #f7f7fa;
16123
+ background-color: #e5e5ea;
16088
16124
  background-color: var(--rs-btn-subtle-hover-bg);
16089
16125
  color: #575757;
16090
16126
  color: var(--rs-btn-subtle-hover-text);
@@ -16093,7 +16129,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16093
16129
  .rs-uploader-picture .rs-uploader-trigger-btn:focus {
16094
16130
  color: #575757;
16095
16131
  color: var(--rs-btn-subtle-hover-text);
16096
- background-color: #f7f7fa;
16132
+ background-color: #e5e5ea;
16097
16133
  background-color: var(--rs-btn-subtle-hover-bg);
16098
16134
  }
16099
16135
  .rs-uploader-picture .rs-uploader-trigger-btn:active,