rsuite 5.64.1 → 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 (89) hide show
  1. package/AutoComplete/styles/index.css +14 -6
  2. package/CHANGELOG.md +30 -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/Radio/styles/index.css +3 -0
  17. package/Radio/styles/index.less +4 -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/Message/Message.js +10 -6
  29. package/cjs/Notification/Notification.d.ts +9 -5
  30. package/cjs/Notification/Notification.js +10 -6
  31. package/cjs/Panel/PanelBody.js +4 -3
  32. package/cjs/Stack/HStack.d.ts +10 -0
  33. package/cjs/Stack/HStack.js +29 -0
  34. package/cjs/Stack/VStack.d.ts +7 -0
  35. package/cjs/Stack/VStack.js +32 -0
  36. package/cjs/Stack/index.d.ts +4 -0
  37. package/cjs/Stack/index.js +5 -1
  38. package/cjs/index.d.ts +2 -2
  39. package/cjs/index.js +4 -2
  40. package/cjs/internals/types/index.d.ts +1 -0
  41. package/cjs/toaster/ToastContainer.d.ts +11 -2
  42. package/cjs/toaster/ToastContainer.js +28 -18
  43. package/cjs/toaster/ToastContext.d.ts +2 -0
  44. package/cjs/toaster/hooks/useDelayedClosure.d.ts +27 -0
  45. package/cjs/toaster/hooks/useDelayedClosure.js +47 -0
  46. package/dist/rsuite-no-reset-rtl.css +37 -14
  47. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  48. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  49. package/dist/rsuite-no-reset.css +37 -14
  50. package/dist/rsuite-no-reset.min.css +1 -1
  51. package/dist/rsuite-no-reset.min.css.map +1 -1
  52. package/dist/rsuite-rtl.css +37 -14
  53. package/dist/rsuite-rtl.min.css +1 -1
  54. package/dist/rsuite-rtl.min.css.map +1 -1
  55. package/dist/rsuite.css +37 -14
  56. package/dist/rsuite.js +43 -10
  57. package/dist/rsuite.js.map +1 -1
  58. package/dist/rsuite.min.css +1 -1
  59. package/dist/rsuite.min.css.map +1 -1
  60. package/dist/rsuite.min.js +1 -1
  61. package/dist/rsuite.min.js.map +1 -1
  62. package/esm/DatePicker/DatePicker.js +3 -2
  63. package/esm/DateRangePicker/DateRangePicker.js +3 -2
  64. package/esm/Message/Message.js +12 -8
  65. package/esm/Notification/Notification.d.ts +9 -5
  66. package/esm/Notification/Notification.js +12 -8
  67. package/esm/Panel/PanelBody.js +4 -3
  68. package/esm/Stack/HStack.d.ts +10 -0
  69. package/esm/Stack/HStack.js +24 -0
  70. package/esm/Stack/VStack.d.ts +7 -0
  71. package/esm/Stack/VStack.js +27 -0
  72. package/esm/Stack/index.d.ts +4 -0
  73. package/esm/Stack/index.js +2 -0
  74. package/esm/index.d.ts +2 -2
  75. package/esm/index.js +1 -1
  76. package/esm/internals/types/index.d.ts +1 -0
  77. package/esm/toaster/ToastContainer.d.ts +11 -2
  78. package/esm/toaster/ToastContainer.js +28 -18
  79. package/esm/toaster/ToastContext.d.ts +2 -0
  80. package/esm/toaster/hooks/useDelayedClosure.d.ts +27 -0
  81. package/esm/toaster/hooks/useDelayedClosure.js +42 -0
  82. package/internals/Picker/styles/index.less +9 -4
  83. package/package.json +1 -3
  84. package/styles/color-modes/dark.less +1 -0
  85. package/styles/color-modes/high-contrast.less +1 -0
  86. package/styles/color-modes/light.less +3 -0
  87. package/styles/color-modes.less +4 -3
  88. package/styles/mixins/color-modes.less +4 -2
  89. 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 {
@@ -12381,6 +12388,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
12381
12388
  bottom: -10px;
12382
12389
  left: -10px;
12383
12390
  }
12391
+ .rs-radio-control [type='radio']:disabled {
12392
+ cursor: not-allowed;
12393
+ }
12384
12394
  .rs-radio-control::before,
12385
12395
  .rs-radio-control .rs-radio-inner::before,
12386
12396
  .rs-radio-control .rs-radio-inner::after {
@@ -13986,7 +13996,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
13986
13996
  width: 100%;
13987
13997
  z-index: 4;
13988
13998
  border-top: 1px solid #f2f2f5;
13989
- border-top: 1px solid var(--rs-border-secondary);
13999
+ border-top: 1px solid var(--rs-table-border-color);
13990
14000
  padding: 10px;
13991
14001
  background-color: #fff;
13992
14002
  background-color: var(--rs-bg-card);
@@ -14132,7 +14142,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14132
14142
  background-color: #fff;
14133
14143
  background-color: var(--rs-bg-card);
14134
14144
  border-bottom: 1px solid #f2f2f5;
14135
- border-bottom: 1px solid var(--rs-border-secondary);
14145
+ border-bottom: 1px solid var(--rs-table-border-color);
14136
14146
  }
14137
14147
  .rs-table-cell.first {
14138
14148
  border-left-width: 0;
@@ -14171,7 +14181,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14171
14181
  }
14172
14182
  .rs-table-cell-rowspan {
14173
14183
  border-bottom: 1px solid #f2f2f5 !important;
14174
- border-bottom: 1px solid var(--rs-border-secondary) !important;
14184
+ border-bottom: 1px solid var(--rs-table-border-color) !important;
14175
14185
  }
14176
14186
  .rs-table-cell-full-text:hover {
14177
14187
  z-index: 1 !important;
@@ -14279,11 +14289,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14279
14289
  }
14280
14290
  .rs-table-bordered {
14281
14291
  border: 1px solid #f2f2f5;
14282
- border: 1px solid var(--rs-border-secondary);
14292
+ border: 1px solid var(--rs-table-border-color);
14283
14293
  }
14284
14294
  .rs-table-cell-bordered .rs-table-cell {
14285
14295
  border-right: 1px solid #f2f2f5;
14286
- border-right: 1px solid var(--rs-border-secondary);
14296
+ border-right: 1px solid var(--rs-table-border-color);
14287
14297
  }
14288
14298
  .rs-table-column-group {
14289
14299
  position: absolute;
@@ -14294,7 +14304,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14294
14304
  }
14295
14305
  .rs-table-column-group-header {
14296
14306
  border-bottom: 1px solid #f2f2f5;
14297
- border-bottom: 1px solid var(--rs-border-secondary);
14307
+ border-bottom: 1px solid var(--rs-table-border-color);
14298
14308
  position: absolute;
14299
14309
  width: 100%;
14300
14310
  }
@@ -14305,7 +14315,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14305
14315
  .rs-table-column-group-cell {
14306
14316
  position: absolute;
14307
14317
  border-right: 1px solid #f2f2f5;
14308
- 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);
14309
14323
  }
14310
14324
  .rs-table-cell-expand-wrapper {
14311
14325
  margin-right: 10px;
@@ -15703,6 +15717,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
15703
15717
  opacity: 0.3;
15704
15718
  cursor: not-allowed;
15705
15719
  }
15720
+ .rs-uploader-file-item-disabled:hover {
15721
+ background-color: transparent !important;
15722
+ }
15706
15723
  .rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
15707
15724
  cursor: not-allowed;
15708
15725
  }
@@ -16951,13 +16968,19 @@ kbd.rs-text {
16951
16968
  -ms-flex-align: center;
16952
16969
  align-items: center;
16953
16970
  }
16954
- .rs-picker-error > .rs-input-group {
16955
- border-color: #f44336 !important;
16956
- 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);
16957
16974
  }
16958
- .rs-picker-error > .rs-input-group:focus-within {
16959
- outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
16960
- outline: var(--rs-state-error-outline) !important;
16975
+ .rs-picker-error > .rs-picker-input-group:hover {
16976
+ border-color: #f44336;
16977
+ border-color: var(--rs-picker-state-error);
16978
+ }
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);
16961
16984
  }
16962
16985
  .rs-picker-toggle {
16963
16986
  display: -webkit-inline-box;