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.
- package/AutoComplete/styles/index.css +14 -6
- package/CHANGELOG.md +30 -0
- package/Cascader/styles/index.css +14 -6
- package/CheckPicker/styles/index.css +14 -6
- package/CheckTree/styles/index.css +14 -6
- package/CheckTreePicker/styles/index.css +14 -6
- package/DatePicker/styles/index.css +14 -6
- package/DateRangePicker/styles/index.css +14 -6
- package/Divider/styles/index.css +3 -1
- package/Divider/styles/index.less +3 -1
- package/HStack/package.json +7 -0
- package/InputPicker/styles/index.css +14 -6
- package/MultiCascadeTree/styles/index.css +14 -6
- package/MultiCascader/styles/index.css +14 -6
- package/Pagination/styles/index.css +17 -7
- package/Radio/styles/index.css +3 -0
- package/Radio/styles/index.less +4 -0
- package/SelectPicker/styles/index.css +14 -6
- package/Table/styles/index.css +14 -7
- package/Table/styles/index.less +11 -7
- package/TagInput/styles/index.css +14 -6
- package/TagPicker/styles/index.css +14 -6
- package/Uploader/styles/index.css +3 -0
- package/Uploader/styles/index.less +4 -0
- package/VStack/package.json +7 -0
- package/cjs/DatePicker/DatePicker.js +3 -2
- package/cjs/DateRangePicker/DateRangePicker.js +3 -2
- package/cjs/Message/Message.js +10 -6
- package/cjs/Notification/Notification.d.ts +9 -5
- package/cjs/Notification/Notification.js +10 -6
- package/cjs/Panel/PanelBody.js +4 -3
- package/cjs/Stack/HStack.d.ts +10 -0
- package/cjs/Stack/HStack.js +29 -0
- package/cjs/Stack/VStack.d.ts +7 -0
- package/cjs/Stack/VStack.js +32 -0
- package/cjs/Stack/index.d.ts +4 -0
- package/cjs/Stack/index.js +5 -1
- package/cjs/index.d.ts +2 -2
- package/cjs/index.js +4 -2
- package/cjs/internals/types/index.d.ts +1 -0
- package/cjs/toaster/ToastContainer.d.ts +11 -2
- package/cjs/toaster/ToastContainer.js +28 -18
- package/cjs/toaster/ToastContext.d.ts +2 -0
- package/cjs/toaster/hooks/useDelayedClosure.d.ts +27 -0
- package/cjs/toaster/hooks/useDelayedClosure.js +47 -0
- package/dist/rsuite-no-reset-rtl.css +37 -14
- package/dist/rsuite-no-reset-rtl.min.css +1 -1
- package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
- package/dist/rsuite-no-reset.css +37 -14
- package/dist/rsuite-no-reset.min.css +1 -1
- package/dist/rsuite-no-reset.min.css.map +1 -1
- package/dist/rsuite-rtl.css +37 -14
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +37 -14
- package/dist/rsuite.js +43 -10
- package/dist/rsuite.js.map +1 -1
- package/dist/rsuite.min.css +1 -1
- package/dist/rsuite.min.css.map +1 -1
- package/dist/rsuite.min.js +1 -1
- package/dist/rsuite.min.js.map +1 -1
- package/esm/DatePicker/DatePicker.js +3 -2
- package/esm/DateRangePicker/DateRangePicker.js +3 -2
- package/esm/Message/Message.js +12 -8
- package/esm/Notification/Notification.d.ts +9 -5
- package/esm/Notification/Notification.js +12 -8
- package/esm/Panel/PanelBody.js +4 -3
- package/esm/Stack/HStack.d.ts +10 -0
- package/esm/Stack/HStack.js +24 -0
- package/esm/Stack/VStack.d.ts +7 -0
- package/esm/Stack/VStack.js +27 -0
- package/esm/Stack/index.d.ts +4 -0
- package/esm/Stack/index.js +2 -0
- package/esm/index.d.ts +2 -2
- package/esm/index.js +1 -1
- package/esm/internals/types/index.d.ts +1 -0
- package/esm/toaster/ToastContainer.d.ts +11 -2
- package/esm/toaster/ToastContainer.js +28 -18
- package/esm/toaster/ToastContext.d.ts +2 -0
- package/esm/toaster/hooks/useDelayedClosure.d.ts +27 -0
- package/esm/toaster/hooks/useDelayedClosure.js +42 -0
- package/internals/Picker/styles/index.less +9 -4
- package/package.json +1 -3
- package/styles/color-modes/dark.less +1 -0
- package/styles/color-modes/high-contrast.less +1 -0
- package/styles/color-modes/light.less +3 -0
- package/styles/color-modes.less +4 -3
- package/styles/mixins/color-modes.less +4 -2
- 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 {
|
|
@@ -12365,6 +12372,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
12365
12372
|
bottom: -10px;
|
|
12366
12373
|
right: -10px;
|
|
12367
12374
|
}
|
|
12375
|
+
.rs-radio-control [type='radio']:disabled {
|
|
12376
|
+
cursor: not-allowed;
|
|
12377
|
+
}
|
|
12368
12378
|
.rs-radio-control::before,
|
|
12369
12379
|
.rs-radio-control .rs-radio-inner::before,
|
|
12370
12380
|
.rs-radio-control .rs-radio-inner::after {
|
|
@@ -13970,7 +13980,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
13970
13980
|
width: 100%;
|
|
13971
13981
|
z-index: 4;
|
|
13972
13982
|
border-top: 1px solid #f2f2f5;
|
|
13973
|
-
border-top: 1px solid var(--rs-border-
|
|
13983
|
+
border-top: 1px solid var(--rs-table-border-color);
|
|
13974
13984
|
padding: 10px;
|
|
13975
13985
|
background-color: #fff;
|
|
13976
13986
|
background-color: var(--rs-bg-card);
|
|
@@ -14116,7 +14126,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14116
14126
|
background-color: #fff;
|
|
14117
14127
|
background-color: var(--rs-bg-card);
|
|
14118
14128
|
border-bottom: 1px solid #f2f2f5;
|
|
14119
|
-
border-bottom: 1px solid var(--rs-border-
|
|
14129
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
14120
14130
|
}
|
|
14121
14131
|
.rs-table-cell.first {
|
|
14122
14132
|
border-right-width: 0;
|
|
@@ -14155,7 +14165,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14155
14165
|
}
|
|
14156
14166
|
.rs-table-cell-rowspan {
|
|
14157
14167
|
border-bottom: 1px solid #f2f2f5 !important;
|
|
14158
|
-
border-bottom: 1px solid var(--rs-border-
|
|
14168
|
+
border-bottom: 1px solid var(--rs-table-border-color) !important;
|
|
14159
14169
|
}
|
|
14160
14170
|
.rs-table-cell-full-text:hover {
|
|
14161
14171
|
z-index: 1 !important;
|
|
@@ -14263,11 +14273,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14263
14273
|
}
|
|
14264
14274
|
.rs-table-bordered {
|
|
14265
14275
|
border: 1px solid #f2f2f5;
|
|
14266
|
-
border: 1px solid var(--rs-border-
|
|
14276
|
+
border: 1px solid var(--rs-table-border-color);
|
|
14267
14277
|
}
|
|
14268
14278
|
.rs-table-cell-bordered .rs-table-cell {
|
|
14269
14279
|
border-left: 1px solid #f2f2f5;
|
|
14270
|
-
border-left: 1px solid var(--rs-border-
|
|
14280
|
+
border-left: 1px solid var(--rs-table-border-color);
|
|
14271
14281
|
}
|
|
14272
14282
|
.rs-table-column-group {
|
|
14273
14283
|
position: absolute;
|
|
@@ -14278,7 +14288,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14278
14288
|
}
|
|
14279
14289
|
.rs-table-column-group-header {
|
|
14280
14290
|
border-bottom: 1px solid #f2f2f5;
|
|
14281
|
-
border-bottom: 1px solid var(--rs-border-
|
|
14291
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
14282
14292
|
position: absolute;
|
|
14283
14293
|
width: 100%;
|
|
14284
14294
|
}
|
|
@@ -14289,7 +14299,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14289
14299
|
.rs-table-column-group-cell {
|
|
14290
14300
|
position: absolute;
|
|
14291
14301
|
border-left: 1px solid #f2f2f5;
|
|
14292
|
-
border-left: 1px solid var(--rs-border-
|
|
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);
|
|
14293
14307
|
}
|
|
14294
14308
|
.rs-table-cell-expand-wrapper {
|
|
14295
14309
|
margin-left: 10px;
|
|
@@ -15683,6 +15697,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
15683
15697
|
opacity: 0.3;
|
|
15684
15698
|
cursor: not-allowed;
|
|
15685
15699
|
}
|
|
15700
|
+
.rs-uploader-file-item-disabled:hover {
|
|
15701
|
+
background-color: transparent !important;
|
|
15702
|
+
}
|
|
15686
15703
|
.rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
|
|
15687
15704
|
cursor: not-allowed;
|
|
15688
15705
|
}
|
|
@@ -16931,13 +16948,19 @@ kbd.rs-text {
|
|
|
16931
16948
|
-ms-flex-align: center;
|
|
16932
16949
|
align-items: center;
|
|
16933
16950
|
}
|
|
16934
|
-
.rs-picker-error > .rs-input-group {
|
|
16935
|
-
border-color: #f44336
|
|
16936
|
-
border-color: var(--rs-state-error)
|
|
16951
|
+
.rs-picker-error > .rs-picker-input-group {
|
|
16952
|
+
border-color: #f44336;
|
|
16953
|
+
border-color: var(--rs-picker-state-error);
|
|
16937
16954
|
}
|
|
16938
|
-
.rs-picker-error > .rs-input-group:
|
|
16939
|
-
|
|
16940
|
-
|
|
16955
|
+
.rs-picker-error > .rs-picker-input-group:hover {
|
|
16956
|
+
border-color: #f44336;
|
|
16957
|
+
border-color: var(--rs-picker-state-error);
|
|
16958
|
+
}
|
|
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);
|
|
16941
16964
|
}
|
|
16942
16965
|
.rs-picker-toggle {
|
|
16943
16966
|
display: -webkit-inline-box;
|