rsuite 5.65.0 → 5.66.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 (107) hide show
  1. package/Accordion/styles/index.css +9 -9
  2. package/AutoComplete/styles/index.css +59 -55
  3. package/Avatar/styles/index.css +2 -2
  4. package/Breadcrumb/styles/index.css +4 -4
  5. package/Button/styles/index.css +20 -20
  6. package/CHANGELOG.md +27 -0
  7. package/Calendar/styles/index.css +32 -32
  8. package/Carousel/styles/index.css +4 -4
  9. package/CascadeTree/styles/index.css +9 -9
  10. package/Cascader/styles/index.css +63 -59
  11. package/CheckPicker/styles/index.css +61 -57
  12. package/CheckTree/styles/index.css +62 -58
  13. package/CheckTreePicker/styles/index.css +62 -58
  14. package/Checkbox/styles/index.css +6 -6
  15. package/DateInput/styles/index.css +11 -11
  16. package/DatePicker/styles/index.css +70 -66
  17. package/DateRangeInput/styles/index.css +11 -11
  18. package/DateRangePicker/styles/index.css +71 -67
  19. package/Divider/styles/index.css +1 -1
  20. package/Drawer/styles/index.css +7 -7
  21. package/Dropdown/styles/index.css +26 -26
  22. package/FormControlLabel/styles/index.css +2 -2
  23. package/FormHelpText/styles/index.css +2 -2
  24. package/IconButton/styles/index.css +21 -21
  25. package/InlineEdit/styles/index.css +1 -1
  26. package/Input/styles/index.css +11 -11
  27. package/InputGroup/styles/index.css +28 -28
  28. package/InputNumber/styles/index.css +34 -34
  29. package/InputPicker/styles/index.css +62 -58
  30. package/List/styles/index.css +3 -3
  31. package/Loader/styles/index.css +10 -6
  32. package/Loader/styles/index.less +4 -0
  33. package/Message/styles/index.css +12 -12
  34. package/Modal/styles/index.css +9 -9
  35. package/MultiCascadeTree/styles/index.css +64 -60
  36. package/MultiCascader/styles/index.css +64 -60
  37. package/Nav/styles/index.css +30 -30
  38. package/Navbar/styles/index.css +30 -30
  39. package/Notification/styles/index.css +6 -6
  40. package/Pagination/styles/index.css +69 -65
  41. package/Panel/styles/index.css +9 -9
  42. package/PanelGroup/styles/index.css +1 -1
  43. package/Placeholder/styles/index.css +3 -3
  44. package/Popover/styles/index.css +3 -3
  45. package/Progress/styles/index.css +4 -3
  46. package/Progress/styles/index.less +1 -0
  47. package/Radio/styles/index.css +6 -6
  48. package/RadioGroup/styles/index.css +5 -5
  49. package/RangeSlider/styles/index.css +12 -12
  50. package/Rate/styles/index.css +2 -2
  51. package/SelectPicker/styles/index.css +62 -58
  52. package/Sidenav/styles/index.css +12 -12
  53. package/Slider/styles/index.css +12 -12
  54. package/Steps/styles/index.css +8 -8
  55. package/Table/styles/index.css +9 -9
  56. package/Tabs/styles/index.css +30 -30
  57. package/Tag/styles/index.css +3 -3
  58. package/TagInput/styles/index.css +63 -59
  59. package/TagPicker/styles/index.css +63 -59
  60. package/Text/styles/index.css +5 -5
  61. package/Timeline/styles/index.css +1 -1
  62. package/Toggle/styles/index.css +9 -9
  63. package/Tooltip/styles/index.css +9 -9
  64. package/Tree/styles/index.css +9 -9
  65. package/TreePicker/styles/index.css +9 -9
  66. package/Uploader/styles/index.css +40 -40
  67. package/cjs/CheckTree/CheckTreeView.d.ts +4 -0
  68. package/cjs/CheckTreePicker/CheckTreePicker.js +1 -0
  69. package/cjs/Drawer/Drawer.js +1 -0
  70. package/cjs/FormControl/hooks/useField.d.ts +1 -1
  71. package/cjs/FormControl/hooks/useField.js +15 -5
  72. package/cjs/Loader/Loader.d.ts +1 -1
  73. package/cjs/Loader/Loader.js +1 -1
  74. package/cjs/Tree/TreeView.d.ts +4 -0
  75. package/cjs/TreePicker/TreePicker.js +1 -0
  76. package/cjs/internals/hooks/useCustom.js +1 -1
  77. package/cjs/internals/hooks/useIsomorphicLayoutEffect.js +1 -1
  78. package/dist/rsuite-no-reset-rtl.css +203 -198
  79. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  80. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  81. package/dist/rsuite-no-reset.css +203 -198
  82. package/dist/rsuite-no-reset.min.css +1 -1
  83. package/dist/rsuite-no-reset.min.css.map +1 -1
  84. package/dist/rsuite-rtl.css +205 -200
  85. package/dist/rsuite-rtl.min.css +1 -1
  86. package/dist/rsuite-rtl.min.css.map +1 -1
  87. package/dist/rsuite.css +205 -200
  88. package/dist/rsuite.js +11 -11
  89. package/dist/rsuite.min.css +1 -1
  90. package/dist/rsuite.min.css.map +1 -1
  91. package/dist/rsuite.min.js +1 -1
  92. package/dist/rsuite.min.js.map +1 -1
  93. package/esm/CheckTree/CheckTreeView.d.ts +4 -0
  94. package/esm/CheckTreePicker/CheckTreePicker.js +1 -0
  95. package/esm/Drawer/Drawer.js +1 -0
  96. package/esm/FormControl/hooks/useField.d.ts +1 -1
  97. package/esm/FormControl/hooks/useField.js +13 -3
  98. package/esm/Loader/Loader.d.ts +1 -1
  99. package/esm/Loader/Loader.js +1 -1
  100. package/esm/Tree/TreeView.d.ts +4 -0
  101. package/esm/TreePicker/TreePicker.js +1 -0
  102. package/esm/internals/hooks/useCustom.js +1 -1
  103. package/esm/internals/hooks/useIsomorphicLayoutEffect.js +1 -1
  104. package/package.json +1 -1
  105. package/styles/color-modes/light.less +2 -2
  106. package/styles/colors/light.less +6 -6
  107. package/styles/variables.less +1 -0
package/InputNumber/styles/index.css CHANGED
@@ -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;
@@ -357,7 +357,7 @@
357
357
  .rs-input {
358
358
  display: block;
359
359
  width: 100%;
360
- color: #575757;
360
+ color: #343434;
361
361
  color: var(--rs-text-primary);
362
362
  background-color: #fff;
363
363
  background-color: var(--rs-input-bg);
@@ -386,19 +386,19 @@ textarea.rs-input {
386
386
  transition: none;
387
387
  }
388
388
  .rs-input::-webkit-input-placeholder {
389
- color: #8e8e93;
389
+ color: #717273;
390
390
  color: var(--rs-text-secondary);
391
391
  }
392
392
  .rs-input::-moz-placeholder {
393
- color: #8e8e93;
393
+ color: #717273;
394
394
  color: var(--rs-text-secondary);
395
395
  }
396
396
  .rs-input::-ms-input-placeholder {
397
- color: #8e8e93;
397
+ color: #717273;
398
398
  color: var(--rs-text-secondary);
399
399
  }
400
400
  .rs-input::placeholder {
401
- color: #8e8e93;
401
+ color: #717273;
402
402
  color: var(--rs-text-secondary);
403
403
  }
404
404
  .rs-input:focus,
@@ -416,7 +416,7 @@ textarea.rs-input {
416
416
  .rs-input:disabled {
417
417
  background-color: #f7f7fa;
418
418
  background-color: var(--rs-input-disabled-bg);
419
- color: #8e8e93;
419
+ color: #717273;
420
420
  color: var(--rs-text-disabled);
421
421
  }
422
422
  textarea.rs-input {
@@ -493,7 +493,7 @@ textarea.rs-input-sm {
493
493
  -ms-user-select: none;
494
494
  user-select: none;
495
495
  text-decoration: none;
496
- color: #575757;
496
+ color: #343434;
497
497
  color: var(--rs-btn-default-text);
498
498
  background-color: #f7f7fa;
499
499
  background-color: var(--rs-btn-default-bg);
@@ -558,7 +558,7 @@ textarea.rs-input-sm {
558
558
  }
559
559
  .rs-btn:active,
560
560
  .rs-btn.rs-btn-active {
561
- color: #272c36;
561
+ color: #121212;
562
562
  color: var(--rs-btn-default-active-text);
563
563
  background-color: #d9d9d9;
564
564
  background-color: var(--rs-btn-default-active-bg);
@@ -566,7 +566,7 @@ textarea.rs-input-sm {
566
566
  .rs-btn:disabled,
567
567
  .rs-btn.rs-btn-disabled {
568
568
  cursor: not-allowed;
569
- color: #8e8e93;
569
+ color: #717273;
570
570
  color: var(--rs-btn-default-disabled-text);
571
571
  background-color: #f7f7fa;
572
572
  background-color: var(--rs-btn-default-disabled-bg);
@@ -624,28 +624,28 @@ textarea.rs-input-sm {
624
624
  border-color: var(--rs-btn-default-disabled-boreder-color);
625
625
  }
626
626
  .rs-btn-subtle {
627
- color: #575757;
627
+ color: #343434;
628
628
  color: var(--rs-btn-subtle-text);
629
629
  background-color: transparent;
630
630
  border: none;
631
631
  }
632
632
  .rs-btn-subtle:hover,
633
633
  .rs-btn-subtle:focus {
634
- color: #575757;
634
+ color: #343434;
635
635
  color: var(--rs-btn-subtle-hover-text);
636
636
  background-color: #e5e5ea;
637
637
  background-color: var(--rs-btn-subtle-hover-bg);
638
638
  }
639
639
  .rs-btn-subtle:active,
640
640
  .rs-btn-subtle.rs-btn-active {
641
- color: #272c36;
641
+ color: #121212;
642
642
  color: var(--rs-btn-subtle-active-text);
643
643
  background-color: #e5e5ea;
644
644
  background-color: var(--rs-btn-subtle-active-bg);
645
645
  }
646
646
  .rs-btn-subtle:disabled,
647
647
  .rs-btn-subtle.rs-btn-disabled {
648
- color: #c5c6c7;
648
+ color: #b6b7b8;
649
649
  color: var(--rs-btn-subtle-disabled-text);
650
650
  background: none;
651
651
  }
@@ -733,7 +733,7 @@ textarea.rs-input-sm {
733
733
  --rs-btn-subtle-hover-bg: var(--rs-red-500);
734
734
  --rs-btn-subtle-hover-text: #e5e5ea;
735
735
  --rs-btn-subtle-active-bg: var(--rs-red-600);
736
- --rs-btn-subtle-active-text: #575757;
736
+ --rs-btn-subtle-active-text: #343434;
737
737
  --rs-btn-ghost-border: var(--rs-red-700);
738
738
  --rs-btn-ghost-text: var(--rs-red-700);
739
739
  --rs-btn-ghost-hover-border: var(--rs-red-900);
@@ -787,7 +787,7 @@ textarea.rs-input-sm {
787
787
  --rs-btn-subtle-hover-bg: var(--rs-orange-500);
788
788
  --rs-btn-subtle-hover-text: #e5e5ea;
789
789
  --rs-btn-subtle-active-bg: var(--rs-orange-600);
790
- --rs-btn-subtle-active-text: #575757;
790
+ --rs-btn-subtle-active-text: #343434;
791
791
  --rs-btn-ghost-border: var(--rs-orange-700);
792
792
  --rs-btn-ghost-text: var(--rs-orange-700);
793
793
  --rs-btn-ghost-hover-border: var(--rs-orange-900);
@@ -841,7 +841,7 @@ textarea.rs-input-sm {
841
841
  --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
842
842
  --rs-btn-subtle-hover-text: #e5e5ea;
843
843
  --rs-btn-subtle-active-bg: var(--rs-yellow-600);
844
- --rs-btn-subtle-active-text: #575757;
844
+ --rs-btn-subtle-active-text: #343434;
845
845
  --rs-btn-ghost-border: var(--rs-yellow-700);
846
846
  --rs-btn-ghost-text: var(--rs-yellow-700);
847
847
  --rs-btn-ghost-hover-border: var(--rs-yellow-900);
@@ -895,7 +895,7 @@ textarea.rs-input-sm {
895
895
  --rs-btn-subtle-hover-bg: var(--rs-green-500);
896
896
  --rs-btn-subtle-hover-text: #e5e5ea;
897
897
  --rs-btn-subtle-active-bg: var(--rs-green-600);
898
- --rs-btn-subtle-active-text: #575757;
898
+ --rs-btn-subtle-active-text: #343434;
899
899
  --rs-btn-ghost-border: var(--rs-green-700);
900
900
  --rs-btn-ghost-text: var(--rs-green-700);
901
901
  --rs-btn-ghost-hover-border: var(--rs-green-900);
@@ -949,7 +949,7 @@ textarea.rs-input-sm {
949
949
  --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
950
950
  --rs-btn-subtle-hover-text: #e5e5ea;
951
951
  --rs-btn-subtle-active-bg: var(--rs-cyan-600);
952
- --rs-btn-subtle-active-text: #575757;
952
+ --rs-btn-subtle-active-text: #343434;
953
953
  --rs-btn-ghost-border: var(--rs-cyan-700);
954
954
  --rs-btn-ghost-text: var(--rs-cyan-700);
955
955
  --rs-btn-ghost-hover-border: var(--rs-cyan-900);
@@ -1003,7 +1003,7 @@ textarea.rs-input-sm {
1003
1003
  --rs-btn-subtle-hover-bg: var(--rs-blue-500);
1004
1004
  --rs-btn-subtle-hover-text: #e5e5ea;
1005
1005
  --rs-btn-subtle-active-bg: var(--rs-blue-600);
1006
- --rs-btn-subtle-active-text: #575757;
1006
+ --rs-btn-subtle-active-text: #343434;
1007
1007
  --rs-btn-ghost-border: var(--rs-blue-700);
1008
1008
  --rs-btn-ghost-text: var(--rs-blue-700);
1009
1009
  --rs-btn-ghost-hover-border: var(--rs-blue-900);
@@ -1057,7 +1057,7 @@ textarea.rs-input-sm {
1057
1057
  --rs-btn-subtle-hover-bg: var(--rs-violet-500);
1058
1058
  --rs-btn-subtle-hover-text: #e5e5ea;
1059
1059
  --rs-btn-subtle-active-bg: var(--rs-violet-600);
1060
- --rs-btn-subtle-active-text: #575757;
1060
+ --rs-btn-subtle-active-text: #343434;
1061
1061
  --rs-btn-ghost-border: var(--rs-violet-700);
1062
1062
  --rs-btn-ghost-text: var(--rs-violet-700);
1063
1063
  --rs-btn-ghost-hover-border: var(--rs-violet-900);
@@ -1305,7 +1305,7 @@ textarea.rs-input-sm {
1305
1305
  }
1306
1306
  .rs-btn-loading > .rs-btn-spin::after {
1307
1307
  border-width: 3px;
1308
- border-color: #a6a6a6 transparent transparent;
1308
+ border-color: #939393 transparent transparent;
1309
1309
  border-color: var(--rs-loader-rotor) transparent transparent;
1310
1310
  border-style: solid;
1311
1311
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1348,7 +1348,7 @@ textarea.rs-input-sm {
1348
1348
  transition: border-color ease-in-out 0.15s;
1349
1349
  width: 100%;
1350
1350
  cursor: text;
1351
- color: #575757;
1351
+ color: #343434;
1352
1352
  color: var(--rs-text-primary);
1353
1353
  border: 1px solid #e5e5ea;
1354
1354
  border: 1px solid var(--rs-border-primary);
@@ -1456,7 +1456,7 @@ textarea.rs-input-sm {
1456
1456
  width: auto;
1457
1457
  }
1458
1458
  .rs-input-group.rs-input-group-inside .rs-input-group-btn {
1459
- color: #575757;
1459
+ color: #343434;
1460
1460
  color: var(--rs-btn-subtle-text);
1461
1461
  background-color: transparent;
1462
1462
  border: none;
@@ -1467,21 +1467,21 @@ textarea.rs-input-sm {
1467
1467
  }
1468
1468
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1469
1469
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1470
- color: #575757;
1470
+ color: #343434;
1471
1471
  color: var(--rs-btn-subtle-hover-text);
1472
1472
  background-color: #e5e5ea;
1473
1473
  background-color: var(--rs-btn-subtle-hover-bg);
1474
1474
  }
1475
1475
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
1476
1476
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active {
1477
- color: #272c36;
1477
+ color: #121212;
1478
1478
  color: var(--rs-btn-subtle-active-text);
1479
1479
  background-color: #e5e5ea;
1480
1480
  background-color: var(--rs-btn-subtle-active-bg);
1481
1481
  }
1482
1482
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
1483
1483
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1484
- color: #c5c6c7;
1484
+ color: #b6b7b8;
1485
1485
  color: var(--rs-btn-subtle-disabled-text);
1486
1486
  background: none;
1487
1487
  }
@@ -1537,7 +1537,7 @@ textarea.rs-input-sm {
1537
1537
  .rs-input-group.rs-input-group-disabled {
1538
1538
  background-color: #f7f7fa;
1539
1539
  background-color: var(--rs-input-disabled-bg);
1540
- color: #8e8e93;
1540
+ color: #717273;
1541
1541
  color: var(--rs-text-disabled);
1542
1542
  cursor: not-allowed;
1543
1543
  }
@@ -1842,7 +1842,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
1842
1842
  align-items: center;
1843
1843
  white-space: nowrap;
1844
1844
  vertical-align: middle;
1845
- color: #575757;
1845
+ color: #343434;
1846
1846
  color: var(--rs-text-primary);
1847
1847
  padding: 8px 12px;
1848
1848
  font-size: 14px;