@coreui/coreui 5.0.0-rc.0 → 5.0.0-rc.3

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 (127) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +2 -2
  3. package/dist/css/coreui-grid.css +2 -2
  4. package/dist/css/coreui-grid.css.map +1 -1
  5. package/dist/css/coreui-grid.min.css +2 -2
  6. package/dist/css/coreui-grid.min.css.map +1 -1
  7. package/dist/css/coreui-grid.rtl.css +2 -2
  8. package/dist/css/coreui-grid.rtl.css.map +1 -1
  9. package/dist/css/coreui-grid.rtl.min.css +2 -2
  10. package/dist/css/coreui-grid.rtl.min.css.map +1 -1
  11. package/dist/css/coreui-reboot.css +13 -13
  12. package/dist/css/coreui-reboot.css.map +1 -1
  13. package/dist/css/coreui-reboot.min.css +3 -3
  14. package/dist/css/coreui-reboot.min.css.map +1 -1
  15. package/dist/css/coreui-reboot.rtl.css +14 -14
  16. package/dist/css/coreui-reboot.rtl.css.map +1 -1
  17. package/dist/css/coreui-reboot.rtl.min.css +3 -3
  18. package/dist/css/coreui-reboot.rtl.min.css.map +1 -1
  19. package/dist/css/coreui-utilities.css +31 -31
  20. package/dist/css/coreui-utilities.css.map +1 -1
  21. package/dist/css/coreui-utilities.min.css +3 -3
  22. package/dist/css/coreui-utilities.min.css.map +1 -1
  23. package/dist/css/coreui-utilities.rtl.css +37 -37
  24. package/dist/css/coreui-utilities.rtl.css.map +1 -1
  25. package/dist/css/coreui-utilities.rtl.min.css +3 -3
  26. package/dist/css/coreui-utilities.rtl.min.css.map +1 -1
  27. package/dist/css/coreui.css +188 -189
  28. package/dist/css/coreui.css.map +1 -1
  29. package/dist/css/coreui.min.css +3 -3
  30. package/dist/css/coreui.min.css.map +1 -1
  31. package/dist/css/coreui.rtl.css +203 -201
  32. package/dist/css/coreui.rtl.css.map +1 -1
  33. package/dist/css/coreui.rtl.min.css +3 -3
  34. package/dist/css/coreui.rtl.min.css.map +1 -1
  35. package/dist/js/bootstrap.bundle.js +6932 -0
  36. package/dist/js/bootstrap.bundle.js.map +1 -0
  37. package/dist/js/bootstrap.bundle.min.js +7 -0
  38. package/dist/js/bootstrap.bundle.min.js.map +1 -0
  39. package/dist/js/bootstrap.esm.js +5063 -0
  40. package/dist/js/bootstrap.esm.js.map +1 -0
  41. package/dist/js/bootstrap.esm.min.js +7 -0
  42. package/dist/js/bootstrap.esm.min.js.map +1 -0
  43. package/dist/js/bootstrap.js +5112 -0
  44. package/dist/js/bootstrap.js.map +1 -0
  45. package/dist/js/bootstrap.min.js +7 -0
  46. package/dist/js/bootstrap.min.js.map +1 -0
  47. package/dist/js/coreui.bundle.js +8 -10
  48. package/dist/js/coreui.bundle.js.map +1 -1
  49. package/dist/js/coreui.bundle.min.js +3 -3
  50. package/dist/js/coreui.bundle.min.js.map +1 -1
  51. package/dist/js/coreui.esm.js +8 -10
  52. package/dist/js/coreui.esm.js.map +1 -1
  53. package/dist/js/coreui.esm.min.js +3 -3
  54. package/dist/js/coreui.esm.min.js.map +1 -1
  55. package/dist/js/coreui.js +8 -10
  56. package/dist/js/coreui.js.map +1 -1
  57. package/dist/js/coreui.min.js +3 -3
  58. package/dist/js/coreui.min.js.map +1 -1
  59. package/js/dist/alert.js +2 -2
  60. package/js/dist/base-component.js +3 -3
  61. package/js/dist/base-component.js.map +1 -1
  62. package/js/dist/button.js +2 -2
  63. package/js/dist/carousel.js +2 -2
  64. package/js/dist/collapse.js +2 -2
  65. package/js/dist/dom/data.js +2 -2
  66. package/js/dist/dom/event-handler.js +2 -2
  67. package/js/dist/dom/manipulator.js +2 -2
  68. package/js/dist/dom/selector-engine.js +4 -4
  69. package/js/dist/dom/selector-engine.js.map +1 -1
  70. package/js/dist/dropdown.js +2 -2
  71. package/js/dist/modal.js +2 -2
  72. package/js/dist/modal.js.map +1 -1
  73. package/js/dist/navigation.js +2 -4
  74. package/js/dist/navigation.js.map +1 -1
  75. package/js/dist/offcanvas.js +2 -2
  76. package/js/dist/popover.js +2 -2
  77. package/js/dist/scrollspy.js +2 -2
  78. package/js/dist/scrollspy.js.map +1 -1
  79. package/js/dist/sidebar.js +2 -2
  80. package/js/dist/tab.js +2 -2
  81. package/js/dist/toast.js +2 -2
  82. package/js/dist/tooltip.js +2 -2
  83. package/js/dist/tooltip.js.map +1 -1
  84. package/js/dist/util/backdrop.js +2 -3
  85. package/js/dist/util/backdrop.js.map +1 -1
  86. package/js/dist/util/component-functions.js +2 -2
  87. package/js/dist/util/config.js +2 -2
  88. package/js/dist/util/focustrap.js +2 -3
  89. package/js/dist/util/focustrap.js.map +1 -1
  90. package/js/dist/util/index.js +2 -3
  91. package/js/dist/util/index.js.map +1 -1
  92. package/js/dist/util/sanitizer.js +5 -2
  93. package/js/dist/util/sanitizer.js.map +1 -1
  94. package/js/dist/util/scrollbar.js +2 -2
  95. package/js/dist/util/swipe.js +2 -2
  96. package/js/dist/util/template-factory.js +2 -2
  97. package/js/src/base-component.js +1 -1
  98. package/js/src/dom/selector-engine.js +2 -2
  99. package/js/src/modal.js +3 -1
  100. package/js/src/scrollspy.js +3 -1
  101. package/js/src/tooltip.js +3 -1
  102. package/js/src/util/backdrop.js +3 -1
  103. package/js/src/util/sanitizer.js +3 -0
  104. package/package.json +39 -31
  105. package/scss/_accordion.scss +13 -13
  106. package/scss/_buttons.scss +9 -0
  107. package/scss/_dropdown.scss +1 -1
  108. package/scss/_modal.scss +0 -1
  109. package/scss/_offcanvas.scss +0 -1
  110. package/scss/_reboot.scss +1 -1
  111. package/scss/_tables.scss +1 -1
  112. package/scss/_utilities.scss +8 -5
  113. package/scss/_variables-dark.scss +2 -2
  114. package/scss/_variables.scss +9 -5
  115. package/scss/forms/_form-check.scss +1 -1
  116. package/scss/mixins/_banner.scss +2 -2
  117. package/scss/mixins/_forms.scss +12 -2
  118. package/scss/mixins/_grid.scss +1 -1
  119. package/scss/mixins/_reset-text.scss +1 -1
  120. package/scss/mixins/_utilities.scss +5 -2
  121. package/scss/sidebar/_sidebar-narrow.scss +8 -8
  122. package/scss/sidebar/_sidebar-nav.scss +3 -3
  123. package/scss/sidebar/_sidebar.scss +4 -1
  124. package/scss/themes/bootstrap/_variables.scss +2 -0
  125. package/scss/themes/bootstrap/bootstrap.rtl.scss +24 -0
  126. package/scss/themes/bootstrap/bootstrap.scss +21 -0
  127. package/scss/themes/bootstrap/mixins/_banner.scss +7 -0
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * CoreUI v5.0.0-rc.0 (https://coreui.io)
4
- * Copyright (c) 2023 creativeLabs Łukasz Holeczek
3
+ * CoreUI v5.0.0-rc.3 (https://coreui.io)
4
+ * Copyright (c) 2024 creativeLabs Łukasz Holeczek
5
5
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
6
6
  */
7
7
  :root,
@@ -30,16 +30,16 @@
30
30
  --cui-gray-800: #323a49;
31
31
  --cui-gray-900: #212631;
32
32
  --cui-primary: #5856d6;
33
- --cui-secondary: #9da5b1;
34
- --cui-success: #2eb85c;
33
+ --cui-secondary: #6b7785;
34
+ --cui-success: #1b9e3e;
35
35
  --cui-info: #39f;
36
36
  --cui-warning: #f9b115;
37
37
  --cui-danger: #e55353;
38
38
  --cui-light: #f3f4f7;
39
39
  --cui-dark: #212631;
40
40
  --cui-primary-rgb: 88, 86, 214;
41
- --cui-secondary-rgb: 157, 165, 177;
42
- --cui-success-rgb: 46, 184, 92;
41
+ --cui-secondary-rgb: 107, 119, 133;
42
+ --cui-success-rgb: 27, 158, 62;
43
43
  --cui-info-rgb: 51, 153, 255;
44
44
  --cui-warning-rgb: 249, 177, 21;
45
45
  --cui-danger-rgb: 229, 83, 83;
@@ -139,8 +139,8 @@
139
139
  --cui-focus-ring-width: 0.25rem;
140
140
  --cui-focus-ring-opacity: 0.25;
141
141
  --cui-focus-ring-color: rgba(88, 86, 214, 0.25);
142
- --cui-form-valid-color: #2eb85c;
143
- --cui-form-valid-border-color: #2eb85c;
142
+ --cui-form-valid-color: #1b9e3e;
143
+ --cui-form-valid-border-color: #1b9e3e;
144
144
  --cui-form-invalid-color: #e55353;
145
145
  --cui-form-invalid-border-color: #e55353;
146
146
  }
@@ -165,8 +165,8 @@
165
165
  --cui-medium-emphasis: rgba(255, 255, 255, 0.6);
166
166
  --cui-disabled: rgba(255, 255, 255, 0.38);
167
167
  --cui-primary: #6261cc;
168
- --cui-secondary: #a6a7a8;
169
- --cui-success: #3aad60;
168
+ --cui-secondary: #6b7785;
169
+ --cui-success: #249542;
170
170
  --cui-info: #3d99f5;
171
171
  --cui-warning: #edad21;
172
172
  --cui-danger: #db5d5d;
@@ -182,15 +182,15 @@
182
182
  --cui-gray-800: #323a49;
183
183
  --cui-gray-900: #212631;
184
184
  --cui-primary-rgb: 98, 97, 204;
185
- --cui-secondary-rgb: 166, 167, 168;
186
- --cui-success-rgb: 58, 173, 96;
185
+ --cui-secondary-rgb: 107, 119, 133;
186
+ --cui-success-rgb: 36, 149, 66;
187
187
  --cui-info-rgb: 61, 153, 245;
188
188
  --cui-warning-rgb: 237, 173, 33;
189
189
  --cui-danger-rgb: 219, 93, 93;
190
190
  --cui-light-rgb: 243, 244, 247;
191
191
  --cui-dark-rgb: 33, 38, 49;
192
192
  --cui-primary-text-emphasis: #403f98;
193
- --cui-secondary-text-emphasis: #25262f;
193
+ --cui-secondary-text-emphasis: #212233;
194
194
  --cui-success-text-emphasis: #145224;
195
195
  --cui-info-text-emphasis: #1f4b70;
196
196
  --cui-warning-text-emphasis: #70460b;
@@ -463,7 +463,7 @@ caption {
463
463
  padding-top: 0.5rem;
464
464
  padding-bottom: 0.5rem;
465
465
  color: var(--cui-table-caption-color, var(--cui-secondary-color));
466
- text-align: left;
466
+ text-align: right;
467
467
  }
468
468
 
469
469
  th {
@@ -1988,13 +1988,13 @@ progress {
1988
1988
 
1989
1989
  .table-secondary {
1990
1990
  --cui-table-color: #080a0c;
1991
- --cui-table-bg: #ebedef;
1992
- --cui-table-border-color: #bec0c2;
1993
- --cui-table-striped-bg: #e0e2e4;
1991
+ --cui-table-bg: #e1e4e7;
1992
+ --cui-table-border-color: #b6b8bb;
1993
+ --cui-table-striped-bg: #d6d9dc;
1994
1994
  --cui-table-striped-color: #080a0c;
1995
- --cui-table-active-bg: #d4d6d8;
1995
+ --cui-table-active-bg: #cbced1;
1996
1996
  --cui-table-active-color: #080a0c;
1997
- --cui-table-hover-bg: #dadcde;
1997
+ --cui-table-hover-bg: #d1d4d7;
1998
1998
  --cui-table-hover-color: #080a0c;
1999
1999
  color: var(--cui-table-color);
2000
2000
  border-color: var(--cui-table-border-color);
@@ -2002,13 +2002,13 @@ progress {
2002
2002
 
2003
2003
  .table-success {
2004
2004
  --cui-table-color: #080a0c;
2005
- --cui-table-bg: #d5f1de;
2006
- --cui-table-border-color: #acc3b4;
2007
- --cui-table-striped-bg: #cbe5d4;
2005
+ --cui-table-bg: #d1ecd8;
2006
+ --cui-table-border-color: #a9bfaf;
2007
+ --cui-table-striped-bg: #c7e1ce;
2008
2008
  --cui-table-striped-color: #080a0c;
2009
- --cui-table-active-bg: #c1dac9;
2009
+ --cui-table-active-bg: #bdd5c4;
2010
2010
  --cui-table-active-color: #080a0c;
2011
- --cui-table-hover-bg: #c6e0ce;
2011
+ --cui-table-hover-bg: #c2dbc9;
2012
2012
  --cui-table-hover-color: #080a0c;
2013
2013
  color: var(--cui-table-color);
2014
2014
  border-color: var(--cui-table-border-color);
@@ -2813,7 +2813,7 @@ textarea.form-control-lg {
2813
2813
  .was-validated .form-control:valid, .form-control.is-valid {
2814
2814
  border-color: var(--cui-form-valid-border-color);
2815
2815
  padding-left: calc(1.5em + 0.75rem);
2816
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232eb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
2816
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231b9e3e' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
2817
2817
  background-repeat: no-repeat;
2818
2818
  background-position: left calc(0.375em + 0.1875rem) center;
2819
2819
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -2832,7 +2832,7 @@ textarea.form-control-lg {
2832
2832
  border-color: var(--cui-form-valid-border-color);
2833
2833
  }
2834
2834
  .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
2835
- --cui-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232eb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
2835
+ --cui-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231b9e3e' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
2836
2836
  padding-left: 4.125rem;
2837
2837
  background-position: left 0.75rem center, center left 2.25rem;
2838
2838
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -3029,6 +3029,9 @@ textarea.form-control-lg {
3029
3029
  .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
3030
3030
  box-shadow: var(--cui-btn-focus-box-shadow);
3031
3031
  }
3032
+ .btn-check:checked:focus-visible + .btn {
3033
+ box-shadow: var(--cui-btn-focus-box-shadow);
3034
+ }
3032
3035
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
3033
3036
  color: var(--cui-btn-disabled-color);
3034
3037
  pointer-events: none;
@@ -3061,37 +3064,37 @@ textarea.form-control-lg {
3061
3064
  }
3062
3065
 
3063
3066
  .btn-secondary {
3064
- --cui-btn-color: #080a0c;
3065
- --cui-btn-bg: #9da5b1;
3066
- --cui-btn-border-color: #9da5b1;
3067
- --cui-btn-hover-color: #080a0c;
3068
- --cui-btn-hover-bg: #acb3bd;
3069
- --cui-btn-hover-border-color: #a7aeb9;
3070
- --cui-btn-focus-shadow-rgb: 135, 142, 152;
3071
- --cui-btn-active-color: #080a0c;
3072
- --cui-btn-active-bg: #b1b7c1;
3073
- --cui-btn-active-border-color: #a7aeb9;
3067
+ --cui-btn-color: #fff;
3068
+ --cui-btn-bg: #6b7785;
3069
+ --cui-btn-border-color: #6b7785;
3070
+ --cui-btn-hover-color: #fff;
3071
+ --cui-btn-hover-bg: #5b6571;
3072
+ --cui-btn-hover-border-color: #565f6a;
3073
+ --cui-btn-focus-shadow-rgb: 129, 139, 151;
3074
+ --cui-btn-active-color: #fff;
3075
+ --cui-btn-active-bg: #565f6a;
3076
+ --cui-btn-active-border-color: #505964;
3074
3077
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3075
- --cui-btn-disabled-color: #080a0c;
3076
- --cui-btn-disabled-bg: #9da5b1;
3077
- --cui-btn-disabled-border-color: #9da5b1;
3078
+ --cui-btn-disabled-color: #fff;
3079
+ --cui-btn-disabled-bg: #6b7785;
3080
+ --cui-btn-disabled-border-color: #6b7785;
3078
3081
  }
3079
3082
 
3080
3083
  .btn-success {
3081
3084
  --cui-btn-color: #080a0c;
3082
- --cui-btn-bg: #2eb85c;
3083
- --cui-btn-border-color: #2eb85c;
3085
+ --cui-btn-bg: #1b9e3e;
3086
+ --cui-btn-border-color: #1b9e3e;
3084
3087
  --cui-btn-hover-color: #080a0c;
3085
- --cui-btn-hover-bg: #4dc374;
3086
- --cui-btn-hover-border-color: #43bf6c;
3087
- --cui-btn-focus-shadow-rgb: 40, 158, 80;
3088
+ --cui-btn-hover-bg: #3dad5b;
3089
+ --cui-btn-hover-border-color: #32a851;
3090
+ --cui-btn-focus-shadow-rgb: 24, 136, 55;
3088
3091
  --cui-btn-active-color: #080a0c;
3089
- --cui-btn-active-bg: #58c67d;
3090
- --cui-btn-active-border-color: #43bf6c;
3092
+ --cui-btn-active-bg: #49b165;
3093
+ --cui-btn-active-border-color: #32a851;
3091
3094
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3092
3095
  --cui-btn-disabled-color: #080a0c;
3093
- --cui-btn-disabled-bg: #2eb85c;
3094
- --cui-btn-disabled-border-color: #2eb85c;
3096
+ --cui-btn-disabled-bg: #1b9e3e;
3097
+ --cui-btn-disabled-border-color: #1b9e3e;
3095
3098
  }
3096
3099
 
3097
3100
  .btn-danger {
@@ -3196,33 +3199,33 @@ textarea.form-control-lg {
3196
3199
  }
3197
3200
 
3198
3201
  .btn-outline-secondary {
3199
- --cui-btn-color: #9da5b1;
3200
- --cui-btn-border-color: #9da5b1;
3201
- --cui-btn-hover-color: #080a0c;
3202
- --cui-btn-hover-bg: #b1b7c1;
3203
- --cui-btn-hover-border-color: #a7aeb9;
3204
- --cui-btn-focus-shadow-rgb: 157, 165, 177;
3205
- --cui-btn-active-color: #080a0c;
3206
- --cui-btn-active-bg: #b1b7c1;
3207
- --cui-btn-active-border-color: #a7aeb9;
3202
+ --cui-btn-color: #6b7785;
3203
+ --cui-btn-border-color: #6b7785;
3204
+ --cui-btn-hover-color: #fff;
3205
+ --cui-btn-hover-bg: #565f6a;
3206
+ --cui-btn-hover-border-color: #505964;
3207
+ --cui-btn-focus-shadow-rgb: 107, 119, 133;
3208
+ --cui-btn-active-color: #fff;
3209
+ --cui-btn-active-bg: #565f6a;
3210
+ --cui-btn-active-border-color: #505964;
3208
3211
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3209
- --cui-btn-disabled-color: #9da5b1;
3212
+ --cui-btn-disabled-color: #6b7785;
3210
3213
  --cui-btn-disabled-bg: transparent;
3211
3214
  --cui-gradient: none;
3212
3215
  }
3213
3216
 
3214
3217
  .btn-outline-success {
3215
- --cui-btn-color: #2eb85c;
3216
- --cui-btn-border-color: #2eb85c;
3218
+ --cui-btn-color: #1b9e3e;
3219
+ --cui-btn-border-color: #1b9e3e;
3217
3220
  --cui-btn-hover-color: #080a0c;
3218
- --cui-btn-hover-bg: #58c67d;
3219
- --cui-btn-hover-border-color: #43bf6c;
3220
- --cui-btn-focus-shadow-rgb: 46, 184, 92;
3221
+ --cui-btn-hover-bg: #49b165;
3222
+ --cui-btn-hover-border-color: #32a851;
3223
+ --cui-btn-focus-shadow-rgb: 27, 158, 62;
3221
3224
  --cui-btn-active-color: #080a0c;
3222
- --cui-btn-active-bg: #58c67d;
3223
- --cui-btn-active-border-color: #43bf6c;
3225
+ --cui-btn-active-bg: #49b165;
3226
+ --cui-btn-active-border-color: #32a851;
3224
3227
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3225
- --cui-btn-disabled-color: #2eb85c;
3228
+ --cui-btn-disabled-color: #1b9e3e;
3226
3229
  --cui-btn-disabled-bg: transparent;
3227
3230
  --cui-gradient: none;
3228
3231
  }
@@ -3320,27 +3323,27 @@ textarea.form-control-lg {
3320
3323
  }
3321
3324
 
3322
3325
  .btn-ghost-secondary {
3323
- --cui-btn-color: #9da5b1;
3324
- --cui-btn-hover-bg: #acb3bd;
3325
- --cui-btn-hover-border-color: #a7aeb9;
3326
- --cui-btn-hover-color: #080a0c;
3327
- --cui-btn-active-bg: #b1b7c1;
3328
- --cui-btn-active-border-color: #a7aeb9;
3329
- --cui-btn-active-color: #080a0c;
3330
- --cui-btn-disabled-color: #9da5b1;
3331
- --cui-btn-shadow: rgba(157, 165, 177, 0.5);
3326
+ --cui-btn-color: #6b7785;
3327
+ --cui-btn-hover-bg: #5b6571;
3328
+ --cui-btn-hover-border-color: #565f6a;
3329
+ --cui-btn-hover-color: #fff;
3330
+ --cui-btn-active-bg: #565f6a;
3331
+ --cui-btn-active-border-color: #505964;
3332
+ --cui-btn-active-color: #fff;
3333
+ --cui-btn-disabled-color: #6b7785;
3334
+ --cui-btn-shadow: rgba(107, 119, 133, 0.5);
3332
3335
  }
3333
3336
 
3334
3337
  .btn-ghost-success {
3335
- --cui-btn-color: #2eb85c;
3336
- --cui-btn-hover-bg: #4dc374;
3337
- --cui-btn-hover-border-color: #43bf6c;
3338
+ --cui-btn-color: #1b9e3e;
3339
+ --cui-btn-hover-bg: #3dad5b;
3340
+ --cui-btn-hover-border-color: #32a851;
3338
3341
  --cui-btn-hover-color: #080a0c;
3339
- --cui-btn-active-bg: #58c67d;
3340
- --cui-btn-active-border-color: #43bf6c;
3342
+ --cui-btn-active-bg: #49b165;
3343
+ --cui-btn-active-border-color: #32a851;
3341
3344
  --cui-btn-active-color: #080a0c;
3342
- --cui-btn-disabled-color: #2eb85c;
3343
- --cui-btn-shadow: rgba(46, 184, 92, 0.5);
3345
+ --cui-btn-disabled-color: #1b9e3e;
3346
+ --cui-btn-shadow: rgba(27, 158, 62, 0.5);
3344
3347
  }
3345
3348
 
3346
3349
  .btn-ghost-danger {
@@ -3452,36 +3455,36 @@ textarea.form-control-lg {
3452
3455
  --cui-btn-disabled-border-color: #6261cc;
3453
3456
  }
3454
3457
  [data-coreui-theme=dark] .btn-secondary {
3455
- --cui-btn-color: #080a0c;
3456
- --cui-btn-bg: #a6a7a8;
3457
- --cui-btn-border-color: #a6a7a8;
3458
- --cui-btn-hover-color: #080a0c;
3459
- --cui-btn-hover-bg: #b3b4b5;
3460
- --cui-btn-hover-border-color: #afb0b1;
3461
- --cui-btn-focus-shadow-rgb: 142, 143, 145;
3462
- --cui-btn-active-color: #080a0c;
3463
- --cui-btn-active-bg: #b8b9b9;
3464
- --cui-btn-active-border-color: #afb0b1;
3458
+ --cui-btn-color: #fff;
3459
+ --cui-btn-bg: #6b7785;
3460
+ --cui-btn-border-color: #6b7785;
3461
+ --cui-btn-hover-color: #fff;
3462
+ --cui-btn-hover-bg: #5b6571;
3463
+ --cui-btn-hover-border-color: #565f6a;
3464
+ --cui-btn-focus-shadow-rgb: 129, 139, 151;
3465
+ --cui-btn-active-color: #fff;
3466
+ --cui-btn-active-bg: #565f6a;
3467
+ --cui-btn-active-border-color: #505964;
3465
3468
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3466
- --cui-btn-disabled-color: #080a0c;
3467
- --cui-btn-disabled-bg: #a6a7a8;
3468
- --cui-btn-disabled-border-color: #a6a7a8;
3469
+ --cui-btn-disabled-color: #fff;
3470
+ --cui-btn-disabled-bg: #6b7785;
3471
+ --cui-btn-disabled-border-color: #6b7785;
3469
3472
  }
3470
3473
  [data-coreui-theme=dark] .btn-success {
3471
3474
  --cui-btn-color: #080a0c;
3472
- --cui-btn-bg: #3aad60;
3473
- --cui-btn-border-color: #3aad60;
3475
+ --cui-btn-bg: #249542;
3476
+ --cui-btn-border-color: #249542;
3474
3477
  --cui-btn-hover-color: #080a0c;
3475
- --cui-btn-hover-bg: #58b978;
3476
- --cui-btn-hover-border-color: #4eb570;
3477
- --cui-btn-focus-shadow-rgb: 51, 149, 83;
3478
+ --cui-btn-hover-bg: #45a55e;
3479
+ --cui-btn-hover-border-color: #3aa055;
3480
+ --cui-btn-focus-shadow-rgb: 32, 128, 58;
3478
3481
  --cui-btn-active-color: #080a0c;
3479
- --cui-btn-active-bg: #61bd80;
3480
- --cui-btn-active-border-color: #4eb570;
3482
+ --cui-btn-active-bg: #50aa68;
3483
+ --cui-btn-active-border-color: #3aa055;
3481
3484
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3482
3485
  --cui-btn-disabled-color: #080a0c;
3483
- --cui-btn-disabled-bg: #3aad60;
3484
- --cui-btn-disabled-border-color: #3aad60;
3486
+ --cui-btn-disabled-bg: #249542;
3487
+ --cui-btn-disabled-border-color: #249542;
3485
3488
  }
3486
3489
  [data-coreui-theme=dark] .btn-danger {
3487
3490
  --cui-btn-color: #080a0c;
@@ -3547,32 +3550,32 @@ textarea.form-control-lg {
3547
3550
  --cui-gradient: none;
3548
3551
  }
3549
3552
  [data-coreui-theme=dark] .btn-outline-secondary {
3550
- --cui-btn-color: #a6a7a8;
3551
- --cui-btn-border-color: #a6a7a8;
3552
- --cui-btn-hover-color: #080a0c;
3553
- --cui-btn-hover-bg: #b8b9b9;
3554
- --cui-btn-hover-border-color: #afb0b1;
3555
- --cui-btn-focus-shadow-rgb: 166, 167, 168;
3556
- --cui-btn-active-color: #080a0c;
3557
- --cui-btn-active-bg: #b8b9b9;
3558
- --cui-btn-active-border-color: #afb0b1;
3553
+ --cui-btn-color: #6b7785;
3554
+ --cui-btn-border-color: #6b7785;
3555
+ --cui-btn-hover-color: #fff;
3556
+ --cui-btn-hover-bg: #565f6a;
3557
+ --cui-btn-hover-border-color: #505964;
3558
+ --cui-btn-focus-shadow-rgb: 107, 119, 133;
3559
+ --cui-btn-active-color: #fff;
3560
+ --cui-btn-active-bg: #565f6a;
3561
+ --cui-btn-active-border-color: #505964;
3559
3562
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3560
- --cui-btn-disabled-color: #a6a7a8;
3563
+ --cui-btn-disabled-color: #6b7785;
3561
3564
  --cui-btn-disabled-bg: transparent;
3562
3565
  --cui-gradient: none;
3563
3566
  }
3564
3567
  [data-coreui-theme=dark] .btn-outline-success {
3565
- --cui-btn-color: #3aad60;
3566
- --cui-btn-border-color: #3aad60;
3568
+ --cui-btn-color: #249542;
3569
+ --cui-btn-border-color: #249542;
3567
3570
  --cui-btn-hover-color: #080a0c;
3568
- --cui-btn-hover-bg: #61bd80;
3569
- --cui-btn-hover-border-color: #4eb570;
3570
- --cui-btn-focus-shadow-rgb: 58, 173, 96;
3571
+ --cui-btn-hover-bg: #50aa68;
3572
+ --cui-btn-hover-border-color: #3aa055;
3573
+ --cui-btn-focus-shadow-rgb: 36, 149, 66;
3571
3574
  --cui-btn-active-color: #080a0c;
3572
- --cui-btn-active-bg: #61bd80;
3573
- --cui-btn-active-border-color: #4eb570;
3575
+ --cui-btn-active-bg: #50aa68;
3576
+ --cui-btn-active-border-color: #3aa055;
3574
3577
  --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
3575
- --cui-btn-disabled-color: #3aad60;
3578
+ --cui-btn-disabled-color: #249542;
3576
3579
  --cui-btn-disabled-bg: transparent;
3577
3580
  --cui-gradient: none;
3578
3581
  }
@@ -3633,26 +3636,26 @@ textarea.form-control-lg {
3633
3636
  --cui-btn-shadow: rgba(98, 97, 204, 0.5);
3634
3637
  }
3635
3638
  [data-coreui-theme=dark] .btn-ghost-secondary {
3636
- --cui-btn-color: #a6a7a8;
3637
- --cui-btn-hover-bg: #b3b4b5;
3638
- --cui-btn-hover-border-color: #afb0b1;
3639
- --cui-btn-hover-color: #080a0c;
3640
- --cui-btn-active-bg: #b8b9b9;
3641
- --cui-btn-active-border-color: #afb0b1;
3642
- --cui-btn-active-color: #080a0c;
3643
- --cui-btn-disabled-color: #a6a7a8;
3644
- --cui-btn-shadow: rgba(166, 167, 168, 0.5);
3639
+ --cui-btn-color: #6b7785;
3640
+ --cui-btn-hover-bg: #5b6571;
3641
+ --cui-btn-hover-border-color: #565f6a;
3642
+ --cui-btn-hover-color: #fff;
3643
+ --cui-btn-active-bg: #565f6a;
3644
+ --cui-btn-active-border-color: #505964;
3645
+ --cui-btn-active-color: #fff;
3646
+ --cui-btn-disabled-color: #6b7785;
3647
+ --cui-btn-shadow: rgba(107, 119, 133, 0.5);
3645
3648
  }
3646
3649
  [data-coreui-theme=dark] .btn-ghost-success {
3647
- --cui-btn-color: #3aad60;
3648
- --cui-btn-hover-bg: #58b978;
3649
- --cui-btn-hover-border-color: #4eb570;
3650
+ --cui-btn-color: #249542;
3651
+ --cui-btn-hover-bg: #45a55e;
3652
+ --cui-btn-hover-border-color: #3aa055;
3650
3653
  --cui-btn-hover-color: #080a0c;
3651
- --cui-btn-active-bg: #61bd80;
3652
- --cui-btn-active-border-color: #4eb570;
3654
+ --cui-btn-active-bg: #50aa68;
3655
+ --cui-btn-active-border-color: #3aa055;
3653
3656
  --cui-btn-active-color: #080a0c;
3654
- --cui-btn-disabled-color: #3aad60;
3655
- --cui-btn-shadow: rgba(58, 173, 96, 0.5);
3657
+ --cui-btn-disabled-color: #249542;
3658
+ --cui-btn-shadow: rgba(36, 149, 66, 0.5);
3656
3659
  }
3657
3660
  [data-coreui-theme=dark] .btn-ghost-danger {
3658
3661
  --cui-btn-color: #db5d5d;
@@ -3786,7 +3789,7 @@ textarea.form-control-lg {
3786
3789
  margin: 0;
3787
3790
  font-size: var(--cui-dropdown-font-size);
3788
3791
  color: var(--cui-dropdown-color);
3789
- text-align: left;
3792
+ text-align: right;
3790
3793
  list-style: none;
3791
3794
  background-color: var(--cui-dropdown-bg);
3792
3795
  background-clip: padding-box;
@@ -4938,12 +4941,11 @@ textarea.form-control-lg {
4938
4941
  --cui-accordion-btn-padding-y: 1rem;
4939
4942
  --cui-accordion-btn-color: var(--cui-body-color);
4940
4943
  --cui-accordion-btn-bg: var(--cui-accordion-bg);
4941
- --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%2837, 43, 54, 0.95%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4944
+ --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba%2837, 43, 54, 0.95%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
4942
4945
  --cui-accordion-btn-icon-width: 1.25rem;
4943
4946
  --cui-accordion-btn-icon-transform: rotate(-180deg);
4944
4947
  --cui-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4945
- --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233634a3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4946
- --cui-accordion-btn-focus-border-color: #acabeb;
4948
+ --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233634a3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
4947
4949
  --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
4948
4950
  --cui-accordion-body-padding-x: 1.25rem;
4949
4951
  --cui-accordion-body-padding-y: 1rem;
@@ -4959,7 +4961,7 @@ textarea.form-control-lg {
4959
4961
  padding: var(--cui-accordion-btn-padding-y) var(--cui-accordion-btn-padding-x);
4960
4962
  font-size: 1rem;
4961
4963
  color: var(--cui-accordion-btn-color);
4962
- text-align: left;
4964
+ text-align: right;
4963
4965
  background-color: var(--cui-accordion-btn-bg);
4964
4966
  border: 0;
4965
4967
  border-radius: 0;
@@ -4984,7 +4986,7 @@ textarea.form-control-lg {
4984
4986
  flex-shrink: 0;
4985
4987
  width: var(--cui-accordion-btn-icon-width);
4986
4988
  height: var(--cui-accordion-btn-icon-width);
4987
- margin-left: auto;
4989
+ margin-right: auto;
4988
4990
  content: "";
4989
4991
  background-image: var(--cui-accordion-btn-icon);
4990
4992
  background-repeat: no-repeat;
@@ -5001,7 +5003,6 @@ textarea.form-control-lg {
5001
5003
  }
5002
5004
  .accordion-button:focus {
5003
5005
  z-index: 3;
5004
- border-color: var(--cui-accordion-btn-focus-border-color);
5005
5006
  outline: 0;
5006
5007
  box-shadow: var(--cui-accordion-btn-focus-box-shadow);
5007
5008
  }
@@ -5019,7 +5020,7 @@ textarea.form-control-lg {
5019
5020
  border-top-left-radius: var(--cui-accordion-border-radius);
5020
5021
  border-top-right-radius: var(--cui-accordion-border-radius);
5021
5022
  }
5022
- .accordion-item:first-of-type .accordion-button {
5023
+ .accordion-item:first-of-type > .accordion-header .accordion-button {
5023
5024
  border-top-left-radius: var(--cui-accordion-inner-border-radius);
5024
5025
  border-top-right-radius: var(--cui-accordion-inner-border-radius);
5025
5026
  }
@@ -5030,11 +5031,11 @@ textarea.form-control-lg {
5030
5031
  border-bottom-right-radius: var(--cui-accordion-border-radius);
5031
5032
  border-bottom-left-radius: var(--cui-accordion-border-radius);
5032
5033
  }
5033
- .accordion-item:last-of-type .accordion-button.collapsed {
5034
+ .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
5034
5035
  border-bottom-right-radius: var(--cui-accordion-inner-border-radius);
5035
5036
  border-bottom-left-radius: var(--cui-accordion-inner-border-radius);
5036
5037
  }
5037
- .accordion-item:last-of-type .accordion-collapse {
5038
+ .accordion-item:last-of-type > .accordion-collapse {
5038
5039
  border-bottom-right-radius: var(--cui-accordion-border-radius);
5039
5040
  border-bottom-left-radius: var(--cui-accordion-border-radius);
5040
5041
  }
@@ -5043,21 +5044,21 @@ textarea.form-control-lg {
5043
5044
  padding: var(--cui-accordion-body-padding-y) var(--cui-accordion-body-padding-x);
5044
5045
  }
5045
5046
 
5046
- .accordion-flush .accordion-collapse {
5047
- border-width: 0;
5048
- }
5049
- .accordion-flush .accordion-item {
5047
+ .accordion-flush > .accordion-item {
5050
5048
  border-right: 0;
5051
5049
  border-left: 0;
5052
5050
  border-radius: 0;
5053
5051
  }
5054
- .accordion-flush .accordion-item:first-child {
5052
+ .accordion-flush > .accordion-item:first-child {
5055
5053
  border-top: 0;
5056
5054
  }
5057
- .accordion-flush .accordion-item:last-child {
5055
+ .accordion-flush > .accordion-item:last-child {
5058
5056
  border-bottom: 0;
5059
5057
  }
5060
- .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
5058
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
5059
+ border-radius: 0;
5060
+ }
5061
+ .accordion-flush > .accordion-item > .accordion-collapse {
5061
5062
  border-radius: 0;
5062
5063
  }
5063
5064
 
@@ -5987,7 +5988,6 @@ textarea.form-control-lg {
5987
5988
  display: flex;
5988
5989
  flex-shrink: 0;
5989
5990
  align-items: center;
5990
- justify-content: space-between;
5991
5991
  padding: var(--cui-modal-header-padding);
5992
5992
  border-bottom: var(--cui-modal-header-border-width) solid var(--cui-modal-header-border-color);
5993
5993
  border-top-left-radius: var(--cui-modal-inner-border-radius);
@@ -6189,7 +6189,7 @@ textarea.form-control-lg {
6189
6189
  font-style: normal;
6190
6190
  font-weight: 400;
6191
6191
  line-height: 1.5;
6192
- text-align: left;
6192
+ text-align: right;
6193
6193
  text-align: start;
6194
6194
  text-decoration: none;
6195
6195
  text-shadow: none;
@@ -6299,7 +6299,7 @@ textarea.form-control-lg {
6299
6299
  font-style: normal;
6300
6300
  font-weight: 400;
6301
6301
  line-height: 1.5;
6302
- text-align: left;
6302
+ text-align: right;
6303
6303
  text-align: start;
6304
6304
  text-decoration: none;
6305
6305
  text-shadow: none;
@@ -7185,7 +7185,6 @@ textarea.form-control-lg {
7185
7185
  .offcanvas-header {
7186
7186
  display: flex;
7187
7187
  align-items: center;
7188
- justify-content: space-between;
7189
7188
  padding: var(--cui-offcanvas-padding-y) var(--cui-offcanvas-padding-x);
7190
7189
  }
7191
7190
  .offcanvas-header .btn-close {
@@ -7372,11 +7371,11 @@ textarea.form-control-lg {
7372
7371
  }
7373
7372
 
7374
7373
  .callout-secondary {
7375
- --cui-callout-border-left-color: #9da5b1;
7374
+ --cui-callout-border-left-color: #6b7785;
7376
7375
  }
7377
7376
 
7378
7377
  .callout-success {
7379
- --cui-callout-border-left-color: #2eb85c;
7378
+ --cui-callout-border-left-color: #1b9e3e;
7380
7379
  }
7381
7380
 
7382
7381
  .callout-danger {
@@ -7868,12 +7867,6 @@ textarea.form-control-lg {
7868
7867
  background-color: transparent;
7869
7868
  border: 0;
7870
7869
  border-radius: 0.375rem;
7871
- transition: var(--cui-sidebar-toggler-transition);
7872
- }
7873
- @media (prefers-reduced-motion: reduce) {
7874
- .sidebar-toggler {
7875
- transition: none;
7876
- }
7877
7870
  }
7878
7871
  .sidebar-toggler::before {
7879
7872
  position: absolute;
@@ -7884,6 +7877,15 @@ textarea.form-control-lg {
7884
7877
  content: "";
7885
7878
  background-color: var(--cui-sidebar-toggler-color);
7886
7879
  mask: var(--cui-sidebar-toggler-bg) no-repeat center;
7880
+ transition: var(--cui-sidebar-toggler-transition);
7881
+ }
7882
+ @media (prefers-reduced-motion: reduce) {
7883
+ .sidebar-toggler::before {
7884
+ transition: none;
7885
+ }
7886
+ }
7887
+ *[dir=rtl] .sidebar-toggler::before {
7888
+ transform: rotate(-180deg);
7887
7889
  }
7888
7890
  .sidebar-toggler:hover {
7889
7891
  text-decoration: none;
@@ -8073,8 +8075,8 @@ textarea.form-control-lg {
8073
8075
  border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color);
8074
8076
  }
8075
8077
  .sidebar-nav .nav-link.disabled:hover.nav-dropdown-toggle::after {
8076
- mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
8077
8078
  background-color: var(--cui-sidebar-nav-group-indicator-hover-color);
8079
+ mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
8078
8080
  }
8079
8081
  @media (hover: hover), (-ms-high-contrast: none) {
8080
8082
  .sidebar-nav .nav-link:hover {
@@ -8090,8 +8092,8 @@ textarea.form-control-lg {
8090
8092
  border-color: var(--cui-sidebar-link-hover-icon-bullet-border-color);
8091
8093
  }
8092
8094
  .sidebar-nav .nav-link:hover.nav-group-toggle::after {
8093
- mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
8094
8095
  background-color: var(--cui-sidebar-nav-group-indicator-hover-color);
8096
+ mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
8095
8097
  }
8096
8098
  }
8097
8099
  .sidebar-nav .nav-icon {
@@ -8169,8 +8171,8 @@ textarea.form-control-lg {
8169
8171
  height: 12px;
8170
8172
  margin-right: auto;
8171
8173
  content: "";
8172
- mask-image: var(--cui-sidebar-nav-group-indicator-icon);
8173
8174
  background-color: var(--cui-sidebar-nav-group-indicator-color);
8175
+ mask-image: var(--cui-sidebar-nav-group-indicator-icon);
8174
8176
  transition: transform 0.15s;
8175
8177
  }
8176
8178
  @media (prefers-reduced-motion: reduce) {
@@ -8196,10 +8198,6 @@ textarea.form-control-lg {
8196
8198
  .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
8197
8199
  --cui-sidebar-narrow-width: 4rem;
8198
8200
  }
8199
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav {
8200
- --cui-sidebar-nav-link-padding-x: 0.5rem;
8201
- --cui-sidebar-nav-link-padding-y: 0.75rem;
8202
- }
8203
8201
  @media (min-width: 992px) {
8204
8202
  .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
8205
8203
  flex: 0 0 var(--cui-sidebar-narrow-width);
@@ -8221,6 +8219,10 @@ textarea.form-control-lg {
8221
8219
  padding-right: 0;
8222
8220
  padding-left: 0;
8223
8221
  }
8222
+ .sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav {
8223
+ --cui-sidebar-nav-link-padding-x: 0.5rem;
8224
+ --cui-sidebar-nav-link-padding-y: 0.75rem;
8225
+ }
8224
8226
  .sidebar-narrow-unfoldable:not(:hover) .nav-icon, .sidebar-narrow .nav-icon {
8225
8227
  flex: 0 0 calc(var(--cui-sidebar-narrow-width) - var(--cui-sidebar-nav-padding-x) * 2 - var(--cui-sidebar-nav-link-padding-x) * 2);
8226
8228
  }
@@ -8239,7 +8241,7 @@ textarea.form-control-lg {
8239
8241
  visibility: hidden;
8240
8242
  opacity: 0;
8241
8243
  }
8242
- .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler, .sidebar-narrow .sidebar-toggler {
8244
+ .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-narrow .sidebar-toggler::before {
8243
8245
  transform: rotate(0deg);
8244
8246
  }
8245
8247
  .sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-end.sidebar-narrow .sidebar-toggler::before {
@@ -8269,10 +8271,10 @@ textarea.form-control-lg {
8269
8271
  .sidebar-narrow-unfoldable:hover {
8270
8272
  box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
8271
8273
  }
8272
- .sidebar-narrow-unfoldable:hover .sidebar-toggler {
8274
+ .sidebar-narrow-unfoldable:hover .sidebar-toggler::before {
8273
8275
  transform: rotate(0deg);
8274
8276
  }
8275
- .sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler {
8277
+ .sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler::before {
8276
8278
  transform: rotate(0deg);
8277
8279
  }
8278
8280
  .sidebar-narrow-unfoldable .nav-link {
@@ -8338,7 +8340,7 @@ textarea.form-control-lg {
8338
8340
  }
8339
8341
 
8340
8342
  .text-bg-secondary {
8341
- color: #080a0c !important;
8343
+ color: #fff !important;
8342
8344
  background-color: RGBA(var(--cui-secondary-rgb), var(--cui-bg-opacity, 1)) !important;
8343
8345
  }
8344
8346
 
@@ -8377,12 +8379,12 @@ textarea.form-control-lg {
8377
8379
  background-color: RGBA(98, 97, 204, var(--cui-bg-opacity, 1)) !important;
8378
8380
  }
8379
8381
  [data-coreui-theme=dark] .text-bg-secondary {
8380
- color: #080a0c !important;
8381
- background-color: RGBA(166, 167, 168, var(--cui-bg-opacity, 1)) !important;
8382
+ color: #fff !important;
8383
+ background-color: RGBA(107, 119, 133, var(--cui-bg-opacity, 1)) !important;
8382
8384
  }
8383
8385
  [data-coreui-theme=dark] .text-bg-success {
8384
8386
  color: #080a0c !important;
8385
- background-color: RGBA(58, 173, 96, var(--cui-bg-opacity, 1)) !important;
8387
+ background-color: RGBA(36, 149, 66, var(--cui-bg-opacity, 1)) !important;
8386
8388
  }
8387
8389
  [data-coreui-theme=dark] .text-bg-info {
8388
8390
  color: #080a0c !important;
@@ -8419,8 +8421,8 @@ textarea.form-control-lg {
8419
8421
  text-decoration-color: RGBA(var(--cui-secondary-rgb), var(--cui-link-underline-opacity, 1)) !important;
8420
8422
  }
8421
8423
  .link-secondary:hover, .link-secondary:focus {
8422
- color: RGBA(177, 183, 193, var(--cui-link-opacity, 1)) !important;
8423
- text-decoration-color: RGBA(177, 183, 193, var(--cui-link-underline-opacity, 1)) !important;
8424
+ color: RGBA(86, 95, 106, var(--cui-link-opacity, 1)) !important;
8425
+ text-decoration-color: RGBA(86, 95, 106, var(--cui-link-underline-opacity, 1)) !important;
8424
8426
  }
8425
8427
 
8426
8428
  .link-success {
@@ -8428,8 +8430,8 @@ textarea.form-control-lg {
8428
8430
  text-decoration-color: RGBA(var(--cui-success-rgb), var(--cui-link-underline-opacity, 1)) !important;
8429
8431
  }
8430
8432
  .link-success:hover, .link-success:focus {
8431
- color: RGBA(88, 198, 125, var(--cui-link-opacity, 1)) !important;
8432
- text-decoration-color: RGBA(88, 198, 125, var(--cui-link-underline-opacity, 1)) !important;
8433
+ color: RGBA(73, 177, 101, var(--cui-link-opacity, 1)) !important;
8434
+ text-decoration-color: RGBA(73, 177, 101, var(--cui-link-underline-opacity, 1)) !important;
8433
8435
  }
8434
8436
 
8435
8437
  .link-info {
@@ -8954,35 +8956,35 @@ textarea.form-control-lg {
8954
8956
  }
8955
8957
 
8956
8958
  .start-0 {
8957
- left: 0 !important;
8959
+ right: 0 !important;
8958
8960
  }
8959
8961
 
8960
8962
  .start-50 {
8961
- left: 50% !important;
8963
+ right: 50% !important;
8962
8964
  }
8963
8965
 
8964
8966
  .start-100 {
8965
- left: 100% !important;
8967
+ right: 100% !important;
8966
8968
  }
8967
8969
 
8968
8970
  .end-0 {
8969
- right: 0 !important;
8971
+ left: 0 !important;
8970
8972
  }
8971
8973
 
8972
8974
  .end-50 {
8973
- right: 50% !important;
8975
+ left: 50% !important;
8974
8976
  }
8975
8977
 
8976
8978
  .end-100 {
8977
- right: 100% !important;
8979
+ left: 100% !important;
8978
8980
  }
8979
8981
 
8980
8982
  .translate-middle {
8981
- transform: translate(-50%, -50%) !important;
8983
+ transform: translate(50%, -50%) !important;
8982
8984
  }
8983
8985
 
8984
8986
  .translate-middle-x {
8985
- transform: translateX(-50%) !important;
8987
+ transform: translateX(50%) !important;
8986
8988
  }
8987
8989
 
8988
8990
  .translate-middle-y {
@@ -9084,11 +9086,11 @@ textarea.form-control-lg {
9084
9086
  }
9085
9087
 
9086
9088
  .border-top-secondary {
9087
- border-top-color: #9da5b1 !important;
9089
+ border-top-color: #6b7785 !important;
9088
9090
  }
9089
9091
 
9090
9092
  .border-top-success {
9091
- border-top-color: #2eb85c !important;
9093
+ border-top-color: #1b9e3e !important;
9092
9094
  }
9093
9095
 
9094
9096
  .border-top-info {
@@ -9120,11 +9122,11 @@ textarea.form-control-lg {
9120
9122
  }
9121
9123
 
9122
9124
  .border-end-secondary {
9123
- border-left-color: #9da5b1 !important;
9125
+ border-left-color: #6b7785 !important;
9124
9126
  }
9125
9127
 
9126
9128
  .border-end-success {
9127
- border-left-color: #2eb85c !important;
9129
+ border-left-color: #1b9e3e !important;
9128
9130
  }
9129
9131
 
9130
9132
  .border-end-info {
@@ -9156,11 +9158,11 @@ textarea.form-control-lg {
9156
9158
  }
9157
9159
 
9158
9160
  .border-bottom-secondary {
9159
- border-bottom-color: #9da5b1 !important;
9161
+ border-bottom-color: #6b7785 !important;
9160
9162
  }
9161
9163
 
9162
9164
  .border-bottom-success {
9163
- border-bottom-color: #2eb85c !important;
9165
+ border-bottom-color: #1b9e3e !important;
9164
9166
  }
9165
9167
 
9166
9168
  .border-bottom-info {
@@ -9192,11 +9194,11 @@ textarea.form-control-lg {
9192
9194
  }
9193
9195
 
9194
9196
  .border-start-secondary {
9195
- border-right-color: #9da5b1 !important;
9197
+ border-right-color: #6b7785 !important;
9196
9198
  }
9197
9199
 
9198
9200
  .border-start-success {
9199
- border-right-color: #2eb85c !important;
9201
+ border-right-color: #1b9e3e !important;
9200
9202
  }
9201
9203
 
9202
9204
  .border-start-info {