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.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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
16956
|
-
border-color: var(--rs-state-error)
|
|
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:
|
|
16959
|
-
|
|
16960
|
-
|
|
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;
|