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/Navbar/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-50: #f2faff;
15
15
  --rs-primary-100: #cce9ff;
16
16
  --rs-primary-200: #a6d7ff;
@@ -443,7 +443,7 @@
443
443
  -ms-user-select: none;
444
444
  user-select: none;
445
445
  text-decoration: none;
446
- color: #575757;
446
+ color: #343434;
447
447
  color: var(--rs-btn-default-text);
448
448
  background-color: #f7f7fa;
449
449
  background-color: var(--rs-btn-default-bg);
@@ -508,7 +508,7 @@
508
508
  }
509
509
  .rs-btn:active,
510
510
  .rs-btn.rs-btn-active {
511
- color: #272c36;
511
+ color: #121212;
512
512
  color: var(--rs-btn-default-active-text);
513
513
  background-color: #d9d9d9;
514
514
  background-color: var(--rs-btn-default-active-bg);
@@ -516,7 +516,7 @@
516
516
  .rs-btn:disabled,
517
517
  .rs-btn.rs-btn-disabled {
518
518
  cursor: not-allowed;
519
- color: #8e8e93;
519
+ color: #717273;
520
520
  color: var(--rs-btn-default-disabled-text);
521
521
  background-color: #f7f7fa;
522
522
  background-color: var(--rs-btn-default-disabled-bg);
@@ -574,28 +574,28 @@
574
574
  border-color: var(--rs-btn-default-disabled-boreder-color);
575
575
  }
576
576
  .rs-btn-subtle {
577
- color: #575757;
577
+ color: #343434;
578
578
  color: var(--rs-btn-subtle-text);
579
579
  background-color: transparent;
580
580
  border: none;
581
581
  }
582
582
  .rs-btn-subtle:hover,
583
583
  .rs-btn-subtle:focus {
584
- color: #575757;
584
+ color: #343434;
585
585
  color: var(--rs-btn-subtle-hover-text);
586
586
  background-color: #e5e5ea;
587
587
  background-color: var(--rs-btn-subtle-hover-bg);
588
588
  }
589
589
  .rs-btn-subtle:active,
590
590
  .rs-btn-subtle.rs-btn-active {
591
- color: #272c36;
591
+ color: #121212;
592
592
  color: var(--rs-btn-subtle-active-text);
593
593
  background-color: #e5e5ea;
594
594
  background-color: var(--rs-btn-subtle-active-bg);
595
595
  }
596
596
  .rs-btn-subtle:disabled,
597
597
  .rs-btn-subtle.rs-btn-disabled {
598
- color: #c5c6c7;
598
+ color: #b6b7b8;
599
599
  color: var(--rs-btn-subtle-disabled-text);
600
600
  background: none;
601
601
  }
@@ -683,7 +683,7 @@
683
683
  --rs-btn-subtle-hover-bg: var(--rs-red-500);
684
684
  --rs-btn-subtle-hover-text: #e5e5ea;
685
685
  --rs-btn-subtle-active-bg: var(--rs-red-600);
686
- --rs-btn-subtle-active-text: #575757;
686
+ --rs-btn-subtle-active-text: #343434;
687
687
  --rs-btn-ghost-border: var(--rs-red-700);
688
688
  --rs-btn-ghost-text: var(--rs-red-700);
689
689
  --rs-btn-ghost-hover-border: var(--rs-red-900);
@@ -737,7 +737,7 @@
737
737
  --rs-btn-subtle-hover-bg: var(--rs-orange-500);
738
738
  --rs-btn-subtle-hover-text: #e5e5ea;
739
739
  --rs-btn-subtle-active-bg: var(--rs-orange-600);
740
- --rs-btn-subtle-active-text: #575757;
740
+ --rs-btn-subtle-active-text: #343434;
741
741
  --rs-btn-ghost-border: var(--rs-orange-700);
742
742
  --rs-btn-ghost-text: var(--rs-orange-700);
743
743
  --rs-btn-ghost-hover-border: var(--rs-orange-900);
@@ -791,7 +791,7 @@
791
791
  --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
792
792
  --rs-btn-subtle-hover-text: #e5e5ea;
793
793
  --rs-btn-subtle-active-bg: var(--rs-yellow-600);
794
- --rs-btn-subtle-active-text: #575757;
794
+ --rs-btn-subtle-active-text: #343434;
795
795
  --rs-btn-ghost-border: var(--rs-yellow-700);
796
796
  --rs-btn-ghost-text: var(--rs-yellow-700);
797
797
  --rs-btn-ghost-hover-border: var(--rs-yellow-900);
@@ -845,7 +845,7 @@
845
845
  --rs-btn-subtle-hover-bg: var(--rs-green-500);
846
846
  --rs-btn-subtle-hover-text: #e5e5ea;
847
847
  --rs-btn-subtle-active-bg: var(--rs-green-600);
848
- --rs-btn-subtle-active-text: #575757;
848
+ --rs-btn-subtle-active-text: #343434;
849
849
  --rs-btn-ghost-border: var(--rs-green-700);
850
850
  --rs-btn-ghost-text: var(--rs-green-700);
851
851
  --rs-btn-ghost-hover-border: var(--rs-green-900);
@@ -899,7 +899,7 @@
899
899
  --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
900
900
  --rs-btn-subtle-hover-text: #e5e5ea;
901
901
  --rs-btn-subtle-active-bg: var(--rs-cyan-600);
902
- --rs-btn-subtle-active-text: #575757;
902
+ --rs-btn-subtle-active-text: #343434;
903
903
  --rs-btn-ghost-border: var(--rs-cyan-700);
904
904
  --rs-btn-ghost-text: var(--rs-cyan-700);
905
905
  --rs-btn-ghost-hover-border: var(--rs-cyan-900);
@@ -953,7 +953,7 @@
953
953
  --rs-btn-subtle-hover-bg: var(--rs-blue-500);
954
954
  --rs-btn-subtle-hover-text: #e5e5ea;
955
955
  --rs-btn-subtle-active-bg: var(--rs-blue-600);
956
- --rs-btn-subtle-active-text: #575757;
956
+ --rs-btn-subtle-active-text: #343434;
957
957
  --rs-btn-ghost-border: var(--rs-blue-700);
958
958
  --rs-btn-ghost-text: var(--rs-blue-700);
959
959
  --rs-btn-ghost-hover-border: var(--rs-blue-900);
@@ -1007,7 +1007,7 @@
1007
1007
  --rs-btn-subtle-hover-bg: var(--rs-violet-500);
1008
1008
  --rs-btn-subtle-hover-text: #e5e5ea;
1009
1009
  --rs-btn-subtle-active-bg: var(--rs-violet-600);
1010
- --rs-btn-subtle-active-text: #575757;
1010
+ --rs-btn-subtle-active-text: #343434;
1011
1011
  --rs-btn-ghost-border: var(--rs-violet-700);
1012
1012
  --rs-btn-ghost-text: var(--rs-violet-700);
1013
1013
  --rs-btn-ghost-hover-border: var(--rs-violet-900);
@@ -1255,7 +1255,7 @@
1255
1255
  }
1256
1256
  .rs-btn-loading > .rs-btn-spin::after {
1257
1257
  border-width: 3px;
1258
- border-color: #a6a6a6 transparent transparent;
1258
+ border-color: #939393 transparent transparent;
1259
1259
  border-color: var(--rs-loader-rotor) transparent transparent;
1260
1260
  border-style: solid;
1261
1261
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1315,7 +1315,7 @@
1315
1315
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle,
1316
1316
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:focus,
1317
1317
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:active {
1318
- color: #c5c6c7;
1318
+ color: #b6b7b8;
1319
1319
  color: var(--rs-btn-subtle-disabled-text);
1320
1320
  background: none;
1321
1321
  }
@@ -1429,7 +1429,7 @@
1429
1429
  clear: both;
1430
1430
  font-weight: normal;
1431
1431
  line-height: 1.42857143;
1432
- color: #575757;
1432
+ color: #343434;
1433
1433
  color: var(--rs-text-primary);
1434
1434
  white-space: nowrap;
1435
1435
  cursor: pointer;
@@ -1489,13 +1489,13 @@
1489
1489
  outline: 0;
1490
1490
  }
1491
1491
  .rs-dropdown-item-disabled {
1492
- color: #8e8e93;
1492
+ color: #717273;
1493
1493
  color: var(--rs-text-disabled);
1494
1494
  cursor: not-allowed;
1495
1495
  pointer-events: none;
1496
1496
  }
1497
1497
  .rs-dropdown-item-disabled .rs-text {
1498
- color: #8e8e93;
1498
+ color: #717273;
1499
1499
  color: var(--rs-text-disabled);
1500
1500
  }
1501
1501
  .rs-dropdown-item-disabled:hover,
@@ -1622,7 +1622,7 @@
1622
1622
  display: block;
1623
1623
  padding: 8px 12px;
1624
1624
  line-height: 1.42857143;
1625
- color: #a6a6a6;
1625
+ color: #939393;
1626
1626
  color: var(--rs-dropdown-header-text);
1627
1627
  border-bottom: 1px solid #e5e5ea;
1628
1628
  border-bottom: 1px solid var(--rs-border-primary);
@@ -1853,7 +1853,7 @@
1853
1853
  .rs-navbar-default {
1854
1854
  background-color: #f7f7fa;
1855
1855
  background-color: var(--rs-navbar-default-bg);
1856
- color: #575757;
1856
+ color: #343434;
1857
1857
  color: var(--rs-navbar-default-text);
1858
1858
  }
1859
1859
  .rs-navbar-default .rs-navbar-item:hover,
@@ -1861,7 +1861,7 @@
1861
1861
  .rs-navbar-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
1862
1862
  background-color: #e5e5ea;
1863
1863
  background-color: var(--rs-navbar-default-hover-bg);
1864
- color: #575757;
1864
+ color: #343434;
1865
1865
  color: var(--rs-navbar-default-hover-text);
1866
1866
  }
1867
1867
  .rs-navbar-default .rs-navbar-item.rs-navbar-item-active,
@@ -1895,7 +1895,7 @@
1895
1895
  }
1896
1896
  .rs-navbar-subtle {
1897
1897
  background-color: transparent;
1898
- color: #575757;
1898
+ color: #343434;
1899
1899
  color: var(--rs-navbar-subtle-text);
1900
1900
  }
1901
1901
  .rs-navbar-subtle .rs-navbar-item:hover,
@@ -1904,7 +1904,7 @@
1904
1904
  .rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:focus {
1905
1905
  background-color: #f7f7fa;
1906
1906
  background-color: var(--rs-navbar-subtle-hover-bg);
1907
- color: #575757;
1907
+ color: #343434;
1908
1908
  color: var(--rs-navbar-subtle-hover-text);
1909
1909
  }
1910
1910
  .rs-navbar-subtle .rs-navbar-item.rs-navbar-item-active,
package/Notification/styles/index.css CHANGED
@@ -4,10 +4,10 @@
4
4
  --rs-gray-50: #f7f7fa;
5
5
  --rs-gray-100: #f2f2f5;
6
6
  --rs-gray-200: #e5e5ea;
7
- --rs-gray-600: #8e8e93;
8
- --rs-gray-700: #7a7a7a;
9
- --rs-gray-800: #575757;
10
- --rs-gray-900: #272c36;
7
+ --rs-gray-600: #717273;
8
+ --rs-gray-700: #575757;
9
+ --rs-gray-800: #343434;
10
+ --rs-gray-900: #121212;
11
11
  --rs-color-red: #f44336;
12
12
  --rs-color-yellow: #ffb300;
13
13
  --rs-color-green: #4caf50;
@@ -225,7 +225,7 @@
225
225
  text-overflow: ellipsis;
226
226
  white-space: nowrap;
227
227
  width: 100%;
228
- color: #272c36;
228
+ color: #121212;
229
229
  color: var(--rs-text-heading);
230
230
  font-size: 16px;
231
231
  line-height: 1.5;
@@ -252,7 +252,7 @@
252
252
  width: 100%;
253
253
  }
254
254
  .rs-notification-description {
255
- color: #575757;
255
+ color: #343434;
256
256
  color: var(--rs-text-primary);
257
257
  }
258
258
  .rs-notification-title + .rs-notification-description {