rsuite 5.64.2 → 5.65.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 (97) hide show
  1. package/AutoComplete/styles/index.css +14 -6
  2. package/CHANGELOG.md +31 -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/Progress/styles/index.css +1 -0
  17. package/Progress/styles/index.less +1 -0
  18. package/SelectPicker/styles/index.css +14 -6
  19. package/Table/styles/index.css +14 -7
  20. package/Table/styles/index.less +11 -7
  21. package/TagInput/styles/index.css +14 -6
  22. package/TagPicker/styles/index.css +14 -6
  23. package/Uploader/styles/index.css +3 -0
  24. package/Uploader/styles/index.less +4 -0
  25. package/VStack/package.json +7 -0
  26. package/cjs/DatePicker/DatePicker.js +3 -2
  27. package/cjs/DateRangePicker/DateRangePicker.js +3 -2
  28. package/cjs/Drawer/Drawer.js +1 -0
  29. package/cjs/FormControl/hooks/useField.d.ts +1 -1
  30. package/cjs/FormControl/hooks/useField.js +15 -5
  31. package/cjs/Message/Message.js +10 -6
  32. package/cjs/Notification/Notification.d.ts +9 -5
  33. package/cjs/Notification/Notification.js +10 -6
  34. package/cjs/Stack/HStack.d.ts +10 -0
  35. package/cjs/Stack/HStack.js +29 -0
  36. package/cjs/Stack/VStack.d.ts +7 -0
  37. package/cjs/Stack/VStack.js +32 -0
  38. package/cjs/Stack/index.d.ts +4 -0
  39. package/cjs/Stack/index.js +5 -1
  40. package/cjs/index.d.ts +2 -2
  41. package/cjs/index.js +4 -2
  42. package/cjs/internals/hooks/useCustom.js +1 -1
  43. package/cjs/internals/hooks/useIsomorphicLayoutEffect.js +1 -1
  44. package/cjs/internals/types/index.d.ts +1 -0
  45. package/cjs/toaster/ToastContainer.d.ts +11 -2
  46. package/cjs/toaster/ToastContainer.js +28 -18
  47. package/cjs/toaster/ToastContext.d.ts +2 -0
  48. package/cjs/toaster/hooks/useDelayedClosure.d.ts +27 -0
  49. package/cjs/toaster/hooks/useDelayedClosure.js +47 -0
  50. package/dist/rsuite-no-reset-rtl.css +35 -14
  51. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  52. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  53. package/dist/rsuite-no-reset.css +35 -14
  54. package/dist/rsuite-no-reset.min.css +1 -1
  55. package/dist/rsuite-no-reset.min.css.map +1 -1
  56. package/dist/rsuite-rtl.css +35 -14
  57. package/dist/rsuite-rtl.min.css +1 -1
  58. package/dist/rsuite-rtl.min.css.map +1 -1
  59. package/dist/rsuite.css +35 -14
  60. package/dist/rsuite.js +46 -13
  61. package/dist/rsuite.js.map +1 -1
  62. package/dist/rsuite.min.css +1 -1
  63. package/dist/rsuite.min.css.map +1 -1
  64. package/dist/rsuite.min.js +1 -1
  65. package/dist/rsuite.min.js.map +1 -1
  66. package/esm/DatePicker/DatePicker.js +3 -2
  67. package/esm/DateRangePicker/DateRangePicker.js +3 -2
  68. package/esm/Drawer/Drawer.js +1 -0
  69. package/esm/FormControl/hooks/useField.d.ts +1 -1
  70. package/esm/FormControl/hooks/useField.js +13 -3
  71. package/esm/Message/Message.js +12 -8
  72. package/esm/Notification/Notification.d.ts +9 -5
  73. package/esm/Notification/Notification.js +12 -8
  74. package/esm/Stack/HStack.d.ts +10 -0
  75. package/esm/Stack/HStack.js +24 -0
  76. package/esm/Stack/VStack.d.ts +7 -0
  77. package/esm/Stack/VStack.js +27 -0
  78. package/esm/Stack/index.d.ts +4 -0
  79. package/esm/Stack/index.js +2 -0
  80. package/esm/index.d.ts +2 -2
  81. package/esm/index.js +1 -1
  82. package/esm/internals/hooks/useCustom.js +1 -1
  83. package/esm/internals/hooks/useIsomorphicLayoutEffect.js +1 -1
  84. package/esm/internals/types/index.d.ts +1 -0
  85. package/esm/toaster/ToastContainer.d.ts +11 -2
  86. package/esm/toaster/ToastContainer.js +28 -18
  87. package/esm/toaster/ToastContext.d.ts +2 -0
  88. package/esm/toaster/hooks/useDelayedClosure.d.ts +27 -0
  89. package/esm/toaster/hooks/useDelayedClosure.js +42 -0
  90. package/internals/Picker/styles/index.less +9 -4
  91. package/package.json +1 -2
  92. package/styles/color-modes/dark.less +1 -0
  93. package/styles/color-modes/high-contrast.less +1 -0
  94. package/styles/color-modes/light.less +3 -0
  95. package/styles/color-modes.less +4 -3
  96. package/styles/mixins/color-modes.less +4 -2
  97. package/styles/variables.less +3 -0
package/dist/rsuite.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);
@@ -5012,13 +5017,15 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5012
5017
  }
5013
5018
  .rs-divider-vertical {
5014
5019
  display: inline-block;
5015
- height: 1em;
5020
+ min-height: 1em;
5021
+ height: 100%;
5016
5022
  width: 1px;
5017
5023
  vertical-align: middle;
5018
5024
  margin: 0 12px;
5019
5025
  }
5020
5026
  .rs-divider-horizontal {
5021
5027
  height: 1px;
5028
+ width: 100%;
5022
5029
  margin: 24px 0;
5023
5030
  }
5024
5031
  .rs-divider-horizontal.rs-divider-with-text {
@@ -12277,6 +12284,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
12277
12284
  -ms-flex-preferred-size: auto;
12278
12285
  flex-basis: auto;
12279
12286
  padding-left: 0;
12287
+ padding-bottom: 12px;
12280
12288
  width: auto;
12281
12289
  }
12282
12290
  .rs-progress-line.rs-progress-line-vertical .rs-progress-line-bg {
@@ -13989,7 +13997,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13989
13997
  width: 100%;
13990
13998
  z-index: 4;
13991
13999
  border-top: 1px solid #f2f2f5;
13992
- border-top: 1px solid var(--rs-border-secondary);
14000
+ border-top: 1px solid var(--rs-table-border-color);
13993
14001
  padding: 10px;
13994
14002
  background-color: #fff;
13995
14003
  background-color: var(--rs-bg-card);
@@ -14135,7 +14143,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14135
14143
  background-color: #fff;
14136
14144
  background-color: var(--rs-bg-card);
14137
14145
  border-bottom: 1px solid #f2f2f5;
14138
- border-bottom: 1px solid var(--rs-border-secondary);
14146
+ border-bottom: 1px solid var(--rs-table-border-color);
14139
14147
  }
14140
14148
  .rs-table-cell.first {
14141
14149
  border-left-width: 0;
@@ -14174,7 +14182,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14174
14182
  }
14175
14183
  .rs-table-cell-rowspan {
14176
14184
  border-bottom: 1px solid #f2f2f5 !important;
14177
- border-bottom: 1px solid var(--rs-border-secondary) !important;
14185
+ border-bottom: 1px solid var(--rs-table-border-color) !important;
14178
14186
  }
14179
14187
  .rs-table-cell-full-text:hover {
14180
14188
  z-index: 1 !important;
@@ -14282,11 +14290,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14282
14290
  }
14283
14291
  .rs-table-bordered {
14284
14292
  border: 1px solid #f2f2f5;
14285
- border: 1px solid var(--rs-border-secondary);
14293
+ border: 1px solid var(--rs-table-border-color);
14286
14294
  }
14287
14295
  .rs-table-cell-bordered .rs-table-cell {
14288
14296
  border-right: 1px solid #f2f2f5;
14289
- border-right: 1px solid var(--rs-border-secondary);
14297
+ border-right: 1px solid var(--rs-table-border-color);
14290
14298
  }
14291
14299
  .rs-table-column-group {
14292
14300
  position: absolute;
@@ -14297,7 +14305,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14297
14305
  }
14298
14306
  .rs-table-column-group-header {
14299
14307
  border-bottom: 1px solid #f2f2f5;
14300
- border-bottom: 1px solid var(--rs-border-secondary);
14308
+ border-bottom: 1px solid var(--rs-table-border-color);
14301
14309
  position: absolute;
14302
14310
  width: 100%;
14303
14311
  }
@@ -14308,7 +14316,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14308
14316
  .rs-table-column-group-cell {
14309
14317
  position: absolute;
14310
14318
  border-right: 1px solid #f2f2f5;
14311
- border-right: 1px solid var(--rs-border-secondary);
14319
+ border-right: 1px solid var(--rs-table-border-color);
14320
+ }
14321
+ .rs-table-row:not(.rs-table-row-rowspan) {
14322
+ border-bottom: 1px solid #f2f2f5;
14323
+ border-bottom: 1px solid var(--rs-table-border-color);
14312
14324
  }
14313
14325
  .rs-table-cell-expand-wrapper {
14314
14326
  margin-right: 10px;
@@ -15706,6 +15718,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
15706
15718
  opacity: 0.3;
15707
15719
  cursor: not-allowed;
15708
15720
  }
15721
+ .rs-uploader-file-item-disabled:hover {
15722
+ background-color: transparent !important;
15723
+ }
15709
15724
  .rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
15710
15725
  cursor: not-allowed;
15711
15726
  }
@@ -16954,13 +16969,19 @@ kbd.rs-text {
16954
16969
  -ms-flex-align: center;
16955
16970
  align-items: center;
16956
16971
  }
16957
- .rs-picker-error > .rs-input-group {
16958
- border-color: #f44336 !important;
16959
- border-color: var(--rs-state-error) !important;
16972
+ .rs-picker-error > .rs-picker-input-group {
16973
+ border-color: #f44336;
16974
+ border-color: var(--rs-picker-state-error);
16960
16975
  }
16961
- .rs-picker-error > .rs-input-group:focus-within {
16962
- outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
16963
- outline: var(--rs-state-error-outline) !important;
16976
+ .rs-picker-error > .rs-picker-input-group:hover {
16977
+ border-color: #f44336;
16978
+ border-color: var(--rs-picker-state-error);
16979
+ }
16980
+ .rs-picker-error > .rs-picker-input-group:focus-within {
16981
+ border-color: #f44336;
16982
+ border-color: var(--rs-picker-state-error);
16983
+ outline: 3px solid rgb(from #f44336 r g b / 25%);
16984
+ outline: var(--rs-picker-state-error-outline);
16964
16985
  }
16965
16986
  .rs-picker-toggle {
16966
16987
  display: -webkit-inline-box;