rsuite 5.65.1 → 5.67.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.
Files changed (120) hide show
  1. package/Accordion/styles/index.css +9 -9
  2. package/AutoComplete/styles/index.css +59 -56
  3. package/Avatar/styles/index.css +2 -2
  4. package/Breadcrumb/styles/index.css +4 -4
  5. package/Button/styles/index.css +20 -21
  6. package/Button/styles/index.less +0 -1
  7. package/CHANGELOG.md +32 -0
  8. package/Calendar/styles/index.css +32 -33
  9. package/Carousel/styles/index.css +4 -4
  10. package/CascadeTree/styles/index.css +9 -9
  11. package/Cascader/styles/index.css +63 -60
  12. package/CheckPicker/styles/index.css +61 -58
  13. package/CheckTree/styles/index.css +62 -59
  14. package/CheckTreePicker/styles/index.css +62 -59
  15. package/Checkbox/styles/index.css +6 -6
  16. package/DateInput/styles/index.css +11 -11
  17. package/DatePicker/styles/index.css +70 -67
  18. package/DateRangeInput/styles/index.css +11 -11
  19. package/DateRangePicker/styles/index.css +71 -68
  20. package/Divider/styles/index.css +1 -1
  21. package/Drawer/styles/index.css +7 -7
  22. package/Dropdown/styles/index.css +26 -27
  23. package/FormControlLabel/styles/index.css +2 -2
  24. package/FormHelpText/styles/index.css +2 -2
  25. package/IconButton/styles/index.css +21 -22
  26. package/InlineEdit/styles/index.css +1 -1
  27. package/Input/styles/index.css +11 -11
  28. package/InputGroup/styles/index.css +28 -29
  29. package/InputNumber/styles/index.css +34 -35
  30. package/InputPicker/styles/index.css +62 -59
  31. package/List/styles/index.css +3 -3
  32. package/Loader/styles/index.css +10 -6
  33. package/Loader/styles/index.less +4 -0
  34. package/Message/styles/index.css +12 -12
  35. package/Modal/styles/index.css +9 -9
  36. package/MultiCascadeTree/styles/index.css +64 -61
  37. package/MultiCascader/styles/index.css +64 -61
  38. package/Nav/styles/index.css +30 -31
  39. package/NavItem/package.json +3 -3
  40. package/Navbar/styles/index.css +30 -31
  41. package/Notification/styles/index.css +6 -6
  42. package/Pagination/styles/index.css +69 -66
  43. package/Panel/styles/index.css +9 -9
  44. package/PanelGroup/styles/index.css +1 -1
  45. package/Placeholder/styles/index.css +3 -3
  46. package/Popover/styles/index.css +3 -3
  47. package/Progress/styles/index.css +3 -3
  48. package/Radio/styles/index.css +6 -6
  49. package/RadioGroup/styles/index.css +5 -5
  50. package/RangeSlider/styles/index.css +12 -12
  51. package/Rate/styles/index.css +2 -2
  52. package/SelectPicker/styles/index.css +62 -59
  53. package/Sidenav/styles/index.css +12 -12
  54. package/Slider/styles/index.css +12 -12
  55. package/Steps/styles/index.css +8 -8
  56. package/Table/styles/index.css +9 -9
  57. package/Tabs/styles/index.css +30 -31
  58. package/Tag/styles/index.css +3 -3
  59. package/TagInput/styles/index.css +63 -60
  60. package/TagPicker/styles/index.css +63 -60
  61. package/Text/styles/index.css +5 -5
  62. package/Timeline/styles/index.css +1 -1
  63. package/Toggle/styles/index.css +9 -9
  64. package/Tooltip/styles/index.css +9 -9
  65. package/Tree/styles/index.css +9 -9
  66. package/TreePicker/styles/index.css +9 -9
  67. package/Uploader/styles/index.css +40 -41
  68. package/cjs/CheckTree/CheckTreeView.d.ts +4 -0
  69. package/cjs/CheckTreePicker/CheckTreePicker.js +1 -0
  70. package/cjs/Loader/Loader.d.ts +1 -1
  71. package/cjs/Loader/Loader.js +1 -1
  72. package/cjs/Nav/AdaptiveNavItem.d.ts +9 -0
  73. package/cjs/Nav/AdaptiveNavItem.js +89 -0
  74. package/cjs/Nav/Nav.js +3 -73
  75. package/cjs/Stack/Stack.js +6 -1
  76. package/cjs/Tree/TreeView.d.ts +4 -0
  77. package/cjs/TreePicker/TreePicker.js +1 -0
  78. package/cjs/Uploader/Uploader.d.ts +2 -2
  79. package/cjs/Uploader/Uploader.js +11 -9
  80. package/cjs/locales/ca_ES.d.ts +120 -0
  81. package/cjs/locales/ca_ES.js +87 -0
  82. package/cjs/locales/index.d.ts +1 -0
  83. package/cjs/locales/index.js +3 -1
  84. package/dist/rsuite-no-reset-rtl.css +202 -199
  85. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  86. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  87. package/dist/rsuite-no-reset.css +202 -199
  88. package/dist/rsuite-no-reset.min.css +1 -1
  89. package/dist/rsuite-no-reset.min.css.map +1 -1
  90. package/dist/rsuite-rtl.css +204 -201
  91. package/dist/rsuite-rtl.min.css +1 -1
  92. package/dist/rsuite-rtl.min.css.map +1 -1
  93. package/dist/rsuite.css +204 -201
  94. package/dist/rsuite.js +23 -12
  95. package/dist/rsuite.js.map +1 -1
  96. package/dist/rsuite.min.css +1 -1
  97. package/dist/rsuite.min.css.map +1 -1
  98. package/dist/rsuite.min.js +1 -1
  99. package/dist/rsuite.min.js.map +1 -1
  100. package/esm/CheckTree/CheckTreeView.d.ts +4 -0
  101. package/esm/CheckTreePicker/CheckTreePicker.js +1 -0
  102. package/esm/Loader/Loader.d.ts +1 -1
  103. package/esm/Loader/Loader.js +1 -1
  104. package/esm/Nav/AdaptiveNavItem.d.ts +9 -0
  105. package/esm/Nav/AdaptiveNavItem.js +83 -0
  106. package/esm/Nav/Nav.js +5 -75
  107. package/esm/Stack/Stack.js +6 -1
  108. package/esm/Tree/TreeView.d.ts +4 -0
  109. package/esm/TreePicker/TreePicker.js +1 -0
  110. package/esm/Uploader/Uploader.d.ts +2 -2
  111. package/esm/Uploader/Uploader.js +11 -9
  112. package/esm/locales/ca_ES.d.ts +120 -0
  113. package/esm/locales/ca_ES.js +82 -0
  114. package/esm/locales/index.d.ts +1 -0
  115. package/esm/locales/index.js +1 -0
  116. package/locales/ca_ES/package.json +7 -0
  117. package/package.json +1 -1
  118. package/styles/color-modes/light.less +2 -2
  119. package/styles/colors/light.less +6 -6
  120. package/styles/variables.less +1 -0
@@ -3,11 +3,11 @@
3
3
  --rs-gray-0: #fff;
4
4
  --rs-gray-50: #f7f7fa;
5
5
  --rs-gray-200: #e5e5ea;
6
- --rs-gray-400: #c5c6c7;
7
- --rs-gray-500: #a6a6a6;
8
- --rs-gray-600: #8e8e93;
9
- --rs-gray-700: #7a7a7a;
10
- --rs-gray-800: #575757;
6
+ --rs-gray-400: #b6b7b8;
7
+ --rs-gray-500: #939393;
8
+ --rs-gray-600: #717273;
9
+ --rs-gray-700: #575757;
10
+ --rs-gray-800: #343434;
11
11
  --rs-primary-50: #f2faff;
12
12
  --rs-primary-100: #cce9ff;
13
13
  --rs-primary-200: #a6d7ff;
@@ -183,7 +183,7 @@
183
183
  .rs-tree-drag-preview {
184
184
  position: absolute;
185
185
  top: 0;
186
- color: #575757;
186
+ color: #343434;
187
187
  color: var(--rs-text-primary);
188
188
  background-color: #fff;
189
189
  background-color: var(--rs-bg-overlay);
@@ -200,7 +200,7 @@
200
200
  }
201
201
  .rs-tree .rs-tree-empty {
202
202
  padding: 6px 12px;
203
- color: #8e8e93;
203
+ color: #717273;
204
204
  color: var(--rs-text-secondary);
205
205
  }
206
206
  .rs-tree-view {
@@ -318,13 +318,13 @@
318
318
  }
319
319
  .rs-tree-node-disabled .rs-tree-node-label {
320
320
  background: none;
321
- color: #c5c6c7;
321
+ color: #b6b7b8;
322
322
  color: var(--rs-listbox-option-disabled-text);
323
323
  cursor: not-allowed;
324
324
  }
325
325
  .rs-tree-node-disabled > .rs-tree-node-label {
326
326
  cursor: not-allowed;
327
- color: #c5c6c7;
327
+ color: #b6b7b8;
328
328
  color: var(--rs-listbox-option-disabled-text);
329
329
  }
330
330
  .rs-tree-node-disabled > .rs-tree-node-label,
@@ -5,12 +5,12 @@
5
5
  --rs-gray-100: #f2f2f5;
6
6
  --rs-gray-200: #e5e5ea;
7
7
  --rs-gray-300: #d9d9d9;
8
- --rs-gray-400: #c5c6c7;
9
- --rs-gray-500: #a6a6a6;
10
- --rs-gray-600: #8e8e93;
11
- --rs-gray-700: #7a7a7a;
12
- --rs-gray-800: #575757;
13
- --rs-gray-900: #272c36;
8
+ --rs-gray-400: #b6b7b8;
9
+ --rs-gray-500: #939393;
10
+ --rs-gray-600: #717273;
11
+ --rs-gray-700: #575757;
12
+ --rs-gray-800: #343434;
13
+ --rs-gray-900: #121212;
14
14
  --rs-primary-200: #a6d7ff;
15
15
  --rs-primary-400: #59afff;
16
16
  --rs-primary-500: #3498ff;
@@ -395,7 +395,7 @@
395
395
  -ms-user-select: none;
396
396
  user-select: none;
397
397
  text-decoration: none;
398
- color: #575757;
398
+ color: #343434;
399
399
  color: var(--rs-btn-default-text);
400
400
  background-color: #f7f7fa;
401
401
  background-color: var(--rs-btn-default-bg);
@@ -460,7 +460,7 @@
460
460
  }
461
461
  .rs-btn:active,
462
462
  .rs-btn.rs-btn-active {
463
- color: #272c36;
463
+ color: #121212;
464
464
  color: var(--rs-btn-default-active-text);
465
465
  background-color: #d9d9d9;
466
466
  background-color: var(--rs-btn-default-active-bg);
@@ -468,7 +468,7 @@
468
468
  .rs-btn:disabled,
469
469
  .rs-btn.rs-btn-disabled {
470
470
  cursor: not-allowed;
471
- color: #8e8e93;
471
+ color: #717273;
472
472
  color: var(--rs-btn-default-disabled-text);
473
473
  background-color: #f7f7fa;
474
474
  background-color: var(--rs-btn-default-disabled-bg);
@@ -526,28 +526,28 @@
526
526
  border-color: var(--rs-btn-default-disabled-boreder-color);
527
527
  }
528
528
  .rs-btn-subtle {
529
- color: #575757;
529
+ color: #343434;
530
530
  color: var(--rs-btn-subtle-text);
531
531
  background-color: transparent;
532
532
  border: none;
533
533
  }
534
534
  .rs-btn-subtle:hover,
535
535
  .rs-btn-subtle:focus {
536
- color: #575757;
536
+ color: #343434;
537
537
  color: var(--rs-btn-subtle-hover-text);
538
538
  background-color: #e5e5ea;
539
539
  background-color: var(--rs-btn-subtle-hover-bg);
540
540
  }
541
541
  .rs-btn-subtle:active,
542
542
  .rs-btn-subtle.rs-btn-active {
543
- color: #272c36;
543
+ color: #121212;
544
544
  color: var(--rs-btn-subtle-active-text);
545
545
  background-color: #e5e5ea;
546
546
  background-color: var(--rs-btn-subtle-active-bg);
547
547
  }
548
548
  .rs-btn-subtle:disabled,
549
549
  .rs-btn-subtle.rs-btn-disabled {
550
- color: #c5c6c7;
550
+ color: #b6b7b8;
551
551
  color: var(--rs-btn-subtle-disabled-text);
552
552
  background: none;
553
553
  }
@@ -635,7 +635,7 @@
635
635
  --rs-btn-subtle-hover-bg: var(--rs-red-500);
636
636
  --rs-btn-subtle-hover-text: #e5e5ea;
637
637
  --rs-btn-subtle-active-bg: var(--rs-red-600);
638
- --rs-btn-subtle-active-text: #575757;
638
+ --rs-btn-subtle-active-text: #343434;
639
639
  --rs-btn-ghost-border: var(--rs-red-700);
640
640
  --rs-btn-ghost-text: var(--rs-red-700);
641
641
  --rs-btn-ghost-hover-border: var(--rs-red-900);
@@ -689,7 +689,7 @@
689
689
  --rs-btn-subtle-hover-bg: var(--rs-orange-500);
690
690
  --rs-btn-subtle-hover-text: #e5e5ea;
691
691
  --rs-btn-subtle-active-bg: var(--rs-orange-600);
692
- --rs-btn-subtle-active-text: #575757;
692
+ --rs-btn-subtle-active-text: #343434;
693
693
  --rs-btn-ghost-border: var(--rs-orange-700);
694
694
  --rs-btn-ghost-text: var(--rs-orange-700);
695
695
  --rs-btn-ghost-hover-border: var(--rs-orange-900);
@@ -743,7 +743,7 @@
743
743
  --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
744
744
  --rs-btn-subtle-hover-text: #e5e5ea;
745
745
  --rs-btn-subtle-active-bg: var(--rs-yellow-600);
746
- --rs-btn-subtle-active-text: #575757;
746
+ --rs-btn-subtle-active-text: #343434;
747
747
  --rs-btn-ghost-border: var(--rs-yellow-700);
748
748
  --rs-btn-ghost-text: var(--rs-yellow-700);
749
749
  --rs-btn-ghost-hover-border: var(--rs-yellow-900);
@@ -797,7 +797,7 @@
797
797
  --rs-btn-subtle-hover-bg: var(--rs-green-500);
798
798
  --rs-btn-subtle-hover-text: #e5e5ea;
799
799
  --rs-btn-subtle-active-bg: var(--rs-green-600);
800
- --rs-btn-subtle-active-text: #575757;
800
+ --rs-btn-subtle-active-text: #343434;
801
801
  --rs-btn-ghost-border: var(--rs-green-700);
802
802
  --rs-btn-ghost-text: var(--rs-green-700);
803
803
  --rs-btn-ghost-hover-border: var(--rs-green-900);
@@ -851,7 +851,7 @@
851
851
  --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
852
852
  --rs-btn-subtle-hover-text: #e5e5ea;
853
853
  --rs-btn-subtle-active-bg: var(--rs-cyan-600);
854
- --rs-btn-subtle-active-text: #575757;
854
+ --rs-btn-subtle-active-text: #343434;
855
855
  --rs-btn-ghost-border: var(--rs-cyan-700);
856
856
  --rs-btn-ghost-text: var(--rs-cyan-700);
857
857
  --rs-btn-ghost-hover-border: var(--rs-cyan-900);
@@ -905,7 +905,7 @@
905
905
  --rs-btn-subtle-hover-bg: var(--rs-blue-500);
906
906
  --rs-btn-subtle-hover-text: #e5e5ea;
907
907
  --rs-btn-subtle-active-bg: var(--rs-blue-600);
908
- --rs-btn-subtle-active-text: #575757;
908
+ --rs-btn-subtle-active-text: #343434;
909
909
  --rs-btn-ghost-border: var(--rs-blue-700);
910
910
  --rs-btn-ghost-text: var(--rs-blue-700);
911
911
  --rs-btn-ghost-hover-border: var(--rs-blue-900);
@@ -959,7 +959,7 @@
959
959
  --rs-btn-subtle-hover-bg: var(--rs-violet-500);
960
960
  --rs-btn-subtle-hover-text: #e5e5ea;
961
961
  --rs-btn-subtle-active-bg: var(--rs-violet-600);
962
- --rs-btn-subtle-active-text: #575757;
962
+ --rs-btn-subtle-active-text: #343434;
963
963
  --rs-btn-ghost-border: var(--rs-violet-700);
964
964
  --rs-btn-ghost-text: var(--rs-violet-700);
965
965
  --rs-btn-ghost-hover-border: var(--rs-violet-900);
@@ -1163,7 +1163,6 @@
1163
1163
  border-left: var(--rs-btn-default-border, none);
1164
1164
  }
1165
1165
  .rs-btn-block {
1166
- display: block;
1167
1166
  width: 100%;
1168
1167
  }
1169
1168
  .rs-btn-block + .rs-btn-block {
@@ -1207,7 +1206,7 @@
1207
1206
  }
1208
1207
  .rs-btn-loading > .rs-btn-spin::after {
1209
1208
  border-width: 3px;
1210
- border-color: #a6a6a6 transparent transparent;
1209
+ border-color: #939393 transparent transparent;
1211
1210
  border-color: var(--rs-loader-rotor) transparent transparent;
1212
1211
  border-style: solid;
1213
1212
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1260,7 +1259,7 @@
1260
1259
  .rs-uploader-file-item-icon-reupload {
1261
1260
  cursor: pointer;
1262
1261
  margin-left: 10px;
1263
- color: #575757;
1262
+ color: #343434;
1264
1263
  color: var(--rs-text-primary);
1265
1264
  font-size: 12px;
1266
1265
  }
@@ -1322,7 +1321,7 @@
1322
1321
  .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
1323
1322
  border-width: 3px;
1324
1323
  border-style: solid;
1325
- border-color: #a6a6a6 transparent transparent;
1324
+ border-color: #939393 transparent transparent;
1326
1325
  border-color: var(--rs-loader-rotor) transparent transparent;
1327
1326
  -webkit-animation: loaderSpin 0.6s infinite linear;
1328
1327
  animation: loaderSpin 0.6s infinite linear;
@@ -1337,7 +1336,7 @@
1337
1336
  -webkit-box-pack: justify;
1338
1337
  -ms-flex-pack: justify;
1339
1338
  justify-content: space-between;
1340
- color: #575757;
1339
+ color: #343434;
1341
1340
  color: var(--rs-text-primary);
1342
1341
  -webkit-transition: color 0.3s;
1343
1342
  transition: color 0.3s;
@@ -1355,7 +1354,7 @@
1355
1354
  -webkit-box-flex: 0;
1356
1355
  -ms-flex: 0 0 auto;
1357
1356
  flex: 0 0 auto;
1358
- color: #8e8e93;
1357
+ color: #717273;
1359
1358
  color: var(--rs-text-secondary);
1360
1359
  padding: 0 8px;
1361
1360
  }
@@ -1377,7 +1376,7 @@
1377
1376
  font-size: 14px;
1378
1377
  top: 12px;
1379
1378
  right: 12px;
1380
- color: #8e8e93;
1379
+ color: #717273;
1381
1380
  color: var(--rs-text-secondary);
1382
1381
  cursor: pointer;
1383
1382
  padding: 0;
@@ -1443,7 +1442,7 @@
1443
1442
  -ms-user-select: none;
1444
1443
  user-select: none;
1445
1444
  text-decoration: none;
1446
- color: #575757;
1445
+ color: #343434;
1447
1446
  color: var(--rs-btn-default-text);
1448
1447
  background-color: #f7f7fa;
1449
1448
  background-color: var(--rs-btn-default-bg);
@@ -1452,7 +1451,7 @@
1452
1451
  padding: 8px 12px;
1453
1452
  overflow: hidden;
1454
1453
  position: relative;
1455
- color: #575757;
1454
+ color: #343434;
1456
1455
  color: var(--rs-btn-subtle-text);
1457
1456
  background-color: transparent;
1458
1457
  border: none;
@@ -1519,7 +1518,7 @@
1519
1518
  }
1520
1519
  .rs-uploader-picture .rs-uploader-trigger-btn:active,
1521
1520
  .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-active {
1522
- color: #272c36;
1521
+ color: #121212;
1523
1522
  color: var(--rs-btn-default-active-text);
1524
1523
  background-color: #d9d9d9;
1525
1524
  background-color: var(--rs-btn-default-active-bg);
@@ -1527,7 +1526,7 @@
1527
1526
  .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
1528
1527
  .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
1529
1528
  cursor: not-allowed;
1530
- color: #8e8e93;
1529
+ color: #717273;
1531
1530
  color: var(--rs-btn-default-disabled-text);
1532
1531
  background-color: #f7f7fa;
1533
1532
  background-color: var(--rs-btn-default-disabled-bg);
@@ -1545,21 +1544,21 @@
1545
1544
  }
1546
1545
  .rs-uploader-picture .rs-uploader-trigger-btn:hover,
1547
1546
  .rs-uploader-picture .rs-uploader-trigger-btn:focus {
1548
- color: #575757;
1547
+ color: #343434;
1549
1548
  color: var(--rs-btn-subtle-hover-text);
1550
1549
  background-color: #e5e5ea;
1551
1550
  background-color: var(--rs-btn-subtle-hover-bg);
1552
1551
  }
1553
1552
  .rs-uploader-picture .rs-uploader-trigger-btn:active,
1554
1553
  .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-active {
1555
- color: #272c36;
1554
+ color: #121212;
1556
1555
  color: var(--rs-btn-subtle-active-text);
1557
1556
  background-color: #e5e5ea;
1558
1557
  background-color: var(--rs-btn-subtle-active-bg);
1559
1558
  }
1560
1559
  .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
1561
1560
  .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-disabled {
1562
- color: #c5c6c7;
1561
+ color: #b6b7b8;
1563
1562
  color: var(--rs-btn-subtle-disabled-text);
1564
1563
  background: none;
1565
1564
  }
@@ -1568,7 +1567,7 @@
1568
1567
  border-color: var(--rs-btn-default-disabled-boreder-color);
1569
1568
  }
1570
1569
  .rs-uploader-picture .rs-uploader-trigger.rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
1571
- color: #575757 !important;
1570
+ color: #343434 !important;
1572
1571
  color: var(--rs-btn-subtle-text) !important;
1573
1572
  background-color: transparent !important;
1574
1573
  }
@@ -1652,7 +1651,7 @@
1652
1651
  display: none;
1653
1652
  }
1654
1653
  .rs-uploader-picture .rs-uploader-file-item-btn-remove {
1655
- color: #8e8e93;
1654
+ color: #717273;
1656
1655
  color: var(--rs-text-secondary);
1657
1656
  cursor: pointer;
1658
1657
  position: absolute;
@@ -1729,7 +1728,7 @@
1729
1728
  .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
1730
1729
  border-width: 3px;
1731
1730
  border-style: solid;
1732
- border-color: #a6a6a6 transparent transparent;
1731
+ border-color: #939393 transparent transparent;
1733
1732
  border-color: var(--rs-loader-rotor) transparent transparent;
1734
1733
  -webkit-animation: loaderSpin 0.6s infinite linear;
1735
1734
  animation: loaderSpin 0.6s infinite linear;
@@ -1797,7 +1796,7 @@
1797
1796
  display: block;
1798
1797
  }
1799
1798
  .rs-uploader-picture-text .rs-uploader-file-item-content .rs-uploader-file-item-title {
1800
- color: #575757;
1799
+ color: #343434;
1801
1800
  color: var(--rs-text-primary);
1802
1801
  overflow: hidden;
1803
1802
  text-overflow: ellipsis;
@@ -1805,14 +1804,14 @@
1805
1804
  width: 100%;
1806
1805
  }
1807
1806
  .rs-uploader-picture-text .rs-uploader-file-item-content .rs-uploader-file-item-size {
1808
- color: #8e8e93;
1807
+ color: #717273;
1809
1808
  color: var(--rs-text-secondary);
1810
1809
  }
1811
1810
  .rs-uploader-picture-text .rs-uploader-file-item-btn-remove {
1812
1811
  position: absolute;
1813
1812
  top: 0;
1814
1813
  right: 12px;
1815
- color: #8e8e93;
1814
+ color: #717273;
1816
1815
  color: var(--rs-text-secondary);
1817
1816
  cursor: pointer;
1818
1817
  height: 50px;
@@ -1885,7 +1884,7 @@
1885
1884
  .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::after {
1886
1885
  border-width: 3px;
1887
1886
  border-style: solid;
1888
- border-color: #a6a6a6 transparent transparent;
1887
+ border-color: #939393 transparent transparent;
1889
1888
  border-color: var(--rs-loader-rotor) transparent transparent;
1890
1889
  -webkit-animation: loaderSpin 0.6s infinite linear;
1891
1890
  animation: loaderSpin 0.6s infinite linear;
@@ -52,6 +52,10 @@ interface CheckTreeViewInnerProps<V = (string | number)[]> extends Omit<CheckTre
52
52
  * Flattened nodes.
53
53
  */
54
54
  flattenedNodes?: TreeNodeMap;
55
+ /**
56
+ * A collection of localized strings.
57
+ */
58
+ locale?: Record<string, string>;
55
59
  /**
56
60
  * Callback function triggered when an item is focused.
57
61
  */
@@ -222,6 +222,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
222
222
  showIndentLine: showIndentLine,
223
223
  listProps: listProps,
224
224
  listRef: list,
225
+ locale: overrideLocale,
225
226
  searchBy: searchBy,
226
227
  searchable: searchable,
227
228
  searchKeyword: searchKeyword,
@@ -12,7 +12,7 @@ export interface LoaderProps extends WithAsProps {
12
12
  /** Custom descriptive text */
13
13
  content?: React.ReactNode;
14
14
  /** The speed at which the loader rotates */
15
- speed?: 'normal' | 'fast' | 'slow';
15
+ speed?: 'normal' | 'fast' | 'slow' | 'paused';
16
16
  /** A loader can have different sizes */
17
17
  size?: TypeAttributes.Size;
18
18
  }
@@ -69,6 +69,6 @@ Loader.propTypes = {
69
69
  vertical: _propTypes.default.bool,
70
70
  content: _propTypes.default.node,
71
71
  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
72
- speed: (0, _propTypes2.oneOf)(['normal', 'fast', 'slow'])
72
+ speed: (0, _propTypes2.oneOf)(['normal', 'fast', 'slow', 'paused'])
73
73
  };
74
74
  var _default = exports.default = Loader;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { NavItemProps } from './NavItem';
3
+ /**
4
+ * The <Nav.Item> API
5
+ * When used as direct child of <Nav>, render the NavItem
6
+ * When used within a <Nav.Menu>, render the NavDropdownItem
7
+ */
8
+ declare const AdaptiveNavItem: React.ForwardRefExoticComponent<NavItemProps<string> & React.RefAttributes<any>>;
9
+ export default AdaptiveNavItem;
@@ -0,0 +1,89 @@
1
+ 'use client';
2
+ "use strict";
3
+
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ exports.__esModule = true;
6
+ exports.default = void 0;
7
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _NavItem = _interopRequireDefault(require("./NavItem"));
10
+ var _hooks = require("../internals/hooks");
11
+ var _Navbar = require("../Navbar/Navbar");
12
+ var _Sidenav = require("../Sidenav/Sidenav");
13
+ var _NavContext = _interopRequireDefault(require("./NavContext"));
14
+ var _NavMenu = require("./NavMenu");
15
+ var _NavDropdownItem = _interopRequireDefault(require("./NavDropdownItem"));
16
+ var _NavbarDropdownItem = _interopRequireDefault(require("../Navbar/NavbarDropdownItem"));
17
+ var _SidenavDropdownItem = _interopRequireDefault(require("../Sidenav/SidenavDropdownItem"));
18
+ var _NavbarItem = _interopRequireDefault(require("../Navbar/NavbarItem"));
19
+ var _SidenavItem = _interopRequireDefault(require("../Sidenav/SidenavItem"));
20
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
22
+ /**
23
+ * The <Nav.Item> API
24
+ * When used as direct child of <Nav>, render the NavItem
25
+ * When used within a <Nav.Menu>, render the NavDropdownItem
26
+ */
27
+ var AdaptiveNavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
28
+ var nav = (0, _react.useContext)(_NavContext.default);
29
+ if (!nav) {
30
+ throw new Error('<Nav.Item> must be rendered within a <Nav> component.');
31
+ }
32
+ var parentNavMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);
33
+ var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
34
+ var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
35
+ var _ref = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],
36
+ dispatch = _ref[1];
37
+ var _id = (0, _hooks.useInternalId)('Nav.Item');
38
+ (0, _react.useEffect)(function () {
39
+ if (dispatch) {
40
+ var _props$active;
41
+ dispatch({
42
+ type: _NavMenu.NavMenuActionType.RegisterItem,
43
+ payload: {
44
+ _id: _id,
45
+ eventKey: props.eventKey,
46
+ active: (_props$active = props.active) !== null && _props$active !== void 0 ? _props$active : false
47
+ }
48
+ });
49
+ return function () {
50
+ dispatch({
51
+ type: _NavMenu.NavMenuActionType.UnregisterItem,
52
+ payload: {
53
+ _id: _id
54
+ }
55
+ });
56
+ };
57
+ }
58
+ }, [dispatch, _id, props.eventKey, props.active]);
59
+ if (parentNavMenu) {
60
+ if (navbar) {
61
+ return /*#__PURE__*/_react.default.createElement(_NavbarDropdownItem.default, (0, _extends2.default)({
62
+ ref: ref
63
+ }, props));
64
+ }
65
+ if (sidenav) {
66
+ return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({
67
+ ref: ref
68
+ }, props));
69
+ }
70
+ return /*#__PURE__*/_react.default.createElement(_NavDropdownItem.default, (0, _extends2.default)({
71
+ ref: ref
72
+ }, props));
73
+ }
74
+ if (navbar) {
75
+ return /*#__PURE__*/_react.default.createElement(_NavbarItem.default, (0, _extends2.default)({
76
+ ref: ref
77
+ }, props));
78
+ }
79
+ if (sidenav) {
80
+ return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({
81
+ ref: ref
82
+ }, props));
83
+ }
84
+ return /*#__PURE__*/_react.default.createElement(_NavItem.default, (0, _extends2.default)({
85
+ ref: ref
86
+ }, props));
87
+ });
88
+ AdaptiveNavItem.displayName = 'Nav.Item';
89
+ var _default = exports.default = AdaptiveNavItem;
package/cjs/Nav/Nav.js CHANGED
@@ -8,7 +8,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
8
8
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
- var _NavItem = _interopRequireDefault(require("./NavItem"));
12
11
  var _hooks = require("../internals/hooks");
13
12
  var _Navbar = require("../Navbar/Navbar");
14
13
  var _Sidenav = require("../Sidenav/Sidenav");
@@ -17,13 +16,10 @@ var _Menubar = _interopRequireDefault(require("../internals/Menu/Menubar"));
17
16
  var _propTypes2 = require("../internals/propTypes");
18
17
  var _utils = require("../internals/utils");
19
18
  var _NavDropdown = _interopRequireDefault(require("./NavDropdown"));
20
- var _NavMenu = _interopRequireWildcard(require("./NavMenu"));
19
+ var _NavMenu = _interopRequireDefault(require("./NavMenu"));
21
20
  var _NavDropdownItem = _interopRequireDefault(require("./NavDropdownItem"));
22
21
  var _NavDropdownMenu = _interopRequireDefault(require("./NavDropdownMenu"));
23
- var _NavbarDropdownItem = _interopRequireDefault(require("../Navbar/NavbarDropdownItem"));
24
- var _SidenavDropdownItem = _interopRequireDefault(require("../Sidenav/SidenavDropdownItem"));
25
- var _NavbarItem = _interopRequireDefault(require("../Navbar/NavbarItem"));
26
- var _SidenavItem = _interopRequireDefault(require("../Sidenav/SidenavItem"));
22
+ var _AdaptiveNavItem = _interopRequireDefault(require("./AdaptiveNavItem"));
27
23
  var _excluded = ["as", "classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children", "activeKey", "defaultActiveKey", "onSelect"];
28
24
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
29
25
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -121,73 +117,7 @@ var DeprecatedNavDropdown = (0, _utils.deprecateComponent)(_NavDropdown.default,
121
117
  DeprecatedNavDropdown.Menu = (0, _utils.deprecateComponent)(_NavDropdownMenu.default, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');
122
118
  DeprecatedNavDropdown.Item = (0, _utils.deprecateComponent)(_NavDropdownItem.default, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');
123
119
  Nav.Dropdown = DeprecatedNavDropdown;
124
- /**
125
- * The <Nav.Item> API
126
- * When used as direct child of <Nav>, render the NavItem
127
- * When used within a <Nav.Menu>, render the NavDropdownItem
128
- */
129
- Nav.Item = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
130
- var nav = (0, _react.useContext)(_NavContext.default);
131
- if (!nav) {
132
- throw new Error('<Nav.Item> must be rendered within a <Nav> component.');
133
- }
134
- var parentNavMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);
135
- var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
136
- var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
137
- var _ref2 = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],
138
- dispatch = _ref2[1];
139
- var _id = (0, _hooks.useInternalId)('Nav.Item');
140
- (0, _react.useEffect)(function () {
141
- if (dispatch) {
142
- var _props$active;
143
- dispatch({
144
- type: _NavMenu.NavMenuActionType.RegisterItem,
145
- payload: {
146
- _id: _id,
147
- eventKey: props.eventKey,
148
- active: (_props$active = props.active) !== null && _props$active !== void 0 ? _props$active : false
149
- }
150
- });
151
- return function () {
152
- dispatch({
153
- type: _NavMenu.NavMenuActionType.UnregisterItem,
154
- payload: {
155
- _id: _id
156
- }
157
- });
158
- };
159
- }
160
- }, [dispatch, _id, props.eventKey, props.active]);
161
- if (parentNavMenu) {
162
- if (navbar) {
163
- return /*#__PURE__*/_react.default.createElement(_NavbarDropdownItem.default, (0, _extends2.default)({
164
- ref: ref
165
- }, props));
166
- }
167
- if (sidenav) {
168
- return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({
169
- ref: ref
170
- }, props));
171
- }
172
- return /*#__PURE__*/_react.default.createElement(_NavDropdownItem.default, (0, _extends2.default)({
173
- ref: ref
174
- }, props));
175
- }
176
- if (navbar) {
177
- return /*#__PURE__*/_react.default.createElement(_NavbarItem.default, (0, _extends2.default)({
178
- ref: ref
179
- }, props));
180
- }
181
- if (sidenav) {
182
- return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({
183
- ref: ref
184
- }, props));
185
- }
186
- return /*#__PURE__*/_react.default.createElement(_NavItem.default, (0, _extends2.default)({
187
- ref: ref
188
- }, props));
189
- });
190
- Nav.Item.displayName = 'Nav.Item';
120
+ Nav.Item = _AdaptiveNavItem.default;
191
121
  Nav.Menu = _NavMenu.default;
192
122
  Nav.displayName = 'Nav';
193
123
  Nav.propTypes = {
@@ -13,6 +13,11 @@ var _propTypes2 = require("../internals/propTypes");
13
13
  var _hooks = require("../internals/hooks");
14
14
  var _StackItem = _interopRequireDefault(require("./StackItem"));
15
15
  var _excluded = ["as", "alignItems", "classPrefix", "childrenRenderMode", "className", "children", "direction", "justifyContent", "spacing", "divider", "style", "wrap"];
16
+ function isStackItem(child) {
17
+ var _child$type;
18
+ return child.type === _StackItem.default || ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'StackItem';
19
+ }
20
+
16
21
  /**
17
22
  * The `Stack` component is a quick layout component through Flexbox,
18
23
  * supporting vertical and horizontal stacking, custom spacing and line wrapping.
@@ -66,7 +71,7 @@ var Stack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
66
71
  className: classes,
67
72
  style: styles
68
73
  }), _utils.ReactChildren.map(filterChildren, function (child, index) {
69
- var childNode = childrenRenderMode === 'wrap' && child.type !== _StackItem.default ? /*#__PURE__*/_react.default.createElement(_StackItem.default, {
74
+ var childNode = childrenRenderMode === 'wrap' && !isStackItem(child) ? /*#__PURE__*/_react.default.createElement(_StackItem.default, {
70
75
  key: index,
71
76
  className: prefix('item'),
72
77
  style: !isSupportGap ? itemStyles : undefined
@@ -44,6 +44,10 @@ interface TreeViewInnerProps<V = string | number | null> extends Omit<TreeViewPr
44
44
  * An array of values representing the loading nodes.
45
45
  */
46
46
  loadingNodeValues?: V[];
47
+ /**
48
+ * A collection of localized strings.
49
+ */
50
+ locale?: Record<string, string>;
47
51
  /**
48
52
  * A map of flattened nodes.
49
53
  */
@@ -227,6 +227,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
227
227
  flattenedNodes: flattenedNodes,
228
228
  listProps: listProps,
229
229
  listRef: list,
230
+ locale: overrideLocale,
230
231
  height: treeHeight,
231
232
  onExpand: handleExpandTreeNode,
232
233
  onSearch: onSearch,
@@ -36,7 +36,7 @@ export interface UploaderProps extends WithAsProps, Omit<UploadTriggerProps, 'on
36
36
  fileList?: FileType[];
37
37
  /** Upload the parameters with */
38
38
  data?: any;
39
- /** Allow multiple file uploads to be selected at a time */
39
+ /** Allow multiple file uploads */
40
40
  multiple?: boolean;
41
41
  /** Disabled upload button */
42
42
  disabled?: boolean;
@@ -80,7 +80,7 @@ export interface UploaderProps extends WithAsProps, Omit<UploadTriggerProps, 'on
80
80
  /** Allow uploading of files. Check function before file upload, return false without uploading */
81
81
  shouldUpload?: (file: FileType) => boolean | Promise<boolean>;
82
82
  /** callback function that the upload queue has changed */
83
- onChange?: (fileList: FileType[]) => void;
83
+ onChange?: (fileList: FileType[], event: React.ChangeEvent | React.MouseEvent) => void;
84
84
  /** The callback function that starts the upload file */
85
85
  onUpload?: (file: FileType, uploadData: any, xhr: XMLHttpRequest) => void;
86
86
  /** In the file list, for uploading failed files, click the callback function to upload */