rsuite 5.64.2 → 5.65.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 (85) hide show
  1. package/AutoComplete/styles/index.css +14 -6
  2. package/CHANGELOG.md +19 -0
  3. package/Cascader/styles/index.css +14 -6
  4. package/CheckPicker/styles/index.css +14 -6
  5. package/CheckTree/styles/index.css +14 -6
  6. package/CheckTreePicker/styles/index.css +14 -6
  7. package/DatePicker/styles/index.css +14 -6
  8. package/DateRangePicker/styles/index.css +14 -6
  9. package/Divider/styles/index.css +3 -1
  10. package/Divider/styles/index.less +3 -1
  11. package/HStack/package.json +7 -0
  12. package/InputPicker/styles/index.css +14 -6
  13. package/MultiCascadeTree/styles/index.css +14 -6
  14. package/MultiCascader/styles/index.css +14 -6
  15. package/Pagination/styles/index.css +17 -7
  16. package/SelectPicker/styles/index.css +14 -6
  17. package/Table/styles/index.css +14 -7
  18. package/Table/styles/index.less +11 -7
  19. package/TagInput/styles/index.css +14 -6
  20. package/TagPicker/styles/index.css +14 -6
  21. package/Uploader/styles/index.css +3 -0
  22. package/Uploader/styles/index.less +4 -0
  23. package/VStack/package.json +7 -0
  24. package/cjs/DatePicker/DatePicker.js +3 -2
  25. package/cjs/DateRangePicker/DateRangePicker.js +3 -2
  26. package/cjs/Message/Message.js +10 -6
  27. package/cjs/Notification/Notification.d.ts +9 -5
  28. package/cjs/Notification/Notification.js +10 -6
  29. package/cjs/Stack/HStack.d.ts +10 -0
  30. package/cjs/Stack/HStack.js +29 -0
  31. package/cjs/Stack/VStack.d.ts +7 -0
  32. package/cjs/Stack/VStack.js +32 -0
  33. package/cjs/Stack/index.d.ts +4 -0
  34. package/cjs/Stack/index.js +5 -1
  35. package/cjs/index.d.ts +2 -2
  36. package/cjs/index.js +4 -2
  37. package/cjs/internals/types/index.d.ts +1 -0
  38. package/cjs/toaster/ToastContainer.d.ts +11 -2
  39. package/cjs/toaster/ToastContainer.js +28 -18
  40. package/cjs/toaster/ToastContext.d.ts +2 -0
  41. package/cjs/toaster/hooks/useDelayedClosure.d.ts +27 -0
  42. package/cjs/toaster/hooks/useDelayedClosure.js +47 -0
  43. package/dist/rsuite-no-reset-rtl.css +34 -14
  44. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  45. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  46. package/dist/rsuite-no-reset.css +34 -14
  47. package/dist/rsuite-no-reset.min.css +1 -1
  48. package/dist/rsuite-no-reset.min.css.map +1 -1
  49. package/dist/rsuite-rtl.css +34 -14
  50. package/dist/rsuite-rtl.min.css +1 -1
  51. package/dist/rsuite-rtl.min.css.map +1 -1
  52. package/dist/rsuite.css +34 -14
  53. package/dist/rsuite.js +40 -7
  54. package/dist/rsuite.js.map +1 -1
  55. package/dist/rsuite.min.css +1 -1
  56. package/dist/rsuite.min.css.map +1 -1
  57. package/dist/rsuite.min.js +1 -1
  58. package/dist/rsuite.min.js.map +1 -1
  59. package/esm/DatePicker/DatePicker.js +3 -2
  60. package/esm/DateRangePicker/DateRangePicker.js +3 -2
  61. package/esm/Message/Message.js +12 -8
  62. package/esm/Notification/Notification.d.ts +9 -5
  63. package/esm/Notification/Notification.js +12 -8
  64. package/esm/Stack/HStack.d.ts +10 -0
  65. package/esm/Stack/HStack.js +24 -0
  66. package/esm/Stack/VStack.d.ts +7 -0
  67. package/esm/Stack/VStack.js +27 -0
  68. package/esm/Stack/index.d.ts +4 -0
  69. package/esm/Stack/index.js +2 -0
  70. package/esm/index.d.ts +2 -2
  71. package/esm/index.js +1 -1
  72. package/esm/internals/types/index.d.ts +1 -0
  73. package/esm/toaster/ToastContainer.d.ts +11 -2
  74. package/esm/toaster/ToastContainer.js +28 -18
  75. package/esm/toaster/ToastContext.d.ts +2 -0
  76. package/esm/toaster/hooks/useDelayedClosure.d.ts +27 -0
  77. package/esm/toaster/hooks/useDelayedClosure.js +42 -0
  78. package/internals/Picker/styles/index.less +9 -4
  79. package/package.json +1 -2
  80. package/styles/color-modes/dark.less +1 -0
  81. package/styles/color-modes/high-contrast.less +1 -0
  82. package/styles/color-modes/light.less +3 -0
  83. package/styles/color-modes.less +4 -3
  84. package/styles/mixins/color-modes.less +4 -2
  85. package/styles/variables.less +3 -0
package/dist/rsuite-no-reset.css CHANGED
@@ -340,6 +340,7 @@
340
340
  --rs-list-placeholder-border: var(--rs-primary-500);
341
341
  --rs-timeline-indicator-bg: var(--rs-gray-300);
342
342
  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
343
+ --rs-table-border-color: var(--rs-border-secondary);
343
344
  --rs-table-shadow: rgba(9, 9, 9, 0.08);
344
345
  --rs-table-sort: var(--rs-primary-500);
345
346
  --rs-table-resize: var(--rs-primary-500);
@@ -355,6 +356,8 @@
355
356
  --rs-picker-value: var(--rs-primary-700);
356
357
  --rs-picker-count-bg: var(--rs-primary-500);
357
358
  --rs-picker-count-text: #fff;
359
+ --rs-picker-state-error: var(--rs-state-error);
360
+ --rs-picker-state-error-outline: var(--rs-state-error-outline);
358
361
  --rs-calendar-today-bg: var(--rs-primary-500);
359
362
  --rs-calendar-today-text: #fff;
360
363
  --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b / 50%);
@@ -713,6 +716,7 @@
713
716
  --rs-list-placeholder-border: var(--rs-primary-500);
714
717
  --rs-timeline-indicator-bg: var(--rs-gray-500);
715
718
  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
719
+ --rs-table-border-color: var(--rs-border-secondary);
716
720
  --rs-table-shadow: rgba(9, 9, 9, 0.99);
717
721
  --rs-table-sort: var(--rs-primary-500);
718
722
  --rs-table-resize: var(--rs-primary-500);
@@ -1089,6 +1093,7 @@
1089
1093
  --rs-list-placeholder-border: var(--rs-primary-500);
1090
1094
  --rs-timeline-indicator-bg: var(--rs-gray-500);
1091
1095
  --rs-timeline-indicator-active-bg: var(--rs-primary-500);
1096
+ --rs-table-border-color: var(--rs-border-secondary);
1092
1097
  --rs-table-shadow: rgba(9, 9, 9, 0.99);
1093
1098
  --rs-table-sort: var(--rs-primary-500);
1094
1099
  --rs-table-resize: var(--rs-primary-500);
@@ -4748,13 +4753,15 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4748
4753
  }
4749
4754
  .rs-divider-vertical {
4750
4755
  display: inline-block;
4751
- height: 1em;
4756
+ min-height: 1em;
4757
+ height: 100%;
4752
4758
  width: 1px;
4753
4759
  vertical-align: middle;
4754
4760
  margin: 0 12px;
4755
4761
  }
4756
4762
  .rs-divider-horizontal {
4757
4763
  height: 1px;
4764
+ width: 100%;
4758
4765
  margin: 24px 0;
4759
4766
  }
4760
4767
  .rs-divider-horizontal.rs-divider-with-text {
@@ -13725,7 +13732,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13725
13732
  width: 100%;
13726
13733
  z-index: 4;
13727
13734
  border-top: 1px solid #f2f2f5;
13728
- border-top: 1px solid var(--rs-border-secondary);
13735
+ border-top: 1px solid var(--rs-table-border-color);
13729
13736
  padding: 10px;
13730
13737
  background-color: #fff;
13731
13738
  background-color: var(--rs-bg-card);
@@ -13871,7 +13878,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13871
13878
  background-color: #fff;
13872
13879
  background-color: var(--rs-bg-card);
13873
13880
  border-bottom: 1px solid #f2f2f5;
13874
- border-bottom: 1px solid var(--rs-border-secondary);
13881
+ border-bottom: 1px solid var(--rs-table-border-color);
13875
13882
  }
13876
13883
  .rs-table-cell.first {
13877
13884
  border-left-width: 0;
@@ -13910,7 +13917,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13910
13917
  }
13911
13918
  .rs-table-cell-rowspan {
13912
13919
  border-bottom: 1px solid #f2f2f5 !important;
13913
- border-bottom: 1px solid var(--rs-border-secondary) !important;
13920
+ border-bottom: 1px solid var(--rs-table-border-color) !important;
13914
13921
  }
13915
13922
  .rs-table-cell-full-text:hover {
13916
13923
  z-index: 1 !important;
@@ -14018,11 +14025,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14018
14025
  }
14019
14026
  .rs-table-bordered {
14020
14027
  border: 1px solid #f2f2f5;
14021
- border: 1px solid var(--rs-border-secondary);
14028
+ border: 1px solid var(--rs-table-border-color);
14022
14029
  }
14023
14030
  .rs-table-cell-bordered .rs-table-cell {
14024
14031
  border-right: 1px solid #f2f2f5;
14025
- border-right: 1px solid var(--rs-border-secondary);
14032
+ border-right: 1px solid var(--rs-table-border-color);
14026
14033
  }
14027
14034
  .rs-table-column-group {
14028
14035
  position: absolute;
@@ -14033,7 +14040,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14033
14040
  }
14034
14041
  .rs-table-column-group-header {
14035
14042
  border-bottom: 1px solid #f2f2f5;
14036
- border-bottom: 1px solid var(--rs-border-secondary);
14043
+ border-bottom: 1px solid var(--rs-table-border-color);
14037
14044
  position: absolute;
14038
14045
  width: 100%;
14039
14046
  }
@@ -14044,7 +14051,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14044
14051
  .rs-table-column-group-cell {
14045
14052
  position: absolute;
14046
14053
  border-right: 1px solid #f2f2f5;
14047
- border-right: 1px solid var(--rs-border-secondary);
14054
+ border-right: 1px solid var(--rs-table-border-color);
14055
+ }
14056
+ .rs-table-row:not(.rs-table-row-rowspan) {
14057
+ border-bottom: 1px solid #f2f2f5;
14058
+ border-bottom: 1px solid var(--rs-table-border-color);
14048
14059
  }
14049
14060
  .rs-table-cell-expand-wrapper {
14050
14061
  margin-right: 10px;
@@ -15442,6 +15453,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
15442
15453
  opacity: 0.3;
15443
15454
  cursor: not-allowed;
15444
15455
  }
15456
+ .rs-uploader-file-item-disabled:hover {
15457
+ background-color: transparent !important;
15458
+ }
15445
15459
  .rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
15446
15460
  cursor: not-allowed;
15447
15461
  }
@@ -16690,13 +16704,19 @@ kbd.rs-text {
16690
16704
  -ms-flex-align: center;
16691
16705
  align-items: center;
16692
16706
  }
16693
- .rs-picker-error > .rs-input-group {
16694
- border-color: #f44336 !important;
16695
- border-color: var(--rs-state-error) !important;
16707
+ .rs-picker-error > .rs-picker-input-group {
16708
+ border-color: #f44336;
16709
+ border-color: var(--rs-picker-state-error);
16710
+ }
16711
+ .rs-picker-error > .rs-picker-input-group:hover {
16712
+ border-color: #f44336;
16713
+ border-color: var(--rs-picker-state-error);
16696
16714
  }
16697
- .rs-picker-error > .rs-input-group:focus-within {
16698
- outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
16699
- outline: var(--rs-state-error-outline) !important;
16715
+ .rs-picker-error > .rs-picker-input-group:focus-within {
16716
+ border-color: #f44336;
16717
+ border-color: var(--rs-picker-state-error);
16718
+ outline: 3px solid rgb(from #f44336 r g b / 25%);
16719
+ outline: var(--rs-picker-state-error-outline);
16700
16720
  }
16701
16721
  .rs-picker-toggle {
16702
16722
  display: -webkit-inline-box;