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-no-reset.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);
|
|
@@ -4748,13 +4753,15 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
|
|
|
4748
4753
|
}
|
|
4749
4754
|
.rs-divider-vertical {
|
|
4750
4755
|
display: inline-block;
|
|
4751
|
-
height: 1em;
|
|
4756
|
+
min-height: 1em;
|
|
4757
|
+
height: 100%;
|
|
4752
4758
|
width: 1px;
|
|
4753
4759
|
vertical-align: middle;
|
|
4754
4760
|
margin: 0 12px;
|
|
4755
4761
|
}
|
|
4756
4762
|
.rs-divider-horizontal {
|
|
4757
4763
|
height: 1px;
|
|
4764
|
+
width: 100%;
|
|
4758
4765
|
margin: 24px 0;
|
|
4759
4766
|
}
|
|
4760
4767
|
.rs-divider-horizontal.rs-divider-with-text {
|
|
@@ -12013,6 +12020,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
12013
12020
|
-ms-flex-preferred-size: auto;
|
|
12014
12021
|
flex-basis: auto;
|
|
12015
12022
|
padding-left: 0;
|
|
12023
|
+
padding-bottom: 12px;
|
|
12016
12024
|
width: auto;
|
|
12017
12025
|
}
|
|
12018
12026
|
.rs-progress-line.rs-progress-line-vertical .rs-progress-line-bg {
|
|
@@ -13725,7 +13733,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
13725
13733
|
width: 100%;
|
|
13726
13734
|
z-index: 4;
|
|
13727
13735
|
border-top: 1px solid #f2f2f5;
|
|
13728
|
-
border-top: 1px solid var(--rs-border-
|
|
13736
|
+
border-top: 1px solid var(--rs-table-border-color);
|
|
13729
13737
|
padding: 10px;
|
|
13730
13738
|
background-color: #fff;
|
|
13731
13739
|
background-color: var(--rs-bg-card);
|
|
@@ -13871,7 +13879,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
13871
13879
|
background-color: #fff;
|
|
13872
13880
|
background-color: var(--rs-bg-card);
|
|
13873
13881
|
border-bottom: 1px solid #f2f2f5;
|
|
13874
|
-
border-bottom: 1px solid var(--rs-border-
|
|
13882
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
13875
13883
|
}
|
|
13876
13884
|
.rs-table-cell.first {
|
|
13877
13885
|
border-left-width: 0;
|
|
@@ -13910,7 +13918,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
13910
13918
|
}
|
|
13911
13919
|
.rs-table-cell-rowspan {
|
|
13912
13920
|
border-bottom: 1px solid #f2f2f5 !important;
|
|
13913
|
-
border-bottom: 1px solid var(--rs-border-
|
|
13921
|
+
border-bottom: 1px solid var(--rs-table-border-color) !important;
|
|
13914
13922
|
}
|
|
13915
13923
|
.rs-table-cell-full-text:hover {
|
|
13916
13924
|
z-index: 1 !important;
|
|
@@ -14018,11 +14026,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14018
14026
|
}
|
|
14019
14027
|
.rs-table-bordered {
|
|
14020
14028
|
border: 1px solid #f2f2f5;
|
|
14021
|
-
border: 1px solid var(--rs-border-
|
|
14029
|
+
border: 1px solid var(--rs-table-border-color);
|
|
14022
14030
|
}
|
|
14023
14031
|
.rs-table-cell-bordered .rs-table-cell {
|
|
14024
14032
|
border-right: 1px solid #f2f2f5;
|
|
14025
|
-
border-right: 1px solid var(--rs-border-
|
|
14033
|
+
border-right: 1px solid var(--rs-table-border-color);
|
|
14026
14034
|
}
|
|
14027
14035
|
.rs-table-column-group {
|
|
14028
14036
|
position: absolute;
|
|
@@ -14033,7 +14041,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14033
14041
|
}
|
|
14034
14042
|
.rs-table-column-group-header {
|
|
14035
14043
|
border-bottom: 1px solid #f2f2f5;
|
|
14036
|
-
border-bottom: 1px solid var(--rs-border-
|
|
14044
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
14037
14045
|
position: absolute;
|
|
14038
14046
|
width: 100%;
|
|
14039
14047
|
}
|
|
@@ -14044,7 +14052,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14044
14052
|
.rs-table-column-group-cell {
|
|
14045
14053
|
position: absolute;
|
|
14046
14054
|
border-right: 1px solid #f2f2f5;
|
|
14047
|
-
border-right: 1px solid var(--rs-border-
|
|
14055
|
+
border-right: 1px solid var(--rs-table-border-color);
|
|
14056
|
+
}
|
|
14057
|
+
.rs-table-row:not(.rs-table-row-rowspan) {
|
|
14058
|
+
border-bottom: 1px solid #f2f2f5;
|
|
14059
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
14048
14060
|
}
|
|
14049
14061
|
.rs-table-cell-expand-wrapper {
|
|
14050
14062
|
margin-right: 10px;
|
|
@@ -15442,6 +15454,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
15442
15454
|
opacity: 0.3;
|
|
15443
15455
|
cursor: not-allowed;
|
|
15444
15456
|
}
|
|
15457
|
+
.rs-uploader-file-item-disabled:hover {
|
|
15458
|
+
background-color: transparent !important;
|
|
15459
|
+
}
|
|
15445
15460
|
.rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
|
|
15446
15461
|
cursor: not-allowed;
|
|
15447
15462
|
}
|
|
@@ -16690,13 +16705,19 @@ kbd.rs-text {
|
|
|
16690
16705
|
-ms-flex-align: center;
|
|
16691
16706
|
align-items: center;
|
|
16692
16707
|
}
|
|
16693
|
-
.rs-picker-error > .rs-input-group {
|
|
16694
|
-
border-color: #f44336
|
|
16695
|
-
border-color: var(--rs-state-error)
|
|
16708
|
+
.rs-picker-error > .rs-picker-input-group {
|
|
16709
|
+
border-color: #f44336;
|
|
16710
|
+
border-color: var(--rs-picker-state-error);
|
|
16696
16711
|
}
|
|
16697
|
-
.rs-picker-error > .rs-input-group:
|
|
16698
|
-
|
|
16699
|
-
|
|
16712
|
+
.rs-picker-error > .rs-picker-input-group:hover {
|
|
16713
|
+
border-color: #f44336;
|
|
16714
|
+
border-color: var(--rs-picker-state-error);
|
|
16715
|
+
}
|
|
16716
|
+
.rs-picker-error > .rs-picker-input-group:focus-within {
|
|
16717
|
+
border-color: #f44336;
|
|
16718
|
+
border-color: var(--rs-picker-state-error);
|
|
16719
|
+
outline: 3px solid rgb(from #f44336 r g b / 25%);
|
|
16720
|
+
outline: var(--rs-picker-state-error-outline);
|
|
16700
16721
|
}
|
|
16701
16722
|
.rs-picker-toggle {
|
|
16702
16723
|
display: -webkit-inline-box;
|