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-rtl.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);
@@ -5006,13 +5011,15 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5006
5011
  }
5007
5012
  .rs-divider-vertical {
5008
5013
  display: inline-block;
5009
- height: 1em;
5014
+ min-height: 1em;
5015
+ height: 100%;
5010
5016
  width: 1px;
5011
5017
  vertical-align: middle;
5012
5018
  margin: 0 12px;
5013
5019
  }
5014
5020
  .rs-divider-horizontal {
5015
5021
  height: 1px;
5022
+ width: 100%;
5016
5023
  margin: 24px 0;
5017
5024
  }
5018
5025
  .rs-divider-horizontal.rs-divider-with-text {
@@ -13973,7 +13980,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13973
13980
  width: 100%;
13974
13981
  z-index: 4;
13975
13982
  border-top: 1px solid #f2f2f5;
13976
- border-top: 1px solid var(--rs-border-secondary);
13983
+ border-top: 1px solid var(--rs-table-border-color);
13977
13984
  padding: 10px;
13978
13985
  background-color: #fff;
13979
13986
  background-color: var(--rs-bg-card);
@@ -14119,7 +14126,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14119
14126
  background-color: #fff;
14120
14127
  background-color: var(--rs-bg-card);
14121
14128
  border-bottom: 1px solid #f2f2f5;
14122
- border-bottom: 1px solid var(--rs-border-secondary);
14129
+ border-bottom: 1px solid var(--rs-table-border-color);
14123
14130
  }
14124
14131
  .rs-table-cell.first {
14125
14132
  border-right-width: 0;
@@ -14158,7 +14165,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14158
14165
  }
14159
14166
  .rs-table-cell-rowspan {
14160
14167
  border-bottom: 1px solid #f2f2f5 !important;
14161
- border-bottom: 1px solid var(--rs-border-secondary) !important;
14168
+ border-bottom: 1px solid var(--rs-table-border-color) !important;
14162
14169
  }
14163
14170
  .rs-table-cell-full-text:hover {
14164
14171
  z-index: 1 !important;
@@ -14266,11 +14273,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14266
14273
  }
14267
14274
  .rs-table-bordered {
14268
14275
  border: 1px solid #f2f2f5;
14269
- border: 1px solid var(--rs-border-secondary);
14276
+ border: 1px solid var(--rs-table-border-color);
14270
14277
  }
14271
14278
  .rs-table-cell-bordered .rs-table-cell {
14272
14279
  border-left: 1px solid #f2f2f5;
14273
- border-left: 1px solid var(--rs-border-secondary);
14280
+ border-left: 1px solid var(--rs-table-border-color);
14274
14281
  }
14275
14282
  .rs-table-column-group {
14276
14283
  position: absolute;
@@ -14281,7 +14288,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14281
14288
  }
14282
14289
  .rs-table-column-group-header {
14283
14290
  border-bottom: 1px solid #f2f2f5;
14284
- border-bottom: 1px solid var(--rs-border-secondary);
14291
+ border-bottom: 1px solid var(--rs-table-border-color);
14285
14292
  position: absolute;
14286
14293
  width: 100%;
14287
14294
  }
@@ -14292,7 +14299,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14292
14299
  .rs-table-column-group-cell {
14293
14300
  position: absolute;
14294
14301
  border-left: 1px solid #f2f2f5;
14295
- border-left: 1px solid var(--rs-border-secondary);
14302
+ border-left: 1px solid var(--rs-table-border-color);
14303
+ }
14304
+ .rs-table-row:not(.rs-table-row-rowspan) {
14305
+ border-bottom: 1px solid #f2f2f5;
14306
+ border-bottom: 1px solid var(--rs-table-border-color);
14296
14307
  }
14297
14308
  .rs-table-cell-expand-wrapper {
14298
14309
  margin-left: 10px;
@@ -15686,6 +15697,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
15686
15697
  opacity: 0.3;
15687
15698
  cursor: not-allowed;
15688
15699
  }
15700
+ .rs-uploader-file-item-disabled:hover {
15701
+ background-color: transparent !important;
15702
+ }
15689
15703
  .rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
15690
15704
  cursor: not-allowed;
15691
15705
  }
@@ -16934,13 +16948,19 @@ kbd.rs-text {
16934
16948
  -ms-flex-align: center;
16935
16949
  align-items: center;
16936
16950
  }
16937
- .rs-picker-error > .rs-input-group {
16938
- border-color: #f44336 !important;
16939
- border-color: var(--rs-state-error) !important;
16951
+ .rs-picker-error > .rs-picker-input-group {
16952
+ border-color: #f44336;
16953
+ border-color: var(--rs-picker-state-error);
16954
+ }
16955
+ .rs-picker-error > .rs-picker-input-group:hover {
16956
+ border-color: #f44336;
16957
+ border-color: var(--rs-picker-state-error);
16940
16958
  }
16941
- .rs-picker-error > .rs-input-group:focus-within {
16942
- outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
16943
- outline: var(--rs-state-error-outline) !important;
16959
+ .rs-picker-error > .rs-picker-input-group:focus-within {
16960
+ border-color: #f44336;
16961
+ border-color: var(--rs-picker-state-error);
16962
+ outline: 3px solid rgb(from #f44336 r g b / 25%);
16963
+ outline: var(--rs-picker-state-error-outline);
16944
16964
  }
16945
16965
  .rs-picker-toggle {
16946
16966
  display: -webkit-inline-box;