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-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 {
|
|
@@ -12117,6 +12124,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
12117
12124
|
bottom: -10px;
|
|
12118
12125
|
left: -10px;
|
|
12119
12126
|
}
|
|
12127
|
+
.rs-radio-control [type='radio']:disabled {
|
|
12128
|
+
cursor: not-allowed;
|
|
12129
|
+
}
|
|
12120
12130
|
.rs-radio-control::before,
|
|
12121
12131
|
.rs-radio-control .rs-radio-inner::before,
|
|
12122
12132
|
.rs-radio-control .rs-radio-inner::after {
|
|
@@ -13722,7 +13732,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
13722
13732
|
width: 100%;
|
|
13723
13733
|
z-index: 4;
|
|
13724
13734
|
border-top: 1px solid #f2f2f5;
|
|
13725
|
-
border-top: 1px solid var(--rs-border-
|
|
13735
|
+
border-top: 1px solid var(--rs-table-border-color);
|
|
13726
13736
|
padding: 10px;
|
|
13727
13737
|
background-color: #fff;
|
|
13728
13738
|
background-color: var(--rs-bg-card);
|
|
@@ -13868,7 +13878,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
13868
13878
|
background-color: #fff;
|
|
13869
13879
|
background-color: var(--rs-bg-card);
|
|
13870
13880
|
border-bottom: 1px solid #f2f2f5;
|
|
13871
|
-
border-bottom: 1px solid var(--rs-border-
|
|
13881
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
13872
13882
|
}
|
|
13873
13883
|
.rs-table-cell.first {
|
|
13874
13884
|
border-left-width: 0;
|
|
@@ -13907,7 +13917,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
13907
13917
|
}
|
|
13908
13918
|
.rs-table-cell-rowspan {
|
|
13909
13919
|
border-bottom: 1px solid #f2f2f5 !important;
|
|
13910
|
-
border-bottom: 1px solid var(--rs-border-
|
|
13920
|
+
border-bottom: 1px solid var(--rs-table-border-color) !important;
|
|
13911
13921
|
}
|
|
13912
13922
|
.rs-table-cell-full-text:hover {
|
|
13913
13923
|
z-index: 1 !important;
|
|
@@ -14015,11 +14025,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14015
14025
|
}
|
|
14016
14026
|
.rs-table-bordered {
|
|
14017
14027
|
border: 1px solid #f2f2f5;
|
|
14018
|
-
border: 1px solid var(--rs-border-
|
|
14028
|
+
border: 1px solid var(--rs-table-border-color);
|
|
14019
14029
|
}
|
|
14020
14030
|
.rs-table-cell-bordered .rs-table-cell {
|
|
14021
14031
|
border-right: 1px solid #f2f2f5;
|
|
14022
|
-
border-right: 1px solid var(--rs-border-
|
|
14032
|
+
border-right: 1px solid var(--rs-table-border-color);
|
|
14023
14033
|
}
|
|
14024
14034
|
.rs-table-column-group {
|
|
14025
14035
|
position: absolute;
|
|
@@ -14030,7 +14040,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14030
14040
|
}
|
|
14031
14041
|
.rs-table-column-group-header {
|
|
14032
14042
|
border-bottom: 1px solid #f2f2f5;
|
|
14033
|
-
border-bottom: 1px solid var(--rs-border-
|
|
14043
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
14034
14044
|
position: absolute;
|
|
14035
14045
|
width: 100%;
|
|
14036
14046
|
}
|
|
@@ -14041,7 +14051,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
14041
14051
|
.rs-table-column-group-cell {
|
|
14042
14052
|
position: absolute;
|
|
14043
14053
|
border-right: 1px solid #f2f2f5;
|
|
14044
|
-
border-right: 1px solid var(--rs-border-
|
|
14054
|
+
border-right: 1px solid var(--rs-table-border-color);
|
|
14055
|
+
}
|
|
14056
|
+
.rs-table-row:not(.rs-table-row-rowspan) {
|
|
14057
|
+
border-bottom: 1px solid #f2f2f5;
|
|
14058
|
+
border-bottom: 1px solid var(--rs-table-border-color);
|
|
14045
14059
|
}
|
|
14046
14060
|
.rs-table-cell-expand-wrapper {
|
|
14047
14061
|
margin-right: 10px;
|
|
@@ -15439,6 +15453,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
|
|
|
15439
15453
|
opacity: 0.3;
|
|
15440
15454
|
cursor: not-allowed;
|
|
15441
15455
|
}
|
|
15456
|
+
.rs-uploader-file-item-disabled:hover {
|
|
15457
|
+
background-color: transparent !important;
|
|
15458
|
+
}
|
|
15442
15459
|
.rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
|
|
15443
15460
|
cursor: not-allowed;
|
|
15444
15461
|
}
|
|
@@ -16687,13 +16704,19 @@ kbd.rs-text {
|
|
|
16687
16704
|
-ms-flex-align: center;
|
|
16688
16705
|
align-items: center;
|
|
16689
16706
|
}
|
|
16690
|
-
.rs-picker-error > .rs-input-group {
|
|
16691
|
-
border-color: #f44336
|
|
16692
|
-
border-color: var(--rs-state-error)
|
|
16707
|
+
.rs-picker-error > .rs-picker-input-group {
|
|
16708
|
+
border-color: #f44336;
|
|
16709
|
+
border-color: var(--rs-picker-state-error);
|
|
16693
16710
|
}
|
|
16694
|
-
.rs-picker-error > .rs-input-group:
|
|
16695
|
-
|
|
16696
|
-
|
|
16711
|
+
.rs-picker-error > .rs-picker-input-group:hover {
|
|
16712
|
+
border-color: #f44336;
|
|
16713
|
+
border-color: var(--rs-picker-state-error);
|
|
16714
|
+
}
|
|
16715
|
+
.rs-picker-error > .rs-picker-input-group:focus-within {
|
|
16716
|
+
border-color: #f44336;
|
|
16717
|
+
border-color: var(--rs-picker-state-error);
|
|
16718
|
+
outline: 3px solid rgb(from #f44336 r g b / 25%);
|
|
16719
|
+
outline: var(--rs-picker-state-error-outline);
|
|
16697
16720
|
}
|
|
16698
16721
|
.rs-picker-toggle {
|
|
16699
16722
|
display: -webkit-inline-box;
|