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.
- package/AutoComplete/styles/index.css +14 -6
- package/CHANGELOG.md +31 -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/Progress/styles/index.css +1 -0
- package/Progress/styles/index.less +1 -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/Drawer/Drawer.js +1 -0
- package/cjs/FormControl/hooks/useField.d.ts +1 -1
- package/cjs/FormControl/hooks/useField.js +15 -5
- package/cjs/Message/Message.js +10 -6
- package/cjs/Notification/Notification.d.ts +9 -5
- package/cjs/Notification/Notification.js +10 -6
- 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/hooks/useCustom.js +1 -1
- package/cjs/internals/hooks/useIsomorphicLayoutEffect.js +1 -1
- 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 +35 -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 +35 -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 +35 -14
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +35 -14
- package/dist/rsuite.js +46 -13
- 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/Drawer/Drawer.js +1 -0
- package/esm/FormControl/hooks/useField.d.ts +1 -1
- package/esm/FormControl/hooks/useField.js +13 -3
- package/esm/Message/Message.js +12 -8
- package/esm/Notification/Notification.d.ts +9 -5
- package/esm/Notification/Notification.js +12 -8
- 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/hooks/useCustom.js +1 -1
- package/esm/internals/hooks/useIsomorphicLayoutEffect.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 -2
- 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 {
|
|
@@ -12261,6 +12268,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
12261
12268
|
-ms-flex-preferred-size: auto;
|
|
12262
12269
|
flex-basis: auto;
|
|
12263
12270
|
padding-right: 0;
|
|
12271
|
+
padding-bottom: 12px;
|
|
12264
12272
|
width: auto;
|
|
12265
12273
|
}
|
|
12266
12274
|
.rs-progress-line.rs-progress-line-vertical .rs-progress-line-bg {
|
|
@@ -13973,7 +13981,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
13973
13981
|
width: 100%;
|
|
13974
13982
|
z-index: 4;
|
|
13975
13983
|
border-top: 1px solid #f2f2f5;
|
|
13976
|
-
border-top: 1px solid var(--rs-border-
|
|
13984
|
+
border-top: 1px solid var(--rs-table-border-color);
|
|
13977
13985
|
padding: 10px;
|
|
13978
13986
|
background-color: #fff;
|
|
13979
13987
|
background-color: var(--rs-bg-card);
|
|
@@ -14119,7 +14127,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14119
14127
|
background-color: #fff;
|
|
14120
14128
|
background-color: var(--rs-bg-card);
|
|
14121
14129
|
border-bottom: 1px solid #f2f2f5;
|
|
14122
|
-
border-bottom: 1px solid var(--rs-border-
|
|
14130
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
14123
14131
|
}
|
|
14124
14132
|
.rs-table-cell.first {
|
|
14125
14133
|
border-right-width: 0;
|
|
@@ -14158,7 +14166,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14158
14166
|
}
|
|
14159
14167
|
.rs-table-cell-rowspan {
|
|
14160
14168
|
border-bottom: 1px solid #f2f2f5 !important;
|
|
14161
|
-
border-bottom: 1px solid var(--rs-border-
|
|
14169
|
+
border-bottom: 1px solid var(--rs-table-border-color) !important;
|
|
14162
14170
|
}
|
|
14163
14171
|
.rs-table-cell-full-text:hover {
|
|
14164
14172
|
z-index: 1 !important;
|
|
@@ -14266,11 +14274,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14266
14274
|
}
|
|
14267
14275
|
.rs-table-bordered {
|
|
14268
14276
|
border: 1px solid #f2f2f5;
|
|
14269
|
-
border: 1px solid var(--rs-border-
|
|
14277
|
+
border: 1px solid var(--rs-table-border-color);
|
|
14270
14278
|
}
|
|
14271
14279
|
.rs-table-cell-bordered .rs-table-cell {
|
|
14272
14280
|
border-left: 1px solid #f2f2f5;
|
|
14273
|
-
border-left: 1px solid var(--rs-border-
|
|
14281
|
+
border-left: 1px solid var(--rs-table-border-color);
|
|
14274
14282
|
}
|
|
14275
14283
|
.rs-table-column-group {
|
|
14276
14284
|
position: absolute;
|
|
@@ -14281,7 +14289,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14281
14289
|
}
|
|
14282
14290
|
.rs-table-column-group-header {
|
|
14283
14291
|
border-bottom: 1px solid #f2f2f5;
|
|
14284
|
-
border-bottom: 1px solid var(--rs-border-
|
|
14292
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
14285
14293
|
position: absolute;
|
|
14286
14294
|
width: 100%;
|
|
14287
14295
|
}
|
|
@@ -14292,7 +14300,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14292
14300
|
.rs-table-column-group-cell {
|
|
14293
14301
|
position: absolute;
|
|
14294
14302
|
border-left: 1px solid #f2f2f5;
|
|
14295
|
-
border-left: 1px solid var(--rs-border-
|
|
14303
|
+
border-left: 1px solid var(--rs-table-border-color);
|
|
14304
|
+
}
|
|
14305
|
+
.rs-table-row:not(.rs-table-row-rowspan) {
|
|
14306
|
+
border-bottom: 1px solid #f2f2f5;
|
|
14307
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
14296
14308
|
}
|
|
14297
14309
|
.rs-table-cell-expand-wrapper {
|
|
14298
14310
|
margin-left: 10px;
|
|
@@ -15686,6 +15698,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
15686
15698
|
opacity: 0.3;
|
|
15687
15699
|
cursor: not-allowed;
|
|
15688
15700
|
}
|
|
15701
|
+
.rs-uploader-file-item-disabled:hover {
|
|
15702
|
+
background-color: transparent !important;
|
|
15703
|
+
}
|
|
15689
15704
|
.rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
|
|
15690
15705
|
cursor: not-allowed;
|
|
15691
15706
|
}
|
|
@@ -16934,13 +16949,19 @@ kbd.rs-text {
|
|
|
16934
16949
|
-ms-flex-align: center;
|
|
16935
16950
|
align-items: center;
|
|
16936
16951
|
}
|
|
16937
|
-
.rs-picker-error > .rs-input-group {
|
|
16938
|
-
border-color: #f44336
|
|
16939
|
-
border-color: var(--rs-state-error)
|
|
16952
|
+
.rs-picker-error > .rs-picker-input-group {
|
|
16953
|
+
border-color: #f44336;
|
|
16954
|
+
border-color: var(--rs-picker-state-error);
|
|
16940
16955
|
}
|
|
16941
|
-
.rs-picker-error > .rs-input-group:
|
|
16942
|
-
|
|
16943
|
-
|
|
16956
|
+
.rs-picker-error > .rs-picker-input-group:hover {
|
|
16957
|
+
border-color: #f44336;
|
|
16958
|
+
border-color: var(--rs-picker-state-error);
|
|
16959
|
+
}
|
|
16960
|
+
.rs-picker-error > .rs-picker-input-group:focus-within {
|
|
16961
|
+
border-color: #f44336;
|
|
16962
|
+
border-color: var(--rs-picker-state-error);
|
|
16963
|
+
outline: 3px solid rgb(from #f44336 r g b / 25%);
|
|
16964
|
+
outline: var(--rs-picker-state-error-outline);
|
|
16944
16965
|
}
|
|
16945
16966
|
.rs-picker-toggle {
|
|
16946
16967
|
display: -webkit-inline-box;
|