rsuite 5.24.0 → 5.24.1

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 (55) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/Calendar/styles/index.less +15 -16
  3. package/DatePicker/styles/index.less +9 -0
  4. package/DatePicker/styles/mixin.less +8 -0
  5. package/Picker/styles/index.less +0 -1
  6. package/Picker/styles/mixin.less +1 -20
  7. package/TreePicker/styles/index.less +13 -0
  8. package/cjs/Calendar/TableHeaderRow.js +3 -3
  9. package/cjs/Cascader/Cascader.js +2 -2
  10. package/cjs/Cascader/utils.d.ts +1 -1
  11. package/cjs/Cascader/utils.js +2 -2
  12. package/cjs/Content/Content.d.ts +1 -1
  13. package/cjs/Footer/Footer.d.ts +1 -1
  14. package/cjs/Header/Header.d.ts +1 -1
  15. package/cjs/MultiCascader/MultiCascader.js +4 -4
  16. package/cjs/MultiCascader/utils.d.ts +1 -1
  17. package/cjs/MultiCascader/utils.js +2 -2
  18. package/cjs/Navbar/NavbarBrand.d.ts +1 -1
  19. package/cjs/TreePicker/TreeNode.d.ts +3 -3
  20. package/cjs/TreePicker/TreeNode.js +1 -11
  21. package/cjs/TreePicker/TreePicker.js +8 -1
  22. package/cjs/utils/createComponent.d.ts +3 -3
  23. package/cjs/utils/treeUtils.d.ts +12 -0
  24. package/cjs/utils/treeUtils.js +42 -0
  25. package/dist/rsuite-rtl.css +167 -95
  26. package/dist/rsuite-rtl.min.css +1 -1
  27. package/dist/rsuite-rtl.min.css.map +1 -1
  28. package/dist/rsuite.css +167 -95
  29. package/dist/rsuite.js +11 -11
  30. package/dist/rsuite.min.css +1 -1
  31. package/dist/rsuite.min.css.map +1 -1
  32. package/dist/rsuite.min.js +1 -1
  33. package/dist/rsuite.min.js.map +1 -1
  34. package/esm/Calendar/TableHeaderRow.js +3 -3
  35. package/esm/Cascader/Cascader.js +2 -2
  36. package/esm/Cascader/utils.d.ts +1 -1
  37. package/esm/Cascader/utils.js +2 -2
  38. package/esm/Content/Content.d.ts +1 -1
  39. package/esm/Footer/Footer.d.ts +1 -1
  40. package/esm/Header/Header.d.ts +1 -1
  41. package/esm/MultiCascader/MultiCascader.js +4 -4
  42. package/esm/MultiCascader/utils.d.ts +1 -1
  43. package/esm/MultiCascader/utils.js +2 -2
  44. package/esm/Navbar/NavbarBrand.d.ts +1 -1
  45. package/esm/TreePicker/TreeNode.d.ts +3 -3
  46. package/esm/TreePicker/TreeNode.js +2 -11
  47. package/esm/TreePicker/TreePicker.js +9 -2
  48. package/esm/utils/createComponent.d.ts +3 -3
  49. package/esm/utils/treeUtils.d.ts +12 -0
  50. package/esm/utils/treeUtils.js +36 -0
  51. package/package.json +2 -2
  52. package/styles/color-modes/dark.less +1 -0
  53. package/styles/color-modes/high-contrast.less +1 -0
  54. package/styles/color-modes/light.less +1 -0
  55. package/styles/variables.less +7 -8
package/dist/rsuite.css CHANGED
@@ -324,6 +324,7 @@
324
324
  --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
325
325
  --rs-calendar-time-unit-bg: #f7f7fa;
326
326
  --rs-calendar-date-selected-text: #fff;
327
+ --rs-calendar-cell-selected-hover-bg: #1675e0;
327
328
  --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
328
329
  }
329
330
  .rs-theme-dark {
@@ -644,6 +645,7 @@
644
645
  --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
645
646
  --rs-calendar-time-unit-bg: #3c3f43;
646
647
  --rs-calendar-date-selected-text: #fff;
648
+ --rs-calendar-cell-selected-hover-bg: #1675e0;
647
649
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
648
650
  }
649
651
  .rs-theme-high-contrast {
@@ -978,6 +980,7 @@
978
980
  --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
979
981
  --rs-calendar-time-unit-bg: #0f131a;
980
982
  --rs-calendar-date-selected-text: #0f131a;
983
+ --rs-calendar-cell-selected-hover-bg: #e9ebf0;
981
984
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
982
985
  }
983
986
  /* stylelint-disable */
@@ -1846,8 +1849,8 @@ tbody.rs-anim-collapse.rs-anim-in {
1846
1849
  vertical-align: middle;
1847
1850
  cursor: pointer;
1848
1851
  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;
1852
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
1853
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
1851
1854
  border: none;
1852
1855
  border: var(--rs-btn-default-border, none);
1853
1856
  -webkit-user-select: none;
@@ -3158,7 +3161,8 @@ tbody.rs-anim-collapse.rs-anim-in {
3158
3161
  border-bottom-left-radius: 6px;
3159
3162
  border-bottom-right-radius: 6px;
3160
3163
  }
3161
- .rs-calendar-table-cell {
3164
+ .rs-calendar-table-cell,
3165
+ .rs-calendar-table-header-cell {
3162
3166
  display: table-cell;
3163
3167
  width: 1%;
3164
3168
  padding: 1px 0;
@@ -3166,19 +3170,52 @@ tbody.rs-anim-collapse.rs-anim-in {
3166
3170
  vertical-align: middle;
3167
3171
  }
3168
3172
  .rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content,
3173
+ .rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content,
3174
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content,
3175
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content,
3169
3176
  .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
3177
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content,
3178
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content,
3179
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content,
3170
3180
  .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 {
3181
+ .rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content:hover,
3182
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content:hover,
3183
+ .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content:hover,
3184
+ .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,
3185
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
3186
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
3187
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
3172
3188
  color: #c5c6c7;
3173
3189
  color: var(--rs-text-disabled);
3174
3190
  }
3175
3191
  .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content,
3176
- .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover {
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,
3195
+ .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover,
3196
+ .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover,
3197
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover,
3198
+ .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
3177
3199
  background: none;
3178
3200
  text-decoration: line-through;
3179
3201
  cursor: not-allowed;
3180
3202
  }
3181
- .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover {
3203
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3204
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3205
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3206
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content:hover,
3207
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3208
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3209
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3210
+ .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,
3211
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3212
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover,
3213
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content:hover,
3214
+ .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,
3215
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover,
3216
+ .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,
3217
+ .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,
3218
+ .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
3219
  color: #fff;
3183
3220
  color: var(--rs-calendar-date-selected-text);
3184
3221
  background-color: #3498ff;
@@ -3186,10 +3223,32 @@ tbody.rs-anim-collapse.rs-anim-in {
3186
3223
  -webkit-box-shadow: none;
3187
3224
  box-shadow: none;
3188
3225
  }
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 {
3226
+ .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,
3227
+ .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,
3228
+ .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,
3229
+ .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,
3230
+ .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,
3231
+ .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,
3232
+ .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,
3233
+ .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,
3234
+ .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,
3235
+ .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,
3236
+ .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,
3237
+ .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,
3238
+ .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,
3239
+ .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,
3240
+ .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,
3241
+ .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
3242
  text-decoration: underline;
3191
3243
  }
3192
- .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
3244
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
3245
+ .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,
3246
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content,
3247
+ .rs-calendar-table-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content,
3248
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content,
3249
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content,
3250
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-cell-content,
3251
+ .rs-calendar-table-header-cell-disabled.rs-calendar-table-header-cell-selected .rs-calendar-table-header-cell-content {
3193
3252
  opacity: 0.3;
3194
3253
  }
3195
3254
  .rs-calendar-table-cell-content {
@@ -3221,7 +3280,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3221
3280
  .rs-theme-high-contrast .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
3222
3281
  text-decoration: underline;
3223
3282
  }
3224
- .rs-calendar-table-header-row .rs-calendar-table-cell-content {
3283
+ .rs-calendar-table-header-cell-content {
3225
3284
  color: #8e8e93;
3226
3285
  color: var(--rs-text-secondary);
3227
3286
  font-size: 12px;
@@ -3229,10 +3288,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3229
3288
  padding-top: 2px;
3230
3289
  padding-bottom: 2px;
3231
3290
  }
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 {
3291
+ .rs-calendar-table-header-cell-content,
3292
+ .rs-calendar-table-header-cell-content:hover,
3293
+ .rs-calendar-table-header-cell-content:focus,
3294
+ .rs-calendar-table-header-cell-content:hover:focus {
3236
3295
  background: none;
3237
3296
  cursor: auto;
3238
3297
  }
@@ -4124,26 +4183,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4124
4183
  padding: 8px 12px;
4125
4184
  padding-right: 32px;
4126
4185
  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;
4186
+ cursor: pointer;
4130
4187
  color: #272c36;
4131
4188
  color: var(--rs-text-heading);
4132
4189
  }
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
4190
  .rs-picker-check-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret {
4138
4191
  display: inline-block;
4139
4192
  margin-left: 2px;
4140
4193
  position: absolute;
4141
4194
  top: 8px;
4142
4195
  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
4196
  padding: 3px;
4148
4197
  }
4149
4198
  .rs-picker-check-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret {
@@ -4413,6 +4462,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4413
4462
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
4414
4463
  outline-offset: 2px;
4415
4464
  }
4465
+ .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4466
+ background-color: #1675e0;
4467
+ background-color: var(--rs-calendar-cell-selected-hover-bg);
4468
+ color: #fff;
4469
+ color: var(--rs-calendar-date-selected-text);
4470
+ }
4471
+ .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
4472
+ color: #fff;
4473
+ color: var(--rs-calendar-date-selected-text);
4474
+ }
4416
4475
  .rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
4417
4476
  height: 24px;
4418
4477
  padding-top: 0;
@@ -4440,6 +4499,16 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4440
4499
  .rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
4441
4500
  outline-offset: 2px;
4442
4501
  }
4502
+ .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4503
+ background-color: #1675e0;
4504
+ background-color: var(--rs-calendar-cell-selected-hover-bg);
4505
+ color: #fff;
4506
+ color: var(--rs-calendar-date-selected-text);
4507
+ }
4508
+ .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
4509
+ color: #fff;
4510
+ color: var(--rs-calendar-date-selected-text);
4511
+ }
4443
4512
  .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
4444
4513
  height: 227px;
4445
4514
  }
@@ -7768,8 +7837,8 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
7768
7837
  display: block;
7769
7838
  background-color: #f2f2f5;
7770
7839
  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;
7840
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
7841
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
7773
7842
  }
7774
7843
  .rs-btn-icon-with-text:hover > .rs-icon,
7775
7844
  .rs-btn-icon-with-text:focus > .rs-icon {
@@ -7826,8 +7895,8 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
7826
7895
  background-image: none;
7827
7896
  border: 1px solid #e5e5ea;
7828
7897
  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;
7898
+ -webkit-transition: border-color ease-in-out 0.15s;
7899
+ transition: border-color ease-in-out 0.15s;
7831
7900
  border-radius: 6px;
7832
7901
  /* stylelint-disable */
7833
7902
  padding: 7px 11px;
@@ -7936,8 +8005,8 @@ textarea.rs-input-sm {
7936
8005
  display: -ms-flexbox;
7937
8006
  display: flex;
7938
8007
  border-radius: 6px;
7939
- -webkit-transition: border-color ease-in-out 0.3s;
7940
- transition: border-color ease-in-out 0.3s;
8008
+ -webkit-transition: border-color ease-in-out 0.15s;
8009
+ transition: border-color ease-in-out 0.15s;
7941
8010
  width: 100%;
7942
8011
  cursor: text;
7943
8012
  color: #575757;
@@ -8602,8 +8671,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
8602
8671
  border: 1px solid #e5e5ea;
8603
8672
  border: 1px solid var(--rs-border-primary);
8604
8673
  border-radius: 6px;
8605
- -webkit-transition: border-color ease-in-out 0.3s;
8606
- transition: border-color ease-in-out 0.3s;
8674
+ -webkit-transition: border-color ease-in-out 0.15s;
8675
+ transition: border-color ease-in-out 0.15s;
8607
8676
  background-color: #fff;
8608
8677
  background-color: var(--rs-input-bg);
8609
8678
  }
@@ -9520,8 +9589,8 @@ textarea.rs-picker-search-input {
9520
9589
  .rs-nav-tabs .rs-nav-item {
9521
9590
  overflow: hidden;
9522
9591
  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;
9592
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
9593
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
9525
9594
  }
9526
9595
  @media not all and (min-resolution: 0.001dpcm) {
9527
9596
  .rs-nav-default .rs-nav-item,
@@ -9536,8 +9605,8 @@ textarea.rs-picker-search-input {
9536
9605
  cursor: pointer;
9537
9606
  color: #8e8e93;
9538
9607
  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;
9608
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
9609
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
9541
9610
  overflow: hidden;
9542
9611
  text-overflow: ellipsis;
9543
9612
  white-space: nowrap;
@@ -10330,8 +10399,8 @@ textarea.rs-picker-search-input {
10330
10399
  text-align: center;
10331
10400
  vertical-align: middle;
10332
10401
  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;
10402
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
10403
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
10335
10404
  border: none;
10336
10405
  border: var(--rs-btn-default-border, none);
10337
10406
  color: #575757;
@@ -10443,8 +10512,8 @@ textarea.rs-picker-search-input {
10443
10512
  }
10444
10513
  }
10445
10514
  .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;
10515
+ -webkit-transition: border-color ease-in-out 0.15s;
10516
+ transition: border-color ease-in-out 0.15s;
10448
10517
  }
10449
10518
  .rs-theme-high-contrast .rs-picker-default .rs-pagination-btn {
10450
10519
  -webkit-transition: none;
@@ -10780,8 +10849,8 @@ textarea.rs-picker-search-input {
10780
10849
  vertical-align: middle;
10781
10850
  cursor: pointer;
10782
10851
  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;
10852
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
10853
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
10785
10854
  border: none;
10786
10855
  border: var(--rs-btn-default-border, none);
10787
10856
  -webkit-user-select: none;
@@ -10879,8 +10948,8 @@ textarea.rs-picker-search-input {
10879
10948
  }
10880
10949
  }
10881
10950
  .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;
10951
+ -webkit-transition: border-color ease-in-out 0.15s;
10952
+ transition: border-color ease-in-out 0.15s;
10884
10953
  }
10885
10954
  .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
10886
10955
  -webkit-transition: none;
@@ -10962,8 +11031,8 @@ textarea.rs-picker-search-input {
10962
11031
  }
10963
11032
  .rs-picker-default .rs-btn,
10964
11033
  .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;
11034
+ -webkit-transition: border-color ease-in-out 0.15s;
11035
+ transition: border-color ease-in-out 0.15s;
10967
11036
  }
10968
11037
  .rs-theme-high-contrast .rs-picker-default .rs-btn,
10969
11038
  .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
@@ -11703,8 +11772,8 @@ textarea.rs-picker-search-input {
11703
11772
  background-image: none;
11704
11773
  border: 1px solid #e5e5ea;
11705
11774
  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;
11775
+ -webkit-transition: border-color ease-in-out 0.15s;
11776
+ transition: border-color ease-in-out 0.15s;
11708
11777
  border-radius: 6px;
11709
11778
  /* stylelint-disable */
11710
11779
  padding: 7px 11px;
@@ -11831,8 +11900,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11831
11900
  cursor: pointer;
11832
11901
  display: block;
11833
11902
  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
11903
  line-height: 20px;
11837
11904
  }
11838
11905
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
@@ -12767,8 +12834,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12767
12834
  vertical-align: middle;
12768
12835
  cursor: pointer;
12769
12836
  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;
12837
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
12838
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
12772
12839
  border: none;
12773
12840
  border: var(--rs-btn-default-border, none);
12774
12841
  -webkit-user-select: none;
@@ -12876,8 +12943,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12876
12943
  }
12877
12944
  }
12878
12945
  .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;
12946
+ -webkit-transition: border-color ease-in-out 0.15s;
12947
+ transition: border-color ease-in-out 0.15s;
12881
12948
  }
12882
12949
  .rs-theme-high-contrast .rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
12883
12950
  -webkit-transition: none;
@@ -13040,26 +13107,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13040
13107
  padding: 8px 12px;
13041
13108
  padding-right: 32px;
13042
13109
  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;
13110
+ cursor: pointer;
13046
13111
  color: #272c36;
13047
13112
  color: var(--rs-text-heading);
13048
13113
  }
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
13114
  .rs-picker-select-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret {
13054
13115
  display: inline-block;
13055
13116
  margin-left: 2px;
13056
13117
  position: absolute;
13057
13118
  top: 8px;
13058
13119
  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
13120
  padding: 3px;
13064
13121
  }
13065
13122
  .rs-picker-select-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret {
@@ -13120,15 +13177,15 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13120
13177
  padding-left: 26px;
13121
13178
  }
13122
13179
  .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;
13180
+ -webkit-transition: width 0.15s ease-in, -webkit-box-flex 0.15s ease-in;
13181
+ transition: width 0.15s ease-in, -webkit-box-flex 0.15s ease-in;
13182
+ transition: flex 0.15s ease-in, width 0.15s ease-in;
13183
+ 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
13184
  min-width: 0;
13128
13185
  }
13129
13186
  .rs-sidenav {
13130
- -webkit-transition: width 0.2s ease-in;
13131
- transition: width 0.2s ease-in;
13187
+ -webkit-transition: width 0.15s ease-in;
13188
+ transition: width 0.15s ease-in;
13132
13189
  width: 56px;
13133
13190
  display: -webkit-box;
13134
13191
  display: -ms-flexbox;
@@ -13147,8 +13204,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13147
13204
  .rs-sidenav-nav .rs-dropdown-item,
13148
13205
  .rs-sidenav-nav .rs-dropdown-item-toggle {
13149
13206
  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;
13207
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
13208
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
13152
13209
  border-radius: 0;
13153
13210
  color: inherit;
13154
13211
  }
@@ -13237,8 +13294,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13237
13294
  background: transparent;
13238
13295
  }
13239
13296
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu {
13240
- -webkit-transition: height 0.2s ease-in;
13241
- transition: height 0.2s ease-in;
13297
+ -webkit-transition: height 0.15s ease-in;
13298
+ transition: height 0.15s ease-in;
13242
13299
  }
13243
13300
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle {
13244
13301
  height: auto;
@@ -13535,8 +13592,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13535
13592
  }
13536
13593
  .rs-sidenav-collapse-out .rs-sidenav-item-text,
13537
13594
  .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;
13595
+ -webkit-animation: sideNavFoldedText 0.15s ease-in forwards;
13596
+ animation: sideNavFoldedText 0.15s ease-in forwards;
13540
13597
  }
13541
13598
  .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-sidenav-item,
13542
13599
  .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-sidenav-item,
@@ -13556,8 +13613,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13556
13613
  padding-left: 0px;
13557
13614
  }
13558
13615
  .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;
13616
+ -webkit-animation: sideNavFoldedText 0.15s ease-in;
13617
+ animation: sideNavFoldedText 0.15s ease-in;
13561
13618
  }
13562
13619
  .rs-sidenav-default {
13563
13620
  background-color: #f7f7fa;
@@ -13879,10 +13936,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13879
13936
  margin-left: -6px;
13880
13937
  cursor: pointer;
13881
13938
  /* 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;
13939
+ -webkit-transition: background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
13940
+ transition: background-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
13941
+ transition: box-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
13942
+ 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
13943
  /* stylelint-enable */
13887
13944
  }
13888
13945
  .rs-slider-handle:hover::before,
@@ -15048,8 +15105,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15048
15105
  color: #fff;
15049
15106
  color: var(--rs-toggle-thumb);
15050
15107
  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;
15108
+ -webkit-transition: background-color 0.15s ease-out, width 0.15s ease-out;
15109
+ transition: background-color 0.15s ease-out, width 0.15s ease-out;
15053
15110
  -webkit-user-select: none;
15054
15111
  -moz-user-select: none;
15055
15112
  -ms-user-select: none;
@@ -15085,8 +15142,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15085
15142
  cursor: pointer;
15086
15143
  position: absolute;
15087
15144
  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;
15145
+ -webkit-transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
15146
+ transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
15090
15147
  }
15091
15148
  .rs-theme-high-contrast .rs-toggle-presentation::after {
15092
15149
  -webkit-transition: none;
@@ -15126,8 +15183,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15126
15183
  }
15127
15184
  .rs-toggle-inner {
15128
15185
  display: block;
15129
- -webkit-transition: margin 0.2s ease-in-out;
15130
- transition: margin 0.2s ease-in-out;
15186
+ -webkit-transition: margin 0.15s ease-out;
15187
+ transition: margin 0.15s ease-out;
15131
15188
  }
15132
15189
  .rs-theme-high-contrast .rs-toggle-inner {
15133
15190
  -webkit-transition: none;
@@ -15135,8 +15192,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15135
15192
  }
15136
15193
  .rs-toggle-loader {
15137
15194
  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;
15195
+ -webkit-transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
15196
+ transition: left 0.15s ease-out, margin-left 0.15s ease-out, width 0.15s ease-out;
15140
15197
  }
15141
15198
  .rs-toggle-loader .rs-loader-spin::before {
15142
15199
  border-color: rgba(247, 247, 250, 0.3);
@@ -15556,6 +15613,21 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15556
15613
  .rs-tree.rs-tree-virtualized {
15557
15614
  overflow: hidden;
15558
15615
  }
15616
+ .rs-tree-drag-preview {
15617
+ position: absolute;
15618
+ top: 0;
15619
+ color: #575757;
15620
+ color: var(--rs-text-primary);
15621
+ background-color: #fff;
15622
+ background-color: var(--rs-bg-overlay);
15623
+ display: inline-block;
15624
+ margin: 0;
15625
+ padding: 8px 12px;
15626
+ border-radius: 6px;
15627
+ -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
15628
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
15629
+ z-index: -1;
15630
+ }
15559
15631
  .rs-tree-node {
15560
15632
  position: relative;
15561
15633
  font-size: 0;
@@ -15950,8 +16022,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15950
16022
  vertical-align: middle;
15951
16023
  cursor: pointer;
15952
16024
  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;
16025
+ -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
16026
+ transition: color 0.15s ease-out, background-color 0.15s ease-out;
15955
16027
  border: none;
15956
16028
  border: var(--rs-btn-default-border, none);
15957
16029
  -webkit-user-select: none;
@@ -16060,8 +16132,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16060
16132
  }
16061
16133
  }
16062
16134
  .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;
16135
+ -webkit-transition: border-color ease-in-out 0.15s;
16136
+ transition: border-color ease-in-out 0.15s;
16065
16137
  }
16066
16138
  .rs-theme-high-contrast .rs-picker-default .rs-uploader-picture .rs-uploader-trigger-btn {
16067
16139
  -webkit-transition: none;