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/Nav/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;
@@ -424,7 +424,7 @@
424
424
  -ms-user-select: none;
425
425
  user-select: none;
426
426
  text-decoration: none;
427
- color: #575757;
427
+ color: #343434;
428
428
  color: var(--rs-btn-default-text);
429
429
  background-color: #f7f7fa;
430
430
  background-color: var(--rs-btn-default-bg);
@@ -489,7 +489,7 @@
489
489
  }
490
490
  .rs-btn:active,
491
491
  .rs-btn.rs-btn-active {
492
- color: #272c36;
492
+ color: #121212;
493
493
  color: var(--rs-btn-default-active-text);
494
494
  background-color: #d9d9d9;
495
495
  background-color: var(--rs-btn-default-active-bg);
@@ -497,7 +497,7 @@
497
497
  .rs-btn:disabled,
498
498
  .rs-btn.rs-btn-disabled {
499
499
  cursor: not-allowed;
500
- color: #8e8e93;
500
+ color: #717273;
501
501
  color: var(--rs-btn-default-disabled-text);
502
502
  background-color: #f7f7fa;
503
503
  background-color: var(--rs-btn-default-disabled-bg);
@@ -555,28 +555,28 @@
555
555
  border-color: var(--rs-btn-default-disabled-boreder-color);
556
556
  }
557
557
  .rs-btn-subtle {
558
- color: #575757;
558
+ color: #343434;
559
559
  color: var(--rs-btn-subtle-text);
560
560
  background-color: transparent;
561
561
  border: none;
562
562
  }
563
563
  .rs-btn-subtle:hover,
564
564
  .rs-btn-subtle:focus {
565
- color: #575757;
565
+ color: #343434;
566
566
  color: var(--rs-btn-subtle-hover-text);
567
567
  background-color: #e5e5ea;
568
568
  background-color: var(--rs-btn-subtle-hover-bg);
569
569
  }
570
570
  .rs-btn-subtle:active,
571
571
  .rs-btn-subtle.rs-btn-active {
572
- color: #272c36;
572
+ color: #121212;
573
573
  color: var(--rs-btn-subtle-active-text);
574
574
  background-color: #e5e5ea;
575
575
  background-color: var(--rs-btn-subtle-active-bg);
576
576
  }
577
577
  .rs-btn-subtle:disabled,
578
578
  .rs-btn-subtle.rs-btn-disabled {
579
- color: #c5c6c7;
579
+ color: #b6b7b8;
580
580
  color: var(--rs-btn-subtle-disabled-text);
581
581
  background: none;
582
582
  }
@@ -664,7 +664,7 @@
664
664
  --rs-btn-subtle-hover-bg: var(--rs-red-500);
665
665
  --rs-btn-subtle-hover-text: #e5e5ea;
666
666
  --rs-btn-subtle-active-bg: var(--rs-red-600);
667
- --rs-btn-subtle-active-text: #575757;
667
+ --rs-btn-subtle-active-text: #343434;
668
668
  --rs-btn-ghost-border: var(--rs-red-700);
669
669
  --rs-btn-ghost-text: var(--rs-red-700);
670
670
  --rs-btn-ghost-hover-border: var(--rs-red-900);
@@ -718,7 +718,7 @@
718
718
  --rs-btn-subtle-hover-bg: var(--rs-orange-500);
719
719
  --rs-btn-subtle-hover-text: #e5e5ea;
720
720
  --rs-btn-subtle-active-bg: var(--rs-orange-600);
721
- --rs-btn-subtle-active-text: #575757;
721
+ --rs-btn-subtle-active-text: #343434;
722
722
  --rs-btn-ghost-border: var(--rs-orange-700);
723
723
  --rs-btn-ghost-text: var(--rs-orange-700);
724
724
  --rs-btn-ghost-hover-border: var(--rs-orange-900);
@@ -772,7 +772,7 @@
772
772
  --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
773
773
  --rs-btn-subtle-hover-text: #e5e5ea;
774
774
  --rs-btn-subtle-active-bg: var(--rs-yellow-600);
775
- --rs-btn-subtle-active-text: #575757;
775
+ --rs-btn-subtle-active-text: #343434;
776
776
  --rs-btn-ghost-border: var(--rs-yellow-700);
777
777
  --rs-btn-ghost-text: var(--rs-yellow-700);
778
778
  --rs-btn-ghost-hover-border: var(--rs-yellow-900);
@@ -826,7 +826,7 @@
826
826
  --rs-btn-subtle-hover-bg: var(--rs-green-500);
827
827
  --rs-btn-subtle-hover-text: #e5e5ea;
828
828
  --rs-btn-subtle-active-bg: var(--rs-green-600);
829
- --rs-btn-subtle-active-text: #575757;
829
+ --rs-btn-subtle-active-text: #343434;
830
830
  --rs-btn-ghost-border: var(--rs-green-700);
831
831
  --rs-btn-ghost-text: var(--rs-green-700);
832
832
  --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);
@@ -934,7 +934,7 @@
934
934
  --rs-btn-subtle-hover-bg: var(--rs-blue-500);
935
935
  --rs-btn-subtle-hover-text: #e5e5ea;
936
936
  --rs-btn-subtle-active-bg: var(--rs-blue-600);
937
- --rs-btn-subtle-active-text: #575757;
937
+ --rs-btn-subtle-active-text: #343434;
938
938
  --rs-btn-ghost-border: var(--rs-blue-700);
939
939
  --rs-btn-ghost-text: var(--rs-blue-700);
940
940
  --rs-btn-ghost-hover-border: var(--rs-blue-900);
@@ -988,7 +988,7 @@
988
988
  --rs-btn-subtle-hover-bg: var(--rs-violet-500);
989
989
  --rs-btn-subtle-hover-text: #e5e5ea;
990
990
  --rs-btn-subtle-active-bg: var(--rs-violet-600);
991
- --rs-btn-subtle-active-text: #575757;
991
+ --rs-btn-subtle-active-text: #343434;
992
992
  --rs-btn-ghost-border: var(--rs-violet-700);
993
993
  --rs-btn-ghost-text: var(--rs-violet-700);
994
994
  --rs-btn-ghost-hover-border: var(--rs-violet-900);
@@ -1192,7 +1192,6 @@
1192
1192
  border-left: var(--rs-btn-default-border, none);
1193
1193
  }
1194
1194
  .rs-btn-block {
1195
- display: block;
1196
1195
  width: 100%;
1197
1196
  }
1198
1197
  .rs-btn-block + .rs-btn-block {
@@ -1236,7 +1235,7 @@
1236
1235
  }
1237
1236
  .rs-btn-loading > .rs-btn-spin::after {
1238
1237
  border-width: 3px;
1239
- border-color: #a6a6a6 transparent transparent;
1238
+ border-color: #939393 transparent transparent;
1240
1239
  border-color: var(--rs-loader-rotor) transparent transparent;
1241
1240
  border-style: solid;
1242
1241
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1296,7 +1295,7 @@
1296
1295
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle,
1297
1296
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:focus,
1298
1297
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:active {
1299
- color: #c5c6c7;
1298
+ color: #b6b7b8;
1300
1299
  color: var(--rs-btn-subtle-disabled-text);
1301
1300
  background: none;
1302
1301
  }
@@ -1410,7 +1409,7 @@
1410
1409
  clear: both;
1411
1410
  font-weight: normal;
1412
1411
  line-height: 1.42857143;
1413
- color: #575757;
1412
+ color: #343434;
1414
1413
  color: var(--rs-text-primary);
1415
1414
  white-space: nowrap;
1416
1415
  cursor: pointer;
@@ -1470,13 +1469,13 @@
1470
1469
  outline: 0;
1471
1470
  }
1472
1471
  .rs-dropdown-item-disabled {
1473
- color: #8e8e93;
1472
+ color: #717273;
1474
1473
  color: var(--rs-text-disabled);
1475
1474
  cursor: not-allowed;
1476
1475
  pointer-events: none;
1477
1476
  }
1478
1477
  .rs-dropdown-item-disabled .rs-text {
1479
- color: #8e8e93;
1478
+ color: #717273;
1480
1479
  color: var(--rs-text-disabled);
1481
1480
  }
1482
1481
  .rs-dropdown-item-disabled:hover,
@@ -1603,7 +1602,7 @@
1603
1602
  display: block;
1604
1603
  padding: 8px 12px;
1605
1604
  line-height: 1.42857143;
1606
- color: #a6a6a6;
1605
+ color: #939393;
1607
1606
  color: var(--rs-dropdown-header-text);
1608
1607
  border-bottom: 1px solid #e5e5ea;
1609
1608
  border-bottom: 1px solid var(--rs-border-primary);
@@ -1663,7 +1662,7 @@
1663
1662
  .rs-nav-item {
1664
1663
  padding: 8px 12px;
1665
1664
  cursor: pointer;
1666
- color: #575757;
1665
+ color: #343434;
1667
1666
  color: var(--rs-navs-text);
1668
1667
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
1669
1668
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
@@ -1692,7 +1691,7 @@
1692
1691
  .rs-nav-item:hover,
1693
1692
  .rs-nav-item:focus,
1694
1693
  .rs-nav-item.rs-nav-item-focus {
1695
- color: #575757;
1694
+ color: #343434;
1696
1695
  color: var(--rs-navs-text-hover);
1697
1696
  }
1698
1697
  .rs-theme-high-contrast .rs-nav-item:hover,
@@ -1711,7 +1710,7 @@
1711
1710
  outline-offset: 2px;
1712
1711
  }
1713
1712
  .rs-nav-item:active {
1714
- color: #272c36;
1713
+ color: #121212;
1715
1714
  color: var(--rs-navs-text-active);
1716
1715
  }
1717
1716
  .rs-theme-high-contrast .rs-nav-item:active {
@@ -1720,7 +1719,7 @@
1720
1719
  .rs-nav-item.rs-nav-item-disabled {
1721
1720
  cursor: not-allowed;
1722
1721
  pointer-events: none;
1723
- color: #8e8e93;
1722
+ color: #717273;
1724
1723
  color: var(--rs-text-disabled);
1725
1724
  }
1726
1725
  .rs-nav-item.rs-nav-item-active {
package/NavItem/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "rsuite/NavItem",
3
3
  "private": true,
4
- "main": "../cjs/Nav/NavItem.js",
5
- "module": "../esm/Nav/NavItem.js",
6
- "types": "../esm/Nav/NavItem.d.ts"
4
+ "main": "../cjs/Nav/AdaptiveNavItem.js",
5
+ "module": "../esm/Nav/AdaptiveNavItem.js",
6
+ "types": "../esm/Nav/AdaptiveNavItem.d.ts"
7
7
  }
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);
@@ -1211,7 +1211,6 @@
1211
1211
  border-left: var(--rs-btn-default-border, none);
1212
1212
  }
1213
1213
  .rs-btn-block {
1214
- display: block;
1215
1214
  width: 100%;
1216
1215
  }
1217
1216
  .rs-btn-block + .rs-btn-block {
@@ -1255,7 +1254,7 @@
1255
1254
  }
1256
1255
  .rs-btn-loading > .rs-btn-spin::after {
1257
1256
  border-width: 3px;
1258
- border-color: #a6a6a6 transparent transparent;
1257
+ border-color: #939393 transparent transparent;
1259
1258
  border-color: var(--rs-loader-rotor) transparent transparent;
1260
1259
  border-style: solid;
1261
1260
  -webkit-animation: buttonSpin 0.6s infinite linear;
@@ -1315,7 +1314,7 @@
1315
1314
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle,
1316
1315
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:focus,
1317
1316
  .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:active {
1318
- color: #c5c6c7;
1317
+ color: #b6b7b8;
1319
1318
  color: var(--rs-btn-subtle-disabled-text);
1320
1319
  background: none;
1321
1320
  }
@@ -1429,7 +1428,7 @@
1429
1428
  clear: both;
1430
1429
  font-weight: normal;
1431
1430
  line-height: 1.42857143;
1432
- color: #575757;
1431
+ color: #343434;
1433
1432
  color: var(--rs-text-primary);
1434
1433
  white-space: nowrap;
1435
1434
  cursor: pointer;
@@ -1489,13 +1488,13 @@
1489
1488
  outline: 0;
1490
1489
  }
1491
1490
  .rs-dropdown-item-disabled {
1492
- color: #8e8e93;
1491
+ color: #717273;
1493
1492
  color: var(--rs-text-disabled);
1494
1493
  cursor: not-allowed;
1495
1494
  pointer-events: none;
1496
1495
  }
1497
1496
  .rs-dropdown-item-disabled .rs-text {
1498
- color: #8e8e93;
1497
+ color: #717273;
1499
1498
  color: var(--rs-text-disabled);
1500
1499
  }
1501
1500
  .rs-dropdown-item-disabled:hover,
@@ -1622,7 +1621,7 @@
1622
1621
  display: block;
1623
1622
  padding: 8px 12px;
1624
1623
  line-height: 1.42857143;
1625
- color: #a6a6a6;
1624
+ color: #939393;
1626
1625
  color: var(--rs-dropdown-header-text);
1627
1626
  border-bottom: 1px solid #e5e5ea;
1628
1627
  border-bottom: 1px solid var(--rs-border-primary);
@@ -1853,7 +1852,7 @@
1853
1852
  .rs-navbar-default {
1854
1853
  background-color: #f7f7fa;
1855
1854
  background-color: var(--rs-navbar-default-bg);
1856
- color: #575757;
1855
+ color: #343434;
1857
1856
  color: var(--rs-navbar-default-text);
1858
1857
  }
1859
1858
  .rs-navbar-default .rs-navbar-item:hover,
@@ -1861,7 +1860,7 @@
1861
1860
  .rs-navbar-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
1862
1861
  background-color: #e5e5ea;
1863
1862
  background-color: var(--rs-navbar-default-hover-bg);
1864
- color: #575757;
1863
+ color: #343434;
1865
1864
  color: var(--rs-navbar-default-hover-text);
1866
1865
  }
1867
1866
  .rs-navbar-default .rs-navbar-item.rs-navbar-item-active,
@@ -1895,7 +1894,7 @@
1895
1894
  }
1896
1895
  .rs-navbar-subtle {
1897
1896
  background-color: transparent;
1898
- color: #575757;
1897
+ color: #343434;
1899
1898
  color: var(--rs-navbar-subtle-text);
1900
1899
  }
1901
1900
  .rs-navbar-subtle .rs-navbar-item:hover,
@@ -1904,7 +1903,7 @@
1904
1903
  .rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:focus {
1905
1904
  background-color: #f7f7fa;
1906
1905
  background-color: var(--rs-navbar-subtle-hover-bg);
1907
- color: #575757;
1906
+ color: #343434;
1908
1907
  color: var(--rs-navbar-subtle-hover-text);
1909
1908
  }
1910
1909
  .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 {