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/Dropdown/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;
@@ -400,7 +400,7 @@
400
400
  -ms-user-select: none;
401
401
  user-select: none;
402
402
  text-decoration: none;
403
- color: #575757;
403
+ color: #343434;
404
404
  color: var(--rs-btn-default-text);
405
405
  background-color: #f7f7fa;
406
406
  background-color: var(--rs-btn-default-bg);
@@ -465,7 +465,7 @@
465
465
  }
466
466
  .rs-btn:active,
467
467
  .rs-btn.rs-btn-active {
468
- color: #272c36;
468
+ color: #121212;
469
469
  color: var(--rs-btn-default-active-text);
470
470
  background-color: #d9d9d9;
471
471
  background-color: var(--rs-btn-default-active-bg);
@@ -473,7 +473,7 @@
473
473
  .rs-btn:disabled,
474
474
  .rs-btn.rs-btn-disabled {
475
475
  cursor: not-allowed;
476
- color: #8e8e93;
476
+ color: #717273;
477
477
  color: var(--rs-btn-default-disabled-text);
478
478
  background-color: #f7f7fa;
479
479
  background-color: var(--rs-btn-default-disabled-bg);
@@ -531,28 +531,28 @@
531
531
  border-color: var(--rs-btn-default-disabled-boreder-color);
532
532
  }
533
533
  .rs-btn-subtle {
534
- color: #575757;
534
+ color: #343434;
535
535
  color: var(--rs-btn-subtle-text);
536
536
  background-color: transparent;
537
537
  border: none;
538
538
  }
539
539
  .rs-btn-subtle:hover,
540
540
  .rs-btn-subtle:focus {
541
- color: #575757;
541
+ color: #343434;
542
542
  color: var(--rs-btn-subtle-hover-text);
543
543
  background-color: #e5e5ea;
544
544
  background-color: var(--rs-btn-subtle-hover-bg);
545
545
  }
546
546
  .rs-btn-subtle:active,
547
547
  .rs-btn-subtle.rs-btn-active {
548
- color: #272c36;
548
+ color: #121212;
549
549
  color: var(--rs-btn-subtle-active-text);
550
550
  background-color: #e5e5ea;
551
551
  background-color: var(--rs-btn-subtle-active-bg);
552
552
  }
553
553
  .rs-btn-subtle:disabled,
554
554
  .rs-btn-subtle.rs-btn-disabled {
555
- color: #c5c6c7;
555
+ color: #b6b7b8;
556
556
  color: var(--rs-btn-subtle-disabled-text);
557
557
  background: none;
558
558
  }
@@ -640,7 +640,7 @@
640
640
  --rs-btn-subtle-hover-bg: var(--rs-red-500);
641
641
  --rs-btn-subtle-hover-text: #e5e5ea;
642
642
  --rs-btn-subtle-active-bg: var(--rs-red-600);
643
- --rs-btn-subtle-active-text: #575757;
643
+ --rs-btn-subtle-active-text: #343434;
644
644
  --rs-btn-ghost-border: var(--rs-red-700);
645
645
  --rs-btn-ghost-text: var(--rs-red-700);
646
646
  --rs-btn-ghost-hover-border: var(--rs-red-900);
@@ -694,7 +694,7 @@
694
694
  --rs-btn-subtle-hover-bg: var(--rs-orange-500);
695
695
  --rs-btn-subtle-hover-text: #e5e5ea;
696
696
  --rs-btn-subtle-active-bg: var(--rs-orange-600);
697
- --rs-btn-subtle-active-text: #575757;
697
+ --rs-btn-subtle-active-text: #343434;
698
698
  --rs-btn-ghost-border: var(--rs-orange-700);
699
699
  --rs-btn-ghost-text: var(--rs-orange-700);
700
700
  --rs-btn-ghost-hover-border: var(--rs-orange-900);
@@ -748,7 +748,7 @@
748
748
  --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
749
749
  --rs-btn-subtle-hover-text: #e5e5ea;
750
750
  --rs-btn-subtle-active-bg: var(--rs-yellow-600);
751
- --rs-btn-subtle-active-text: #575757;
751
+ --rs-btn-subtle-active-text: #343434;
752
752
  --rs-btn-ghost-border: var(--rs-yellow-700);
753
753
  --rs-btn-ghost-text: var(--rs-yellow-700);
754
754
  --rs-btn-ghost-hover-border: var(--rs-yellow-900);
@@ -802,7 +802,7 @@
802
802
  --rs-btn-subtle-hover-bg: var(--rs-green-500);
803
803
  --rs-btn-subtle-hover-text: #e5e5ea;
804
804
  --rs-btn-subtle-active-bg: var(--rs-green-600);
805
- --rs-btn-subtle-active-text: #575757;
805
+ --rs-btn-subtle-active-text: #343434;
806
806
  --rs-btn-ghost-border: var(--rs-green-700);
807
807
  --rs-btn-ghost-text: var(--rs-green-700);
808
808
  --rs-btn-ghost-hover-border: var(--rs-green-900);
@@ -856,7 +856,7 @@
856
856
  --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
857
857
  --rs-btn-subtle-hover-text: #e5e5ea;
858
858
  --rs-btn-subtle-active-bg: var(--rs-cyan-600);
859
- --rs-btn-subtle-active-text: #575757;
859
+ --rs-btn-subtle-active-text: #343434;
860
860
  --rs-btn-ghost-border: var(--rs-cyan-700);
861
861
  --rs-btn-ghost-text: var(--rs-cyan-700);
862
862
  --rs-btn-ghost-hover-border: var(--rs-cyan-900);
@@ -910,7 +910,7 @@
910
910
  --rs-btn-subtle-hover-bg: var(--rs-blue-500);
911
911
  --rs-btn-subtle-hover-text: #e5e5ea;
912
912
  --rs-btn-subtle-active-bg: var(--rs-blue-600);
913
- --rs-btn-subtle-active-text: #575757;
913
+ --rs-btn-subtle-active-text: #343434;
914
914
  --rs-btn-ghost-border: var(--rs-blue-700);
915
915
  --rs-btn-ghost-text: var(--rs-blue-700);
916
916
  --rs-btn-ghost-hover-border: var(--rs-blue-900);
@@ -964,7 +964,7 @@
964
964
  --rs-btn-subtle-hover-bg: var(--rs-violet-500);
965
965
  --rs-btn-subtle-hover-text: #e5e5ea;
966
966
  --rs-btn-subtle-active-bg: var(--rs-violet-600);
967
- --rs-btn-subtle-active-text: #575757;
967
+ --rs-btn-subtle-active-text: #343434;
968
968
  --rs-btn-ghost-border: var(--rs-violet-700);
969
969
  --rs-btn-ghost-text: var(--rs-violet-700);
970
970
  --rs-btn-ghost-hover-border: var(--rs-violet-900);
@@ -1212,7 +1212,7 @@
1212
1212
  }
1213
1213
  .rs-btn-loading > .rs-btn-spin::after {
1214
1214
  border-width: 3px;
1215
- border-color: #a6a6a6 transparent transparent;
1215
+ border-color: #939393 transparent transparent;
1216
1216
  border-color: var(--rs-loader-rotor) transparent transparent;
1217
1217
  border-style: solid;
1218
1218
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1272,7 +1272,7 @@
1272
1272
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle,
1273
1273
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:focus,
1274
1274
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:active {
1275
- color: #c5c6c7;
1275
+ color: #b6b7b8;
1276
1276
  color: var(--rs-btn-subtle-disabled-text);
1277
1277
  background: none;
1278
1278
  }
@@ -1386,7 +1386,7 @@
1386
1386
  clear: both;
1387
1387
  font-weight: normal;
1388
1388
  line-height: 1.42857143;
1389
- color: #575757;
1389
+ color: #343434;
1390
1390
  color: var(--rs-text-primary);
1391
1391
  white-space: nowrap;
1392
1392
  cursor: pointer;
@@ -1446,13 +1446,13 @@
1446
1446
  outline: 0;
1447
1447
  }
1448
1448
  .rs-dropdown-item-disabled {
1449
- color: #8e8e93;
1449
+ color: #717273;
1450
1450
  color: var(--rs-text-disabled);
1451
1451
  cursor: not-allowed;
1452
1452
  pointer-events: none;
1453
1453
  }
1454
1454
  .rs-dropdown-item-disabled .rs-text {
1455
- color: #8e8e93;
1455
+ color: #717273;
1456
1456
  color: var(--rs-text-disabled);
1457
1457
  }
1458
1458
  .rs-dropdown-item-disabled:hover,
@@ -1579,7 +1579,7 @@
1579
1579
  display: block;
1580
1580
  padding: 8px 12px;
1581
1581
  line-height: 1.42857143;
1582
- color: #a6a6a6;
1582
+ color: #939393;
1583
1583
  color: var(--rs-dropdown-header-text);
1584
1584
  border-bottom: 1px solid #e5e5ea;
1585
1585
  border-bottom: 1px solid var(--rs-border-primary);
package/FormControlLabel/styles/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root,
2
2
  .rs-theme-light {
3
3
  --rs-gray-200: #e5e5ea;
4
- --rs-gray-600: #8e8e93;
4
+ --rs-gray-600: #717273;
5
5
  --rs-text-secondary: var(--rs-gray-600);
6
6
  }
7
7
  .rs-theme-dark {
@@ -28,7 +28,7 @@
28
28
  margin-bottom: 4px;
29
29
  }
30
30
  .rs-form-plaintext .rs-form-control-label {
31
- color: #8e8e93;
31
+ color: #717273;
32
32
  color: var(--rs-text-secondary);
33
33
  }
34
34
 
package/FormHelpText/styles/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root,
2
2
  .rs-theme-light {
3
3
  --rs-gray-200: #e5e5ea;
4
- --rs-gray-600: #8e8e93;
4
+ --rs-gray-600: #717273;
5
5
  --rs-text-secondary: var(--rs-gray-600);
6
6
  }
7
7
  .rs-theme-dark {
@@ -26,7 +26,7 @@
26
26
  }
27
27
  .rs-form-help-text {
28
28
  display: block;
29
- color: #8e8e93;
29
+ color: #717273;
30
30
  color: var(--rs-text-secondary);
31
31
  min-height: 20px;
32
32
  line-height: 1.66666667;
package/IconButton/styles/index.css CHANGED
@@ -5,11 +5,11 @@
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-800: #575757;
12
- --rs-gray-900: #272c36;
8
+ --rs-gray-400: #b6b7b8;
9
+ --rs-gray-500: #939393;
10
+ --rs-gray-600: #717273;
11
+ --rs-gray-800: #343434;
12
+ --rs-gray-900: #121212;
13
13
  --rs-primary-100: #cce9ff;
14
14
  --rs-primary-200: #a6d7ff;
15
15
  --rs-primary-300: #80c4ff;
@@ -400,7 +400,7 @@
400
400
  -ms-user-select: none;
401
401
  user-select: none;
402
402
  text-decoration: none;
403
- color: #575757;
403
+ color: #343434;
404
404
  color: var(--rs-btn-default-text);
405
405
  background-color: #f7f7fa;
406
406
  background-color: var(--rs-btn-default-bg);
@@ -465,7 +465,7 @@
465
465
  }
466
466
  .rs-btn:active,
467
467
  .rs-btn.rs-btn-active {
468
- color: #272c36;
468
+ color: #121212;
469
469
  color: var(--rs-btn-default-active-text);
470
470
  background-color: #d9d9d9;
471
471
  background-color: var(--rs-btn-default-active-bg);
@@ -473,7 +473,7 @@
473
473
  .rs-btn:disabled,
474
474
  .rs-btn.rs-btn-disabled {
475
475
  cursor: not-allowed;
476
- color: #8e8e93;
476
+ color: #717273;
477
477
  color: var(--rs-btn-default-disabled-text);
478
478
  background-color: #f7f7fa;
479
479
  background-color: var(--rs-btn-default-disabled-bg);
@@ -531,28 +531,28 @@
531
531
  border-color: var(--rs-btn-default-disabled-boreder-color);
532
532
  }
533
533
  .rs-btn-subtle {
534
- color: #575757;
534
+ color: #343434;
535
535
  color: var(--rs-btn-subtle-text);
536
536
  background-color: transparent;
537
537
  border: none;
538
538
  }
539
539
  .rs-btn-subtle:hover,
540
540
  .rs-btn-subtle:focus {
541
- color: #575757;
541
+ color: #343434;
542
542
  color: var(--rs-btn-subtle-hover-text);
543
543
  background-color: #e5e5ea;
544
544
  background-color: var(--rs-btn-subtle-hover-bg);
545
545
  }
546
546
  .rs-btn-subtle:active,
547
547
  .rs-btn-subtle.rs-btn-active {
548
- color: #272c36;
548
+ color: #121212;
549
549
  color: var(--rs-btn-subtle-active-text);
550
550
  background-color: #e5e5ea;
551
551
  background-color: var(--rs-btn-subtle-active-bg);
552
552
  }
553
553
  .rs-btn-subtle:disabled,
554
554
  .rs-btn-subtle.rs-btn-disabled {
555
- color: #c5c6c7;
555
+ color: #b6b7b8;
556
556
  color: var(--rs-btn-subtle-disabled-text);
557
557
  background: none;
558
558
  }
@@ -640,7 +640,7 @@
640
640
  --rs-btn-subtle-hover-bg: var(--rs-red-500);
641
641
  --rs-btn-subtle-hover-text: #e5e5ea;
642
642
  --rs-btn-subtle-active-bg: var(--rs-red-600);
643
- --rs-btn-subtle-active-text: #575757;
643
+ --rs-btn-subtle-active-text: #343434;
644
644
  --rs-btn-ghost-border: var(--rs-red-700);
645
645
  --rs-btn-ghost-text: var(--rs-red-700);
646
646
  --rs-btn-ghost-hover-border: var(--rs-red-900);
@@ -700,7 +700,7 @@
700
700
  --rs-btn-subtle-hover-bg: var(--rs-orange-500);
701
701
  --rs-btn-subtle-hover-text: #e5e5ea;
702
702
  --rs-btn-subtle-active-bg: var(--rs-orange-600);
703
- --rs-btn-subtle-active-text: #575757;
703
+ --rs-btn-subtle-active-text: #343434;
704
704
  --rs-btn-ghost-border: var(--rs-orange-700);
705
705
  --rs-btn-ghost-text: var(--rs-orange-700);
706
706
  --rs-btn-ghost-hover-border: var(--rs-orange-900);
@@ -760,7 +760,7 @@
760
760
  --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
761
761
  --rs-btn-subtle-hover-text: #e5e5ea;
762
762
  --rs-btn-subtle-active-bg: var(--rs-yellow-600);
763
- --rs-btn-subtle-active-text: #575757;
763
+ --rs-btn-subtle-active-text: #343434;
764
764
  --rs-btn-ghost-border: var(--rs-yellow-700);
765
765
  --rs-btn-ghost-text: var(--rs-yellow-700);
766
766
  --rs-btn-ghost-hover-border: var(--rs-yellow-900);
@@ -820,7 +820,7 @@
820
820
  --rs-btn-subtle-hover-bg: var(--rs-green-500);
821
821
  --rs-btn-subtle-hover-text: #e5e5ea;
822
822
  --rs-btn-subtle-active-bg: var(--rs-green-600);
823
- --rs-btn-subtle-active-text: #575757;
823
+ --rs-btn-subtle-active-text: #343434;
824
824
  --rs-btn-ghost-border: var(--rs-green-700);
825
825
  --rs-btn-ghost-text: var(--rs-green-700);
826
826
  --rs-btn-ghost-hover-border: var(--rs-green-900);
@@ -880,7 +880,7 @@
880
880
  --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
881
881
  --rs-btn-subtle-hover-text: #e5e5ea;
882
882
  --rs-btn-subtle-active-bg: var(--rs-cyan-600);
883
- --rs-btn-subtle-active-text: #575757;
883
+ --rs-btn-subtle-active-text: #343434;
884
884
  --rs-btn-ghost-border: var(--rs-cyan-700);
885
885
  --rs-btn-ghost-text: var(--rs-cyan-700);
886
886
  --rs-btn-ghost-hover-border: var(--rs-cyan-900);
@@ -940,7 +940,7 @@
940
940
  --rs-btn-subtle-hover-bg: var(--rs-blue-500);
941
941
  --rs-btn-subtle-hover-text: #e5e5ea;
942
942
  --rs-btn-subtle-active-bg: var(--rs-blue-600);
943
- --rs-btn-subtle-active-text: #575757;
943
+ --rs-btn-subtle-active-text: #343434;
944
944
  --rs-btn-ghost-border: var(--rs-blue-700);
945
945
  --rs-btn-ghost-text: var(--rs-blue-700);
946
946
  --rs-btn-ghost-hover-border: var(--rs-blue-900);
@@ -1000,7 +1000,7 @@
1000
1000
  --rs-btn-subtle-hover-bg: var(--rs-violet-500);
1001
1001
  --rs-btn-subtle-hover-text: #e5e5ea;
1002
1002
  --rs-btn-subtle-active-bg: var(--rs-violet-600);
1003
- --rs-btn-subtle-active-text: #575757;
1003
+ --rs-btn-subtle-active-text: #343434;
1004
1004
  --rs-btn-ghost-border: var(--rs-violet-700);
1005
1005
  --rs-btn-ghost-text: var(--rs-violet-700);
1006
1006
  --rs-btn-ghost-hover-border: var(--rs-violet-900);
@@ -1254,7 +1254,7 @@
1254
1254
  }
1255
1255
  .rs-btn-loading > .rs-btn-spin::after {
1256
1256
  border-width: 3px;
1257
- border-color: #a6a6a6 transparent transparent;
1257
+ border-color: #939393 transparent transparent;
1258
1258
  border-color: var(--rs-loader-rotor) transparent transparent;
1259
1259
  border-style: solid;
1260
1260
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1306,7 +1306,7 @@
1306
1306
  }
1307
1307
  .rs-btn-icon-with-text:active > .rs-icon,
1308
1308
  .rs-btn-icon-with-text.rs-btn-active > .rs-icon {
1309
- background-color: #c5c6c7;
1309
+ background-color: #b6b7b8;
1310
1310
  background-color: var(--rs-iconbtn-pressed-addon);
1311
1311
  }
1312
1312
  .rs-btn-icon-with-text:disabled > .rs-icon,
package/InlineEdit/styles/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root,
2
2
  .rs-theme-light {
3
3
  --rs-gray-200: #e5e5ea;
4
- --rs-gray-500: #a6a6a6;
4
+ --rs-gray-500: #939393;
5
5
  --rs-inline-edit-hover-bg: var(--rs-gray-200);
6
6
  }
7
7
  .rs-theme-dark {
package/Input/styles/index.css CHANGED
@@ -4,11 +4,11 @@
4
4
  --rs-gray-50: #f7f7fa;
5
5
  --rs-gray-100: #f2f2f5;
6
6
  --rs-gray-200: #e5e5ea;
7
- --rs-gray-400: #c5c6c7;
8
- --rs-gray-500: #a6a6a6;
9
- --rs-gray-600: #8e8e93;
10
- --rs-gray-700: #7a7a7a;
11
- --rs-gray-800: #575757;
7
+ --rs-gray-400: #b6b7b8;
8
+ --rs-gray-500: #939393;
9
+ --rs-gray-600: #717273;
10
+ --rs-gray-700: #575757;
11
+ --rs-gray-800: #343434;
12
12
  --rs-primary-500: #3498ff;
13
13
  --rs-text-primary: var(--rs-gray-800);
14
14
  --rs-text-secondary: var(--rs-gray-600);
@@ -83,7 +83,7 @@
83
83
  .rs-input {
84
84
  display: block;
85
85
  width: 100%;
86
- color: #575757;
86
+ color: #343434;
87
87
  color: var(--rs-text-primary);
88
88
  background-color: #fff;
89
89
  background-color: var(--rs-input-bg);
@@ -112,19 +112,19 @@ textarea.rs-input {
112
112
  transition: none;
113
113
  }
114
114
  .rs-input::-webkit-input-placeholder {
115
- color: #8e8e93;
115
+ color: #717273;
116
116
  color: var(--rs-text-secondary);
117
117
  }
118
118
  .rs-input::-moz-placeholder {
119
- color: #8e8e93;
119
+ color: #717273;
120
120
  color: var(--rs-text-secondary);
121
121
  }
122
122
  .rs-input::-ms-input-placeholder {
123
- color: #8e8e93;
123
+ color: #717273;
124
124
  color: var(--rs-text-secondary);
125
125
  }
126
126
  .rs-input::placeholder {
127
- color: #8e8e93;
127
+ color: #717273;
128
128
  color: var(--rs-text-secondary);
129
129
  }
130
130
  .rs-input:focus,
@@ -142,7 +142,7 @@ textarea.rs-input {
142
142
  .rs-input:disabled {
143
143
  background-color: #f7f7fa;
144
144
  background-color: var(--rs-input-disabled-bg);
145
- color: #8e8e93;
145
+ color: #717273;
146
146
  color: var(--rs-text-disabled);
147
147
  }
148
148
  textarea.rs-input {
package/InputGroup/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;
@@ -376,7 +376,7 @@
376
376
  -ms-user-select: none;
377
377
  user-select: none;
378
378
  text-decoration: none;
379
- color: #575757;
379
+ color: #343434;
380
380
  color: var(--rs-btn-default-text);
381
381
  background-color: #f7f7fa;
382
382
  background-color: var(--rs-btn-default-bg);
@@ -441,7 +441,7 @@
441
441
  }
442
442
  .rs-btn:active,
443
443
  .rs-btn.rs-btn-active {
444
- color: #272c36;
444
+ color: #121212;
445
445
  color: var(--rs-btn-default-active-text);
446
446
  background-color: #d9d9d9;
447
447
  background-color: var(--rs-btn-default-active-bg);
@@ -449,7 +449,7 @@
449
449
  .rs-btn:disabled,
450
450
  .rs-btn.rs-btn-disabled {
451
451
  cursor: not-allowed;
452
- color: #8e8e93;
452
+ color: #717273;
453
453
  color: var(--rs-btn-default-disabled-text);
454
454
  background-color: #f7f7fa;
455
455
  background-color: var(--rs-btn-default-disabled-bg);
@@ -507,28 +507,28 @@
507
507
  border-color: var(--rs-btn-default-disabled-boreder-color);
508
508
  }
509
509
  .rs-btn-subtle {
510
- color: #575757;
510
+ color: #343434;
511
511
  color: var(--rs-btn-subtle-text);
512
512
  background-color: transparent;
513
513
  border: none;
514
514
  }
515
515
  .rs-btn-subtle:hover,
516
516
  .rs-btn-subtle:focus {
517
- color: #575757;
517
+ color: #343434;
518
518
  color: var(--rs-btn-subtle-hover-text);
519
519
  background-color: #e5e5ea;
520
520
  background-color: var(--rs-btn-subtle-hover-bg);
521
521
  }
522
522
  .rs-btn-subtle:active,
523
523
  .rs-btn-subtle.rs-btn-active {
524
- color: #272c36;
524
+ color: #121212;
525
525
  color: var(--rs-btn-subtle-active-text);
526
526
  background-color: #e5e5ea;
527
527
  background-color: var(--rs-btn-subtle-active-bg);
528
528
  }
529
529
  .rs-btn-subtle:disabled,
530
530
  .rs-btn-subtle.rs-btn-disabled {
531
- color: #c5c6c7;
531
+ color: #b6b7b8;
532
532
  color: var(--rs-btn-subtle-disabled-text);
533
533
  background: none;
534
534
  }
@@ -616,7 +616,7 @@
616
616
  --rs-btn-subtle-hover-bg: var(--rs-red-500);
617
617
  --rs-btn-subtle-hover-text: #e5e5ea;
618
618
  --rs-btn-subtle-active-bg: var(--rs-red-600);
619
- --rs-btn-subtle-active-text: #575757;
619
+ --rs-btn-subtle-active-text: #343434;
620
620
  --rs-btn-ghost-border: var(--rs-red-700);
621
621
  --rs-btn-ghost-text: var(--rs-red-700);
622
622
  --rs-btn-ghost-hover-border: var(--rs-red-900);
@@ -670,7 +670,7 @@
670
670
  --rs-btn-subtle-hover-bg: var(--rs-orange-500);
671
671
  --rs-btn-subtle-hover-text: #e5e5ea;
672
672
  --rs-btn-subtle-active-bg: var(--rs-orange-600);
673
- --rs-btn-subtle-active-text: #575757;
673
+ --rs-btn-subtle-active-text: #343434;
674
674
  --rs-btn-ghost-border: var(--rs-orange-700);
675
675
  --rs-btn-ghost-text: var(--rs-orange-700);
676
676
  --rs-btn-ghost-hover-border: var(--rs-orange-900);
@@ -724,7 +724,7 @@
724
724
  --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
725
725
  --rs-btn-subtle-hover-text: #e5e5ea;
726
726
  --rs-btn-subtle-active-bg: var(--rs-yellow-600);
727
- --rs-btn-subtle-active-text: #575757;
727
+ --rs-btn-subtle-active-text: #343434;
728
728
  --rs-btn-ghost-border: var(--rs-yellow-700);
729
729
  --rs-btn-ghost-text: var(--rs-yellow-700);
730
730
  --rs-btn-ghost-hover-border: var(--rs-yellow-900);
@@ -778,7 +778,7 @@
778
778
  --rs-btn-subtle-hover-bg: var(--rs-green-500);
779
779
  --rs-btn-subtle-hover-text: #e5e5ea;
780
780
  --rs-btn-subtle-active-bg: var(--rs-green-600);
781
- --rs-btn-subtle-active-text: #575757;
781
+ --rs-btn-subtle-active-text: #343434;
782
782
  --rs-btn-ghost-border: var(--rs-green-700);
783
783
  --rs-btn-ghost-text: var(--rs-green-700);
784
784
  --rs-btn-ghost-hover-border: var(--rs-green-900);
@@ -832,7 +832,7 @@
832
832
  --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
833
833
  --rs-btn-subtle-hover-text: #e5e5ea;
834
834
  --rs-btn-subtle-active-bg: var(--rs-cyan-600);
835
- --rs-btn-subtle-active-text: #575757;
835
+ --rs-btn-subtle-active-text: #343434;
836
836
  --rs-btn-ghost-border: var(--rs-cyan-700);
837
837
  --rs-btn-ghost-text: var(--rs-cyan-700);
838
838
  --rs-btn-ghost-hover-border: var(--rs-cyan-900);
@@ -886,7 +886,7 @@
886
886
  --rs-btn-subtle-hover-bg: var(--rs-blue-500);
887
887
  --rs-btn-subtle-hover-text: #e5e5ea;
888
888
  --rs-btn-subtle-active-bg: var(--rs-blue-600);
889
- --rs-btn-subtle-active-text: #575757;
889
+ --rs-btn-subtle-active-text: #343434;
890
890
  --rs-btn-ghost-border: var(--rs-blue-700);
891
891
  --rs-btn-ghost-text: var(--rs-blue-700);
892
892
  --rs-btn-ghost-hover-border: var(--rs-blue-900);
@@ -940,7 +940,7 @@
940
940
  --rs-btn-subtle-hover-bg: var(--rs-violet-500);
941
941
  --rs-btn-subtle-hover-text: #e5e5ea;
942
942
  --rs-btn-subtle-active-bg: var(--rs-violet-600);
943
- --rs-btn-subtle-active-text: #575757;
943
+ --rs-btn-subtle-active-text: #343434;
944
944
  --rs-btn-ghost-border: var(--rs-violet-700);
945
945
  --rs-btn-ghost-text: var(--rs-violet-700);
946
946
  --rs-btn-ghost-hover-border: var(--rs-violet-900);
@@ -1188,7 +1188,7 @@
1188
1188
  }
1189
1189
  .rs-btn-loading > .rs-btn-spin::after {
1190
1190
  border-width: 3px;
1191
- border-color: #a6a6a6 transparent transparent;
1191
+ border-color: #939393 transparent transparent;
1192
1192
  border-color: var(--rs-loader-rotor) transparent transparent;
1193
1193
  border-style: solid;
1194
1194
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1231,7 +1231,7 @@
1231
1231
  transition: border-color ease-in-out 0.15s;
1232
1232
  width: 100%;
1233
1233
  cursor: text;
1234
- color: #575757;
1234
+ color: #343434;
1235
1235
  color: var(--rs-text-primary);
1236
1236
  border: 1px solid #e5e5ea;
1237
1237
  border: 1px solid var(--rs-border-primary);
@@ -1339,7 +1339,7 @@
1339
1339
  width: auto;
1340
1340
  }
1341
1341
  .rs-input-group.rs-input-group-inside .rs-input-group-btn {
1342
- color: #575757;
1342
+ color: #343434;
1343
1343
  color: var(--rs-btn-subtle-text);
1344
1344
  background-color: transparent;
1345
1345
  border: none;
@@ -1350,21 +1350,21 @@
1350
1350
  }
1351
1351
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1352
1352
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1353
- color: #575757;
1353
+ color: #343434;
1354
1354
  color: var(--rs-btn-subtle-hover-text);
1355
1355
  background-color: #e5e5ea;
1356
1356
  background-color: var(--rs-btn-subtle-hover-bg);
1357
1357
  }
1358
1358
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
1359
1359
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active {
1360
- color: #272c36;
1360
+ color: #121212;
1361
1361
  color: var(--rs-btn-subtle-active-text);
1362
1362
  background-color: #e5e5ea;
1363
1363
  background-color: var(--rs-btn-subtle-active-bg);
1364
1364
  }
1365
1365
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
1366
1366
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1367
- color: #c5c6c7;
1367
+ color: #b6b7b8;
1368
1368
  color: var(--rs-btn-subtle-disabled-text);
1369
1369
  background: none;
1370
1370
  }
@@ -1420,7 +1420,7 @@
1420
1420
  .rs-input-group.rs-input-group-disabled {
1421
1421
  background-color: #f7f7fa;
1422
1422
  background-color: var(--rs-input-disabled-bg);
1423
- color: #8e8e93;
1423
+ color: #717273;
1424
1424
  color: var(--rs-text-disabled);
1425
1425
  cursor: not-allowed;
1426
1426
  }
@@ -1725,7 +1725,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
1725
1725
  align-items: center;
1726
1726
  white-space: nowrap;
1727
1727
  vertical-align: middle;
1728
- color: #575757;
1728
+ color: #343434;
1729
1729
  color: var(--rs-text-primary);
1730
1730
  padding: 8px 12px;
1731
1731
  font-size: 14px;