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
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);
@@ -1168,7 +1168,6 @@
1168
1168
  border-left: var(--rs-btn-default-border, none);
1169
1169
  }
1170
1170
  .rs-btn-block {
1171
- display: block;
1172
1171
  width: 100%;
1173
1172
  }
1174
1173
  .rs-btn-block + .rs-btn-block {
@@ -1212,7 +1211,7 @@
1212
1211
  }
1213
1212
  .rs-btn-loading > .rs-btn-spin::after {
1214
1213
  border-width: 3px;
1215
- border-color: #a6a6a6 transparent transparent;
1214
+ border-color: #939393 transparent transparent;
1216
1215
  border-color: var(--rs-loader-rotor) transparent transparent;
1217
1216
  border-style: solid;
1218
1217
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1272,7 +1271,7 @@
1272
1271
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle,
1273
1272
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:focus,
1274
1273
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:active {
1275
- color: #c5c6c7;
1274
+ color: #b6b7b8;
1276
1275
  color: var(--rs-btn-subtle-disabled-text);
1277
1276
  background: none;
1278
1277
  }
@@ -1386,7 +1385,7 @@
1386
1385
  clear: both;
1387
1386
  font-weight: normal;
1388
1387
  line-height: 1.42857143;
1389
- color: #575757;
1388
+ color: #343434;
1390
1389
  color: var(--rs-text-primary);
1391
1390
  white-space: nowrap;
1392
1391
  cursor: pointer;
@@ -1446,13 +1445,13 @@
1446
1445
  outline: 0;
1447
1446
  }
1448
1447
  .rs-dropdown-item-disabled {
1449
- color: #8e8e93;
1448
+ color: #717273;
1450
1449
  color: var(--rs-text-disabled);
1451
1450
  cursor: not-allowed;
1452
1451
  pointer-events: none;
1453
1452
  }
1454
1453
  .rs-dropdown-item-disabled .rs-text {
1455
- color: #8e8e93;
1454
+ color: #717273;
1456
1455
  color: var(--rs-text-disabled);
1457
1456
  }
1458
1457
  .rs-dropdown-item-disabled:hover,
@@ -1579,7 +1578,7 @@
1579
1578
  display: block;
1580
1579
  padding: 8px 12px;
1581
1580
  line-height: 1.42857143;
1582
- color: #a6a6a6;
1581
+ color: #939393;
1583
1582
  color: var(--rs-dropdown-header-text);
1584
1583
  border-bottom: 1px solid #e5e5ea;
1585
1584
  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);
@@ -1210,7 +1210,6 @@
1210
1210
  border-left: var(--rs-btn-default-border, none);
1211
1211
  }
1212
1212
  .rs-btn-block {
1213
- display: block;
1214
1213
  width: 100%;
1215
1214
  }
1216
1215
  .rs-btn-block + .rs-btn-block {
@@ -1254,7 +1253,7 @@
1254
1253
  }
1255
1254
  .rs-btn-loading > .rs-btn-spin::after {
1256
1255
  border-width: 3px;
1257
- border-color: #a6a6a6 transparent transparent;
1256
+ border-color: #939393 transparent transparent;
1258
1257
  border-color: var(--rs-loader-rotor) transparent transparent;
1259
1258
  border-style: solid;
1260
1259
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1306,7 +1305,7 @@
1306
1305
  }
1307
1306
  .rs-btn-icon-with-text:active > .rs-icon,
1308
1307
  .rs-btn-icon-with-text.rs-btn-active > .rs-icon {
1309
- background-color: #c5c6c7;
1308
+ background-color: #b6b7b8;
1310
1309
  background-color: var(--rs-iconbtn-pressed-addon);
1311
1310
  }
1312
1311
  .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);
@@ -1144,7 +1144,6 @@
1144
1144
  border-left: var(--rs-btn-default-border, none);
1145
1145
  }
1146
1146
  .rs-btn-block {
1147
- display: block;
1148
1147
  width: 100%;
1149
1148
  }
1150
1149
  .rs-btn-block + .rs-btn-block {
@@ -1188,7 +1187,7 @@
1188
1187
  }
1189
1188
  .rs-btn-loading > .rs-btn-spin::after {
1190
1189
  border-width: 3px;
1191
- border-color: #a6a6a6 transparent transparent;
1190
+ border-color: #939393 transparent transparent;
1192
1191
  border-color: var(--rs-loader-rotor) transparent transparent;
1193
1192
  border-style: solid;
1194
1193
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1231,7 +1230,7 @@
1231
1230
  transition: border-color ease-in-out 0.15s;
1232
1231
  width: 100%;
1233
1232
  cursor: text;
1234
- color: #575757;
1233
+ color: #343434;
1235
1234
  color: var(--rs-text-primary);
1236
1235
  border: 1px solid #e5e5ea;
1237
1236
  border: 1px solid var(--rs-border-primary);
@@ -1339,7 +1338,7 @@
1339
1338
  width: auto;
1340
1339
  }
1341
1340
  .rs-input-group.rs-input-group-inside .rs-input-group-btn {
1342
- color: #575757;
1341
+ color: #343434;
1343
1342
  color: var(--rs-btn-subtle-text);
1344
1343
  background-color: transparent;
1345
1344
  border: none;
@@ -1350,21 +1349,21 @@
1350
1349
  }
1351
1350
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
1352
1351
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
1353
- color: #575757;
1352
+ color: #343434;
1354
1353
  color: var(--rs-btn-subtle-hover-text);
1355
1354
  background-color: #e5e5ea;
1356
1355
  background-color: var(--rs-btn-subtle-hover-bg);
1357
1356
  }
1358
1357
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
1359
1358
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active {
1360
- color: #272c36;
1359
+ color: #121212;
1361
1360
  color: var(--rs-btn-subtle-active-text);
1362
1361
  background-color: #e5e5ea;
1363
1362
  background-color: var(--rs-btn-subtle-active-bg);
1364
1363
  }
1365
1364
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
1366
1365
  .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
1367
- color: #c5c6c7;
1366
+ color: #b6b7b8;
1368
1367
  color: var(--rs-btn-subtle-disabled-text);
1369
1368
  background: none;
1370
1369
  }
@@ -1420,7 +1419,7 @@
1420
1419
  .rs-input-group.rs-input-group-disabled {
1421
1420
  background-color: #f7f7fa;
1422
1421
  background-color: var(--rs-input-disabled-bg);
1423
- color: #8e8e93;
1422
+ color: #717273;
1424
1423
  color: var(--rs-text-disabled);
1425
1424
  cursor: not-allowed;
1426
1425
  }
@@ -1725,7 +1724,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
1725
1724
  align-items: center;
1726
1725
  white-space: nowrap;
1727
1726
  vertical-align: middle;
1728
- color: #575757;
1727
+ color: #343434;
1729
1728
  color: var(--rs-text-primary);
1730
1729
  padding: 8px 12px;
1731
1730
  font-size: 14px;