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.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 {
@@ -13989,7 +13996,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13989
13996
  width: 100%;
13990
13997
  z-index: 4;
13991
13998
  border-top: 1px solid #f2f2f5;
13992
- border-top: 1px solid var(--rs-border-secondary);
13999
+ border-top: 1px solid var(--rs-table-border-color);
13993
14000
  padding: 10px;
13994
14001
  background-color: #fff;
13995
14002
  background-color: var(--rs-bg-card);
@@ -14135,7 +14142,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14135
14142
  background-color: #fff;
14136
14143
  background-color: var(--rs-bg-card);
14137
14144
  border-bottom: 1px solid #f2f2f5;
14138
- border-bottom: 1px solid var(--rs-border-secondary);
14145
+ border-bottom: 1px solid var(--rs-table-border-color);
14139
14146
  }
14140
14147
  .rs-table-cell.first {
14141
14148
  border-left-width: 0;
@@ -14174,7 +14181,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14174
14181
  }
14175
14182
  .rs-table-cell-rowspan {
14176
14183
  border-bottom: 1px solid #f2f2f5 !important;
14177
- border-bottom: 1px solid var(--rs-border-secondary) !important;
14184
+ border-bottom: 1px solid var(--rs-table-border-color) !important;
14178
14185
  }
14179
14186
  .rs-table-cell-full-text:hover {
14180
14187
  z-index: 1 !important;
@@ -14282,11 +14289,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14282
14289
  }
14283
14290
  .rs-table-bordered {
14284
14291
  border: 1px solid #f2f2f5;
14285
- border: 1px solid var(--rs-border-secondary);
14292
+ border: 1px solid var(--rs-table-border-color);
14286
14293
  }
14287
14294
  .rs-table-cell-bordered .rs-table-cell {
14288
14295
  border-right: 1px solid #f2f2f5;
14289
- border-right: 1px solid var(--rs-border-secondary);
14296
+ border-right: 1px solid var(--rs-table-border-color);
14290
14297
  }
14291
14298
  .rs-table-column-group {
14292
14299
  position: absolute;
@@ -14297,7 +14304,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14297
14304
  }
14298
14305
  .rs-table-column-group-header {
14299
14306
  border-bottom: 1px solid #f2f2f5;
14300
- border-bottom: 1px solid var(--rs-border-secondary);
14307
+ border-bottom: 1px solid var(--rs-table-border-color);
14301
14308
  position: absolute;
14302
14309
  width: 100%;
14303
14310
  }
@@ -14308,7 +14315,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14308
14315
  .rs-table-column-group-cell {
14309
14316
  position: absolute;
14310
14317
  border-right: 1px solid #f2f2f5;
14311
- border-right: 1px solid var(--rs-border-secondary);
14318
+ border-right: 1px solid var(--rs-table-border-color);
14319
+ }
14320
+ .rs-table-row:not(.rs-table-row-rowspan) {
14321
+ border-bottom: 1px solid #f2f2f5;
14322
+ border-bottom: 1px solid var(--rs-table-border-color);
14312
14323
  }
14313
14324
  .rs-table-cell-expand-wrapper {
14314
14325
  margin-right: 10px;
@@ -15706,6 +15717,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
15706
15717
  opacity: 0.3;
15707
15718
  cursor: not-allowed;
15708
15719
  }
15720
+ .rs-uploader-file-item-disabled:hover {
15721
+ background-color: transparent !important;
15722
+ }
15709
15723
  .rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
15710
15724
  cursor: not-allowed;
15711
15725
  }
@@ -16954,13 +16968,19 @@ kbd.rs-text {
16954
16968
  -ms-flex-align: center;
16955
16969
  align-items: center;
16956
16970
  }
16957
- .rs-picker-error > .rs-input-group {
16958
- border-color: #f44336 !important;
16959
- border-color: var(--rs-state-error) !important;
16971
+ .rs-picker-error > .rs-picker-input-group {
16972
+ border-color: #f44336;
16973
+ border-color: var(--rs-picker-state-error);
16974
+ }
16975
+ .rs-picker-error > .rs-picker-input-group:hover {
16976
+ border-color: #f44336;
16977
+ border-color: var(--rs-picker-state-error);
16960
16978
  }
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;
16979
+ .rs-picker-error > .rs-picker-input-group:focus-within {
16980
+ border-color: #f44336;
16981
+ border-color: var(--rs-picker-state-error);
16982
+ outline: 3px solid rgb(from #f44336 r g b / 25%);
16983
+ outline: var(--rs-picker-state-error-outline);
16964
16984
  }
16965
16985
  .rs-picker-toggle {
16966
16986
  display: -webkit-inline-box;