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
package/dist/rsuite.css CHANGED
@@ -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,
@@ -3158,7 +3176,8 @@ tbody.rs-anim-collapse.rs-anim-in {
3158
3176
  border-bottom-left-radius: 6px;
3159
3177
  border-bottom-right-radius: 6px;
3160
3178
  }
3161
- .rs-calendar-table-cell {
3179
+ .rs-calendar-table-cell,
3180
+ .rs-calendar-table-header-cell {
3162
3181
  display: table-cell;
3163
3182
  width: 1%;
3164
3183
  padding: 1px 0;
@@ -3166,19 +3185,52 @@ tbody.rs-anim-collapse.rs-anim-in {
3166
3185
  vertical-align: middle;
3167
3186
  }
3168
3187
  .rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content,
3188
+ .rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content,
3189
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content,
3190
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content,
3169
3191
  .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
3192
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,
3193
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,
3194
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,
3170
3195
  .rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content:hover,
3171
- .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover {
3196
+ .rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content:hover,
3197
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content:hover,
3198
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content:hover,
3199
+ .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,
3200
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
3201
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
3202
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
3172
3203
  color: #c5c6c7;
3173
3204
  color: var(--rs-text-disabled);
3174
3205
  }
3175
3206
  .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
3176
- .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover {
3207
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,
3208
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,
3209
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,
3210
+ .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,
3211
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
3212
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
3213
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
3177
3214
  background: none;
3178
3215
  text-decoration: line-through;
3179
3216
  cursor: not-allowed;
3180
3217
  }
3181
- .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover {
3218
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3219
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3220
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3221
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-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-cell-selected .rs-calendar-table-cell-content:hover,
3223
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3224
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3225
+ .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,
3226
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3227
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3228
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3229
+ .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,
3230
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-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-cell-selected .rs-calendar-table-header-cell-content:hover,
3232
+ .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,
3233
+ .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 {
3182
3234
  color: #fff;
3183
3235
  color: var(--rs-calendar-date-selected-text);
3184
3236
  background-color: #3498ff;
@@ -3186,10 +3238,32 @@ tbody.rs-anim-collapse.rs-anim-in {
3186
3238
  -webkit-box-shadow: none;
3187
3239
  box-shadow: none;
3188
3240
  }
3189
- .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 {
3241
+ .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,
3242
+ .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,
3243
+ .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,
3244
+ .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,
3245
+ .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,
3246
+ .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,
3247
+ .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,
3248
+ .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,
3249
+ .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,
3250
+ .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,
3251
+ .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,
3252
+ .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,
3253
+ .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,
3254
+ .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,
3255
+ .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,
3256
+ .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 {
3190
3257
  text-decoration: underline;
3191
3258
  }
3192
- .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
3259
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
3260
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,
3261
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content,
3262
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content,
3263
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
3264
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,
3265
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content,
3266
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content {
3193
3267
  opacity: 0.3;
3194
3268
  }
3195
3269
  .rs-calendar-table-cell-content {
@@ -3221,7 +3295,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3221
3295
  .rs-theme-high-contrast .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
3222
3296
  text-decoration: underline;
3223
3297
  }
3224
- .rs-calendar-table-header-row .rs-calendar-table-cell-content {
3298
+ .rs-calendar-table-header-cell-content {
3225
3299
  color: #8e8e93;
3226
3300
  color: var(--rs-text-secondary);
3227
3301
  font-size: 12px;
@@ -3229,10 +3303,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3229
3303
  padding-top: 2px;
3230
3304
  padding-bottom: 2px;
3231
3305
  }
3232
- .rs-calendar-table-header-row .rs-calendar-table-cell-content,
3233
- .rs-calendar-table-header-row .rs-calendar-table-cell-content:hover,
3234
- .rs-calendar-table-header-row .rs-calendar-table-cell-content:focus,
3235
- .rs-calendar-table-header-row .rs-calendar-table-cell-content:hover:focus {
3306
+ .rs-calendar-table-header-cell-content,
3307
+ .rs-calendar-table-header-cell-content:hover,
3308
+ .rs-calendar-table-header-cell-content:focus,
3309
+ .rs-calendar-table-header-cell-content:hover:focus {
3236
3310
  background: none;
3237
3311
  cursor: auto;
3238
3312
  }
@@ -4124,26 +4198,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4124
4198
  padding: 8px 12px;
4125
4199
  padding-right: 32px;
4126
4200
  position: relative;
4127
- cursor: default;
4128
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
4129
- transition: color 0.3s linear, background-color 0.3s linear;
4201
+ cursor: pointer;
4130
4202
  color: #272c36;
4131
4203
  color: var(--rs-text-heading);
4132
4204
  }
4133
- .rs-picker-check-menu-items .rs-picker-menu-group-title:hover {
4134
- background-color: #f2faff;
4135
- background-color: var(--rs-state-hover-bg);
4136
- }
4137
4205
  .rs-picker-check-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret {
4138
4206
  display: inline-block;
4139
4207
  margin-left: 2px;
4140
4208
  position: absolute;
4141
4209
  top: 8px;
4142
4210
  right: 12px;
4143
- -webkit-transition: -webkit-transform 0.3s linear;
4144
- transition: -webkit-transform 0.3s linear;
4145
- transition: transform 0.3s linear;
4146
- transition: transform 0.3s linear, -webkit-transform 0.3s linear;
4147
4211
  padding: 3px;
4148
4212
  }
4149
4213
  .rs-picker-check-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret {
@@ -4413,6 +4477,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4413
4477
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4414
4478
  outline-offset: 2px;
4415
4479
  }
4480
+ .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4481
+ background-color: #1675e0;
4482
+ background-color: var(--rs-calendar-cell-selected-hover-bg);
4483
+ color: #fff;
4484
+ color: var(--rs-calendar-date-selected-text);
4485
+ }
4486
+ .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4487
+ color: #fff;
4488
+ color: var(--rs-calendar-date-selected-text);
4489
+ }
4416
4490
  .rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
4417
4491
  height: 24px;
4418
4492
  padding-top: 0;
@@ -4440,6 +4514,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4440
4514
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4441
4515
  outline-offset: 2px;
4442
4516
  }
4517
+ .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4518
+ background-color: #1675e0;
4519
+ background-color: var(--rs-calendar-cell-selected-hover-bg);
4520
+ color: #fff;
4521
+ color: var(--rs-calendar-date-selected-text);
4522
+ }
4523
+ .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4524
+ color: #fff;
4525
+ color: var(--rs-calendar-date-selected-text);
4526
+ }
4443
4527
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
4444
4528
  height: 227px;
4445
4529
  }
@@ -7768,8 +7852,8 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
7768
7852
  display: block;
7769
7853
  background-color: #f2f2f5;
7770
7854
  background-color: var(--rs-iconbtn-addon);
7771
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
7772
- transition: color 0.2s linear, background-color 0.3s linear;
7855
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
7856
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
7773
7857
  }
7774
7858
  .rs-btn-icon-with-text:hover > .rs-icon,
7775
7859
  .rs-btn-icon-with-text:focus > .rs-icon {
@@ -7826,8 +7910,8 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
7826
7910
  background-image: none;
7827
7911
  border: 1px solid #e5e5ea;
7828
7912
  border: 1px solid var(--rs-border-primary);
7829
- -webkit-transition: border-color ease-in-out 0.3s;
7830
- transition: border-color ease-in-out 0.3s;
7913
+ -webkit-transition: border-color ease-in-out 0.15s;
7914
+ transition: border-color ease-in-out 0.15s;
7831
7915
  border-radius: 6px;
7832
7916
  /* stylelint-disable */
7833
7917
  padding: 7px 11px;
@@ -7936,8 +8020,8 @@ textarea.rs-input-sm {
7936
8020
  display: -ms-flexbox;
7937
8021
  display: flex;
7938
8022
  border-radius: 6px;
7939
- -webkit-transition: border-color ease-in-out 0.3s;
7940
- transition: border-color ease-in-out 0.3s;
8023
+ -webkit-transition: border-color ease-in-out 0.15s;
8024
+ transition: border-color ease-in-out 0.15s;
7941
8025
  width: 100%;
7942
8026
  cursor: text;
7943
8027
  color: #575757;
@@ -8067,7 +8151,7 @@ textarea.rs-input-sm {
8067
8151
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
8068
8152
  color: #575757;
8069
8153
  color: var(--rs-btn-subtle-hover-text);
8070
- background-color: #f7f7fa;
8154
+ background-color: #e5e5ea;
8071
8155
  background-color: var(--rs-btn-subtle-hover-bg);
8072
8156
  }
8073
8157
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
@@ -8602,8 +8686,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8602
8686
  border: 1px solid #e5e5ea;
8603
8687
  border: 1px solid var(--rs-border-primary);
8604
8688
  border-radius: 6px;
8605
- -webkit-transition: border-color ease-in-out 0.3s;
8606
- transition: border-color ease-in-out 0.3s;
8689
+ -webkit-transition: border-color ease-in-out 0.15s;
8690
+ transition: border-color ease-in-out 0.15s;
8607
8691
  background-color: #fff;
8608
8692
  background-color: var(--rs-input-bg);
8609
8693
  }
@@ -9520,8 +9604,8 @@ textarea.rs-picker-search-input {
9520
9604
  .rs-nav-tabs .rs-nav-item {
9521
9605
  overflow: hidden;
9522
9606
  position: relative;
9523
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
9524
- transition: color 0.3s linear, background-color 0.3s linear;
9607
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
9608
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
9525
9609
  }
9526
9610
  @media not all and (min-resolution: 0.001dpcm) {
9527
9611
  .rs-nav-default .rs-nav-item,
@@ -9536,8 +9620,8 @@ textarea.rs-picker-search-input {
9536
9620
  cursor: pointer;
9537
9621
  color: #8e8e93;
9538
9622
  color: var(--rs-navs-text);
9539
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
9540
- transition: color 0.3s linear, background-color 0.3s linear;
9623
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
9624
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
9541
9625
  overflow: hidden;
9542
9626
  text-overflow: ellipsis;
9543
9627
  white-space: nowrap;
@@ -10330,8 +10414,8 @@ textarea.rs-picker-search-input {
10330
10414
  text-align: center;
10331
10415
  vertical-align: middle;
10332
10416
  white-space: nowrap;
10333
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
10334
- transition: color 0.2s linear, background-color 0.3s linear;
10417
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
10418
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
10335
10419
  border: none;
10336
10420
  border: var(--rs-btn-default-border, none);
10337
10421
  color: #575757;
@@ -10443,8 +10527,8 @@ textarea.rs-picker-search-input {
10443
10527
  }
10444
10528
  }
10445
10529
  .rs-picker-default .rs-pagination-btn {
10446
- -webkit-transition: border-color ease-in-out 0.3s;
10447
- transition: border-color ease-in-out 0.3s;
10530
+ -webkit-transition: border-color ease-in-out 0.15s;
10531
+ transition: border-color ease-in-out 0.15s;
10448
10532
  }
10449
10533
  .rs-theme-high-contrast .rs-picker-default .rs-pagination-btn {
10450
10534
  -webkit-transition: none;
@@ -10468,7 +10552,7 @@ textarea.rs-picker-search-input {
10468
10552
  .rs-picker-subtle .rs-pagination-btn:focus {
10469
10553
  color: #575757;
10470
10554
  color: var(--rs-btn-subtle-hover-text);
10471
- background-color: #f7f7fa;
10555
+ background-color: #e5e5ea;
10472
10556
  background-color: var(--rs-btn-subtle-hover-bg);
10473
10557
  }
10474
10558
  .rs-picker-subtle .rs-pagination-btn:active,
@@ -10489,7 +10573,7 @@ textarea.rs-picker-search-input {
10489
10573
  opacity: 0.5;
10490
10574
  }
10491
10575
  .rs-picker-subtle .rs-pagination-btn-active {
10492
- background-color: #f7f7fa;
10576
+ background-color: #e5e5ea;
10493
10577
  background-color: var(--rs-btn-subtle-hover-bg);
10494
10578
  color: #575757;
10495
10579
  color: var(--rs-btn-subtle-hover-text);
@@ -10498,7 +10582,7 @@ textarea.rs-picker-search-input {
10498
10582
  .rs-pagination-btn:focus {
10499
10583
  color: #575757;
10500
10584
  color: var(--rs-btn-subtle-hover-text);
10501
- background-color: #f7f7fa;
10585
+ background-color: #e5e5ea;
10502
10586
  background-color: var(--rs-btn-subtle-hover-bg);
10503
10587
  }
10504
10588
  .rs-pagination-btn:active,
@@ -10585,6 +10669,10 @@ textarea.rs-picker-search-input {
10585
10669
  background-color: transparent;
10586
10670
  border-color: #0a5dc2;
10587
10671
  border-color: var(--rs-btn-ghost-hover-border);
10672
+ -webkit-box-shadow: 0 0 0 1px #0a5dc2;
10673
+ -webkit-box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
10674
+ box-shadow: 0 0 0 1px #0a5dc2;
10675
+ box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
10588
10676
  }
10589
10677
  .rs-pagination-btn.rs-pagination-btn-active:active,
10590
10678
  .rs-pagination-btn.rs-pagination-btn-active.rs-btn-active {
@@ -10600,6 +10688,10 @@ textarea.rs-picker-search-input {
10600
10688
  color: var(--rs-btn-ghost-text);
10601
10689
  background-color: transparent;
10602
10690
  opacity: 0.3;
10691
+ border-color: #1675e0;
10692
+ border-color: var(--rs-btn-ghost-border);
10693
+ -webkit-box-shadow: none;
10694
+ box-shadow: none;
10603
10695
  }
10604
10696
  .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active:disabled,
10605
10697
  .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active.rs-btn-disabled {
@@ -10780,8 +10872,8 @@ textarea.rs-picker-search-input {
10780
10872
  vertical-align: middle;
10781
10873
  cursor: pointer;
10782
10874
  white-space: nowrap;
10783
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
10784
- transition: color 0.2s linear, background-color 0.3s linear;
10875
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
10876
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
10785
10877
  border: none;
10786
10878
  border: var(--rs-btn-default-border, none);
10787
10879
  -webkit-user-select: none;
@@ -10879,8 +10971,8 @@ textarea.rs-picker-search-input {
10879
10971
  }
10880
10972
  }
10881
10973
  .rs-picker-default .rs-picker-toggle {
10882
- -webkit-transition: border-color ease-in-out 0.3s;
10883
- transition: border-color ease-in-out 0.3s;
10974
+ -webkit-transition: border-color ease-in-out 0.15s;
10975
+ transition: border-color ease-in-out 0.15s;
10884
10976
  }
10885
10977
  .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
10886
10978
  -webkit-transition: none;
@@ -10904,7 +10996,7 @@ textarea.rs-picker-search-input {
10904
10996
  .rs-picker-subtle .rs-picker-toggle:focus {
10905
10997
  color: #575757;
10906
10998
  color: var(--rs-btn-subtle-hover-text);
10907
- background-color: #f7f7fa;
10999
+ background-color: #e5e5ea;
10908
11000
  background-color: var(--rs-btn-subtle-hover-bg);
10909
11001
  }
10910
11002
  .rs-picker-subtle .rs-picker-toggle:active,
@@ -10925,7 +11017,7 @@ textarea.rs-picker-search-input {
10925
11017
  opacity: 0.5;
10926
11018
  }
10927
11019
  .rs-picker-subtle .rs-picker-toggle-active {
10928
- background-color: #f7f7fa;
11020
+ background-color: #e5e5ea;
10929
11021
  background-color: var(--rs-btn-subtle-hover-bg);
10930
11022
  color: #575757;
10931
11023
  color: var(--rs-btn-subtle-hover-text);
@@ -10962,8 +11054,8 @@ textarea.rs-picker-search-input {
10962
11054
  }
10963
11055
  .rs-picker-default .rs-btn,
10964
11056
  .rs-picker-default .rs-picker-toggle {
10965
- -webkit-transition: border-color ease-in-out 0.3s;
10966
- transition: border-color ease-in-out 0.3s;
11057
+ -webkit-transition: border-color ease-in-out 0.15s;
11058
+ transition: border-color ease-in-out 0.15s;
10967
11059
  }
10968
11060
  .rs-theme-high-contrast .rs-picker-default .rs-btn,
10969
11061
  .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
@@ -10994,7 +11086,7 @@ textarea.rs-picker-search-input {
10994
11086
  .rs-picker-subtle .rs-picker-toggle:focus {
10995
11087
  color: #575757;
10996
11088
  color: var(--rs-btn-subtle-hover-text);
10997
- background-color: #f7f7fa;
11089
+ background-color: #e5e5ea;
10998
11090
  background-color: var(--rs-btn-subtle-hover-bg);
10999
11091
  }
11000
11092
  .rs-picker-subtle .rs-btn:active,
@@ -11022,7 +11114,7 @@ textarea.rs-picker-search-input {
11022
11114
  }
11023
11115
  .rs-picker-subtle .rs-btn-active,
11024
11116
  .rs-picker-subtle .rs-picker-toggle-active {
11025
- background-color: #f7f7fa;
11117
+ background-color: #e5e5ea;
11026
11118
  background-color: var(--rs-btn-subtle-hover-bg);
11027
11119
  color: #575757;
11028
11120
  color: var(--rs-btn-subtle-hover-text);
@@ -11032,22 +11124,17 @@ textarea.rs-picker-search-input {
11032
11124
  padding-right: 32px;
11033
11125
  }
11034
11126
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn {
11035
- padding-right: 44px;
11127
+ padding-right: 32px;
11036
11128
  }
11037
11129
  .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11038
11130
  .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11039
11131
  top: 8px;
11132
+ right: 12px;
11040
11133
  }
11041
11134
  .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11042
11135
  .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11043
11136
  top: 7px;
11044
11137
  }
11045
- .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11046
- right: 12px;
11047
- }
11048
- .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11049
- right: 30px;
11050
- }
11051
11138
  .rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
11052
11139
  padding: 7px 12px;
11053
11140
  font-size: 14px;
@@ -11082,6 +11169,7 @@ textarea.rs-picker-search-input {
11082
11169
  .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11083
11170
  .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11084
11171
  top: 8px;
11172
+ right: 12px;
11085
11173
  }
11086
11174
  .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11087
11175
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
@@ -11089,14 +11177,6 @@ textarea.rs-picker-search-input {
11089
11177
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11090
11178
  top: 7px;
11091
11179
  }
11092
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
11093
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
11094
- right: 12px;
11095
- }
11096
- .rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
11097
- .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean {
11098
- right: 30px;
11099
- }
11100
11180
  .rs-picker-default .rs-picker-toggle.rs-btn {
11101
11181
  padding-top: 7px;
11102
11182
  padding-bottom: 7px;
@@ -11110,22 +11190,17 @@ textarea.rs-picker-search-input {
11110
11190
  padding-right: 36px;
11111
11191
  }
11112
11192
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-lg {
11113
- padding-right: 50px;
11193
+ padding-right: 36px;
11114
11194
  }
11115
11195
  .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11116
11196
  .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11117
11197
  top: 10px;
11198
+ right: 16px;
11118
11199
  }
11119
11200
  .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11120
11201
  .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11121
11202
  top: 9px;
11122
11203
  }
11123
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11124
- right: 16px;
11125
- }
11126
- .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11127
- right: 32px;
11128
- }
11129
11204
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
11130
11205
  padding-left: 15px;
11131
11206
  }
@@ -11163,6 +11238,7 @@ textarea.rs-picker-search-input {
11163
11238
  .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11164
11239
  .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11165
11240
  top: 10px;
11241
+ right: 16px;
11166
11242
  }
11167
11243
  .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11168
11244
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
@@ -11170,14 +11246,6 @@ textarea.rs-picker-search-input {
11170
11246
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11171
11247
  top: 9px;
11172
11248
  }
11173
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret,
11174
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-caret {
11175
- right: 16px;
11176
- }
11177
- .rs-picker-date .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean,
11178
- .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-clean {
11179
- right: 36px;
11180
- }
11181
11249
  .rs-picker-default .rs-picker-toggle.rs-btn-lg {
11182
11250
  padding-top: 9px;
11183
11251
  padding-bottom: 9px;
@@ -11223,22 +11291,17 @@ textarea.rs-picker-search-input {
11223
11291
  padding-right: 32px;
11224
11292
  }
11225
11293
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-md {
11226
- padding-right: 44px;
11294
+ padding-right: 32px;
11227
11295
  }
11228
11296
  .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11229
11297
  .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11230
11298
  top: 8px;
11299
+ right: 12px;
11231
11300
  }
11232
11301
  .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11233
11302
  .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11234
11303
  top: 7px;
11235
11304
  }
11236
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11237
- right: 12px;
11238
- }
11239
- .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11240
- right: 30px;
11241
- }
11242
11305
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
11243
11306
  padding-left: 11px;
11244
11307
  }
@@ -11276,6 +11339,7 @@ textarea.rs-picker-search-input {
11276
11339
  .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11277
11340
  .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11278
11341
  top: 8px;
11342
+ right: 12px;
11279
11343
  }
11280
11344
  .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11281
11345
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
@@ -11283,14 +11347,6 @@ textarea.rs-picker-search-input {
11283
11347
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11284
11348
  top: 7px;
11285
11349
  }
11286
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret,
11287
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-caret {
11288
- right: 12px;
11289
- }
11290
- .rs-picker-date .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean,
11291
- .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-clean {
11292
- right: 30px;
11293
- }
11294
11350
  .rs-picker-default .rs-picker-toggle.rs-btn-md {
11295
11351
  padding-top: 7px;
11296
11352
  padding-bottom: 7px;
@@ -11338,22 +11394,17 @@ textarea.rs-picker-search-input {
11338
11394
  padding-right: 30px;
11339
11395
  }
11340
11396
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-sm {
11341
- padding-right: 42px;
11397
+ padding-right: 30px;
11342
11398
  }
11343
11399
  .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11344
11400
  .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11345
11401
  top: 5px;
11402
+ right: 10px;
11346
11403
  }
11347
11404
  .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11348
11405
  .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11349
11406
  top: 4px;
11350
11407
  }
11351
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11352
- right: 10px;
11353
- }
11354
- .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11355
- right: 28px;
11356
- }
11357
11408
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
11358
11409
  padding-left: 9px;
11359
11410
  }
@@ -11391,6 +11442,7 @@ textarea.rs-picker-search-input {
11391
11442
  .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11392
11443
  .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11393
11444
  top: 4px;
11445
+ right: 10px;
11394
11446
  }
11395
11447
  .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11396
11448
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
@@ -11398,14 +11450,6 @@ textarea.rs-picker-search-input {
11398
11450
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11399
11451
  top: 3px;
11400
11452
  }
11401
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret,
11402
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-caret {
11403
- right: 10px;
11404
- }
11405
- .rs-picker-date .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean,
11406
- .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-clean {
11407
- right: 28px;
11408
- }
11409
11453
  .rs-picker-default .rs-picker-toggle.rs-btn-sm {
11410
11454
  padding-top: 4px;
11411
11455
  padding-bottom: 4px;
@@ -11455,22 +11499,17 @@ textarea.rs-picker-search-input {
11455
11499
  padding-right: 28px;
11456
11500
  }
11457
11501
  .rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
11458
- padding-right: 40px;
11502
+ padding-right: 28px;
11459
11503
  }
11460
11504
  .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11461
11505
  .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11462
11506
  top: 2px;
11507
+ right: 8px;
11463
11508
  }
11464
11509
  .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11465
11510
  .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11466
11511
  top: 1px;
11467
11512
  }
11468
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11469
- right: 8px;
11470
- }
11471
- .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11472
- right: 26px;
11473
- }
11474
11513
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
11475
11514
  padding-left: 7px;
11476
11515
  }
@@ -11518,6 +11557,7 @@ textarea.rs-picker-search-input {
11518
11557
  .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11519
11558
  .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11520
11559
  top: 2px;
11560
+ right: 8px;
11521
11561
  }
11522
11562
  .rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11523
11563
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
@@ -11525,14 +11565,6 @@ textarea.rs-picker-search-input {
11525
11565
  .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11526
11566
  top: 1px;
11527
11567
  }
11528
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret,
11529
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-caret {
11530
- right: 8px;
11531
- }
11532
- .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean,
11533
- .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-clean {
11534
- right: 24px;
11535
- }
11536
11568
  .rs-picker-default .rs-picker-toggle.rs-btn-xs {
11537
11569
  padding-top: 1px;
11538
11570
  padding-bottom: 1px;
@@ -11602,10 +11634,6 @@ textarea.rs-picker-search-input {
11602
11634
  .rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
11603
11635
  padding-right: 44px;
11604
11636
  }
11605
- .rs-picker-date.rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle,
11606
- .rs-picker-daterange.rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
11607
- padding-right: 52px;
11608
- }
11609
11637
  .rs-picker-toggle-clean {
11610
11638
  display: -webkit-box;
11611
11639
  display: -ms-flexbox;
@@ -11633,6 +11661,11 @@ textarea.rs-picker-search-input {
11633
11661
  color: #f44336;
11634
11662
  color: var(--rs-state-error);
11635
11663
  }
11664
+ .rs-picker-toggle-clean:hover svg path {
11665
+ stroke: #f44336;
11666
+ stroke: var(--rs-state-error);
11667
+ stroke-width: 1;
11668
+ }
11636
11669
  .rs-picker-date .rs-picker-toggle-clean,
11637
11670
  .rs-picker-daterange .rs-picker-toggle-clean {
11638
11671
  right: 38px;
@@ -11703,8 +11736,8 @@ textarea.rs-picker-search-input {
11703
11736
  background-image: none;
11704
11737
  border: 1px solid #e5e5ea;
11705
11738
  border: 1px solid var(--rs-border-primary);
11706
- -webkit-transition: border-color ease-in-out 0.3s;
11707
- transition: border-color ease-in-out 0.3s;
11739
+ -webkit-transition: border-color ease-in-out 0.15s;
11740
+ transition: border-color ease-in-out 0.15s;
11708
11741
  border-radius: 6px;
11709
11742
  /* stylelint-disable */
11710
11743
  padding: 7px 11px;
@@ -11831,8 +11864,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11831
11864
  cursor: pointer;
11832
11865
  display: block;
11833
11866
  padding: 8px 12px 8px 38px;
11834
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
11835
- transition: color 0.3s linear, background-color 0.3s linear;
11836
11867
  line-height: 20px;
11837
11868
  }
11838
11869
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
@@ -12767,8 +12798,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12767
12798
  vertical-align: middle;
12768
12799
  cursor: pointer;
12769
12800
  white-space: nowrap;
12770
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
12771
- transition: color 0.2s linear, background-color 0.3s linear;
12801
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
12802
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
12772
12803
  border: none;
12773
12804
  border: var(--rs-btn-default-border, none);
12774
12805
  -webkit-user-select: none;
@@ -12876,8 +12907,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12876
12907
  }
12877
12908
  }
12878
12909
  .rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
12879
- -webkit-transition: border-color ease-in-out 0.3s;
12880
- transition: border-color ease-in-out 0.3s;
12910
+ -webkit-transition: border-color ease-in-out 0.15s;
12911
+ transition: border-color ease-in-out 0.15s;
12881
12912
  }
12882
12913
  .rs-theme-high-contrast .rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
12883
12914
  -webkit-transition: none;
@@ -12901,7 +12932,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12901
12932
  .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:focus {
12902
12933
  color: #575757;
12903
12934
  color: var(--rs-btn-subtle-hover-text);
12904
- background-color: #f7f7fa;
12935
+ background-color: #e5e5ea;
12905
12936
  background-color: var(--rs-btn-subtle-hover-bg);
12906
12937
  }
12907
12938
  .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:active,
@@ -12922,7 +12953,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12922
12953
  opacity: 0.5;
12923
12954
  }
12924
12955
  .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label-active {
12925
- background-color: #f7f7fa;
12956
+ background-color: #e5e5ea;
12926
12957
  background-color: var(--rs-btn-subtle-hover-bg);
12927
12958
  color: #575757;
12928
12959
  color: var(--rs-btn-subtle-hover-text);
@@ -12931,7 +12962,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12931
12962
  .rs-radio-group-picker .rs-radio-checker > label:focus {
12932
12963
  color: #575757;
12933
12964
  color: var(--rs-btn-subtle-hover-text);
12934
- background-color: #f7f7fa;
12965
+ background-color: #e5e5ea;
12935
12966
  background-color: var(--rs-btn-subtle-hover-bg);
12936
12967
  }
12937
12968
  .rs-radio-group-picker .rs-radio-checker > label:active,
@@ -13040,26 +13071,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13040
13071
  padding: 8px 12px;
13041
13072
  padding-right: 32px;
13042
13073
  position: relative;
13043
- cursor: default;
13044
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
13045
- transition: color 0.3s linear, background-color 0.3s linear;
13074
+ cursor: pointer;
13046
13075
  color: #272c36;
13047
13076
  color: var(--rs-text-heading);
13048
13077
  }
13049
- .rs-picker-select-menu-items .rs-picker-menu-group-title:hover {
13050
- background-color: #f2faff;
13051
- background-color: var(--rs-state-hover-bg);
13052
- }
13053
13078
  .rs-picker-select-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret {
13054
13079
  display: inline-block;
13055
13080
  margin-left: 2px;
13056
13081
  position: absolute;
13057
13082
  top: 8px;
13058
13083
  right: 12px;
13059
- -webkit-transition: -webkit-transform 0.3s linear;
13060
- transition: -webkit-transform 0.3s linear;
13061
- transition: transform 0.3s linear;
13062
- transition: transform 0.3s linear, -webkit-transform 0.3s linear;
13063
13084
  padding: 3px;
13064
13085
  }
13065
13086
  .rs-picker-select-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret {
@@ -13120,15 +13141,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13120
13141
  padding-left: 26px;
13121
13142
  }
13122
13143
  .rs-sidebar-collapse {
13123
- -webkit-transition: width 0.2s ease-in, -webkit-box-flex 0.2s ease-in;
13124
- transition: width 0.2s ease-in, -webkit-box-flex 0.2s ease-in;
13125
- transition: flex 0.2s ease-in, width 0.2s ease-in;
13126
- transition: flex 0.2s ease-in, width 0.2s ease-in, -webkit-box-flex 0.2s ease-in, -ms-flex 0.2s ease-in;
13144
+ -webkit-transition: width 0.15s ease-in, -webkit-box-flex 0.15s ease-in;
13145
+ transition: width 0.15s ease-in, -webkit-box-flex 0.15s ease-in;
13146
+ transition: flex 0.15s ease-in, width 0.15s ease-in;
13147
+ transition: flex 0.15s ease-in, width 0.15s ease-in, -webkit-box-flex 0.15s ease-in, -ms-flex 0.15s ease-in;
13127
13148
  min-width: 0;
13128
13149
  }
13129
13150
  .rs-sidenav {
13130
- -webkit-transition: width 0.2s ease-in;
13131
- transition: width 0.2s ease-in;
13151
+ -webkit-transition: width 0.15s ease-in;
13152
+ transition: width 0.15s ease-in;
13132
13153
  width: 56px;
13133
13154
  display: -webkit-box;
13134
13155
  display: -ms-flexbox;
@@ -13147,8 +13168,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13147
13168
  .rs-sidenav-nav .rs-dropdown-item,
13148
13169
  .rs-sidenav-nav .rs-dropdown-item-toggle {
13149
13170
  padding: 15px 20px;
13150
- -webkit-transition: color 0.3s linear, background-color 0.3s linear;
13151
- transition: color 0.3s linear, background-color 0.3s linear;
13171
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
13172
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
13152
13173
  border-radius: 0;
13153
13174
  color: inherit;
13154
13175
  }
@@ -13237,8 +13258,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13237
13258
  background: transparent;
13238
13259
  }
13239
13260
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu {
13240
- -webkit-transition: height 0.2s ease-in;
13241
- transition: height 0.2s ease-in;
13261
+ -webkit-transition: height 0.15s ease-in;
13262
+ transition: height 0.15s ease-in;
13242
13263
  }
13243
13264
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle {
13244
13265
  height: auto;
@@ -13535,8 +13556,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13535
13556
  }
13536
13557
  .rs-sidenav-collapse-out .rs-sidenav-item-text,
13537
13558
  .rs-sidenav-collapse-out .rs-dropdown-toggle > span {
13538
- -webkit-animation: sideNavFoldedText 0.2s ease-in forwards;
13539
- animation: sideNavFoldedText 0.2s ease-in forwards;
13559
+ -webkit-animation: sideNavFoldedText 0.15s ease-in forwards;
13560
+ animation: sideNavFoldedText 0.15s ease-in forwards;
13540
13561
  }
13541
13562
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-sidenav-item,
13542
13563
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-sidenav-item,
@@ -13556,8 +13577,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13556
13577
  padding-left: 0px;
13557
13578
  }
13558
13579
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item {
13559
- -webkit-animation: sideNavFoldedText 0.2s ease-in;
13560
- animation: sideNavFoldedText 0.2s ease-in;
13580
+ -webkit-animation: sideNavFoldedText 0.15s ease-in;
13581
+ animation: sideNavFoldedText 0.15s ease-in;
13561
13582
  }
13562
13583
  .rs-sidenav-default {
13563
13584
  background-color: #f7f7fa;
@@ -13879,10 +13900,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13879
13900
  margin-left: -6px;
13880
13901
  cursor: pointer;
13881
13902
  /* stylelint-disable */
13882
- -webkit-transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
13883
- transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
13884
- transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
13885
- 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;
13903
+ -webkit-transition: background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
13904
+ transition: background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
13905
+ transition: box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
13906
+ 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;
13886
13907
  /* stylelint-enable */
13887
13908
  }
13888
13909
  .rs-slider-handle:hover::before,
@@ -15048,8 +15069,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15048
15069
  color: #fff;
15049
15070
  color: var(--rs-toggle-thumb);
15050
15071
  cursor: pointer;
15051
- -webkit-transition: background-color 0.2s ease-in-out, width 0.2s ease-in-out;
15052
- transition: background-color 0.2s ease-in-out, width 0.2s ease-in-out;
15072
+ -webkit-transition: background-color 0.15s ease-out, width 0.15s ease-out;
15073
+ transition: background-color 0.15s ease-out, width 0.15s ease-out;
15053
15074
  -webkit-user-select: none;
15054
15075
  -moz-user-select: none;
15055
15076
  -ms-user-select: none;
@@ -15085,8 +15106,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15085
15106
  cursor: pointer;
15086
15107
  position: absolute;
15087
15108
  background-color: currentColor;
15088
- -webkit-transition: left 0.2s ease-in-out, margin-left 0.2s ease-in-out, width 0.2s ease-in-out;
15089
- transition: left 0.2s ease-in-out, margin-left 0.2s ease-in-out, width 0.2s ease-in-out;
15109
+ -webkit-transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
15110
+ transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
15090
15111
  }
15091
15112
  .rs-theme-high-contrast .rs-toggle-presentation::after {
15092
15113
  -webkit-transition: none;
@@ -15126,8 +15147,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15126
15147
  }
15127
15148
  .rs-toggle-inner {
15128
15149
  display: block;
15129
- -webkit-transition: margin 0.2s ease-in-out;
15130
- transition: margin 0.2s ease-in-out;
15150
+ -webkit-transition: margin 0.15s ease-out;
15151
+ transition: margin 0.15s ease-out;
15131
15152
  }
15132
15153
  .rs-theme-high-contrast .rs-toggle-inner {
15133
15154
  -webkit-transition: none;
@@ -15135,8 +15156,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15135
15156
  }
15136
15157
  .rs-toggle-loader {
15137
15158
  position: absolute;
15138
- -webkit-transition: left 0.2s ease-in-out, margin-left 0.2s ease-in-out, width 0.2s ease-in-out;
15139
- transition: left 0.2s ease-in-out, margin-left 0.2s ease-in-out, width 0.2s ease-in-out;
15159
+ -webkit-transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
15160
+ transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
15140
15161
  }
15141
15162
  .rs-toggle-loader .rs-loader-spin::before {
15142
15163
  border-color: rgba(247, 247, 250, 0.3);
@@ -15556,6 +15577,21 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15556
15577
  .rs-tree.rs-tree-virtualized {
15557
15578
  overflow: hidden;
15558
15579
  }
15580
+ .rs-tree-drag-preview {
15581
+ position: absolute;
15582
+ top: 0;
15583
+ color: #575757;
15584
+ color: var(--rs-text-primary);
15585
+ background-color: #fff;
15586
+ background-color: var(--rs-bg-overlay);
15587
+ display: inline-block;
15588
+ margin: 0;
15589
+ padding: 8px 12px;
15590
+ border-radius: 6px;
15591
+ -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
15592
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
15593
+ z-index: -1;
15594
+ }
15559
15595
  .rs-tree-node {
15560
15596
  position: relative;
15561
15597
  font-size: 0;
@@ -15950,8 +15986,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15950
15986
  vertical-align: middle;
15951
15987
  cursor: pointer;
15952
15988
  white-space: nowrap;
15953
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
15954
- transition: color 0.2s linear, background-color 0.3s linear;
15989
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
15990
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
15955
15991
  border: none;
15956
15992
  border: var(--rs-btn-default-border, none);
15957
15993
  -webkit-user-select: none;
@@ -16060,8 +16096,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16060
16096
  }
16061
16097
  }
16062
16098
  .rs-picker-default .rs-uploader-picture .rs-uploader-trigger-btn {
16063
- -webkit-transition: border-color ease-in-out 0.3s;
16064
- transition: border-color ease-in-out 0.3s;
16099
+ -webkit-transition: border-color ease-in-out 0.15s;
16100
+ transition: border-color ease-in-out 0.15s;
16065
16101
  }
16066
16102
  .rs-theme-high-contrast .rs-picker-default .rs-uploader-picture .rs-uploader-trigger-btn {
16067
16103
  -webkit-transition: none;
@@ -16085,7 +16121,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16085
16121
  .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn:focus {
16086
16122
  color: #575757;
16087
16123
  color: var(--rs-btn-subtle-hover-text);
16088
- background-color: #f7f7fa;
16124
+ background-color: #e5e5ea;
16089
16125
  background-color: var(--rs-btn-subtle-hover-bg);
16090
16126
  }
16091
16127
  .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn:active,
@@ -16106,7 +16142,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16106
16142
  opacity: 0.5;
16107
16143
  }
16108
16144
  .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn-active {
16109
- background-color: #f7f7fa;
16145
+ background-color: #e5e5ea;
16110
16146
  background-color: var(--rs-btn-subtle-hover-bg);
16111
16147
  color: #575757;
16112
16148
  color: var(--rs-btn-subtle-hover-text);
@@ -16115,7 +16151,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16115
16151
  .rs-uploader-picture .rs-uploader-trigger-btn:focus {
16116
16152
  color: #575757;
16117
16153
  color: var(--rs-btn-subtle-hover-text);
16118
- background-color: #f7f7fa;
16154
+ background-color: #e5e5ea;
16119
16155
  background-color: var(--rs-btn-subtle-hover-bg);
16120
16156
  }
16121
16157
  .rs-uploader-picture .rs-uploader-trigger-btn:active,