@dynamic-framework/ui-react 1.9.0 → 1.10.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 (55) hide show
  1. package/dist/css/dynamic-ui-non-root.css +315 -345
  2. package/dist/css/dynamic-ui-non-root.min.css +1 -1
  3. package/dist/css/dynamic-ui.css +315 -345
  4. package/dist/css/dynamic-ui.min.css +1 -1
  5. package/dist/index.esm.js +144 -123
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.js +144 -122
  8. package/dist/index.js.map +1 -1
  9. package/dist/types/components/DAlertBox/DAlertBox.d.ts +9 -0
  10. package/dist/types/components/DAlertBox/index.d.ts +2 -0
  11. package/dist/types/components/DBadge/DBadge.d.ts +2 -2
  12. package/dist/types/components/DBoxFile/DBoxFile.d.ts +2 -2
  13. package/dist/types/components/DButton/DButton.d.ts +7 -5
  14. package/dist/types/components/DChip/DChip.d.ts +2 -1
  15. package/dist/types/components/DDatePicker/DDatePicker.d.ts +7 -3
  16. package/dist/types/components/DDatePickerHeader/DDatePickerHeader.d.ts +5 -3
  17. package/dist/types/components/DDatePickerInput/DDatePickerInput.d.ts +1 -1
  18. package/dist/types/components/DIcon/DIcon.d.ts +2 -2
  19. package/dist/types/components/DInputCheck/DInputCheck.d.ts +5 -4
  20. package/dist/types/components/DInputPin/DInputPin.d.ts +7 -7
  21. package/dist/types/components/DInputSelect/DInputSelect.d.ts +3 -3
  22. package/dist/types/components/DInputSwitch/DInputSwitch.d.ts +5 -4
  23. package/dist/types/components/DList/DList.d.ts +4 -4
  24. package/dist/types/components/DList/components/DListItem.d.ts +3 -3
  25. package/dist/types/components/DModal/DModal.d.ts +5 -5
  26. package/dist/types/components/DMonthPicker/DMonthPicker.d.ts +3 -1
  27. package/dist/types/components/DOffcanvas/DOffcanvas.d.ts +3 -3
  28. package/dist/types/components/DPopover/DPopover.d.ts +4 -4
  29. package/dist/types/components/DQuickActionButton/DQuickActionButton.d.ts +2 -1
  30. package/dist/types/components/DQuickActionCheck/DQuickActionCheck.d.ts +2 -2
  31. package/dist/types/components/DQuickActionSelect/DQuickActionSelect.d.ts +2 -2
  32. package/dist/types/components/DQuickActionSwitch/DQuickActionSwitch.d.ts +3 -3
  33. package/dist/types/components/DStepper/DStepper.d.ts +2 -2
  34. package/dist/types/components/DStepperDesktop/DStepperDesktop.d.ts +2 -2
  35. package/dist/types/components/DTabs/DTabs.d.ts +3 -3
  36. package/dist/types/components/{DAlert/DAlert.d.ts → DToast/DToast.d.ts} +3 -3
  37. package/dist/types/components/DToast/index.d.ts +2 -0
  38. package/dist/types/components/DToastContainer/useToast.d.ts +2 -2
  39. package/dist/types/components/DTooltip/DTooltip.d.ts +2 -2
  40. package/dist/types/components/banking/DPermissionGroup.d.ts +1 -1
  41. package/dist/types/components/config.d.ts +2 -2
  42. package/dist/types/components/index.d.ts +2 -1
  43. package/dist/types/components/interface.d.ts +8 -3
  44. package/package.json +7 -2
  45. package/src/style/abstracts/_maps.scss +6 -0
  46. package/src/style/abstracts/_mixins.scss +53 -42
  47. package/src/style/abstracts/variables/_alerts.scss +1 -0
  48. package/src/style/abstracts/variables/_buttons.scss +7 -13
  49. package/src/style/abstracts/variables/_colors.scss +1 -1
  50. package/src/style/components/_+import.scss +1 -1
  51. package/src/style/components/_d-button.scss +12 -41
  52. package/src/style/components/_d-chip.scss +1 -1
  53. package/src/style/components/_d-datepicker.scss +9 -0
  54. package/src/style/components/{_d-alert.scss → _d-toast.scss} +21 -1
  55. package/dist/types/components/DAlert/index.d.ts +0 -2
package/dist/css/dynamic-ui.css CHANGED
@@ -2206,99 +2206,99 @@ progress {
2206
2206
  }
2207
2207
 
2208
2208
  .table-primary {
2209
- --bs-table-color: var(--bs-gray-900);
2209
+ --bs-table-color: var(--bs-gray-700);
2210
2210
  --bs-table-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 0%);
2211
2211
  --bs-table-border-color: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 20%);
2212
2212
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 10%);
2213
- --bs-table-striped-color: var(--bs-gray-900);
2213
+ --bs-table-striped-color: var(--bs-gray-700);
2214
2214
  --bs-table-active-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 20%);
2215
- --bs-table-active-color: var(--bs-gray-900);
2215
+ --bs-table-active-color: var(--bs-gray-700);
2216
2216
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 15%);
2217
- --bs-table-hover-color: var(--bs-gray-900);
2217
+ --bs-table-hover-color: var(--bs-gray-700);
2218
2218
  color: var(--bs-table-color);
2219
2219
  border-color: var(--bs-table-border-color);
2220
2220
  }
2221
2221
 
2222
2222
  .table-secondary {
2223
- --bs-table-color: var(--bs-gray-900);
2223
+ --bs-table-color: var(--bs-gray-700);
2224
2224
  --bs-table-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 0%);
2225
2225
  --bs-table-border-color: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 20%);
2226
2226
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 10%);
2227
- --bs-table-striped-color: var(--bs-gray-900);
2227
+ --bs-table-striped-color: var(--bs-gray-700);
2228
2228
  --bs-table-active-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 20%);
2229
- --bs-table-active-color: var(--bs-gray-900);
2229
+ --bs-table-active-color: var(--bs-gray-700);
2230
2230
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 15%);
2231
- --bs-table-hover-color: var(--bs-gray-900);
2231
+ --bs-table-hover-color: var(--bs-gray-700);
2232
2232
  color: var(--bs-table-color);
2233
2233
  border-color: var(--bs-table-border-color);
2234
2234
  }
2235
2235
 
2236
2236
  .table-success {
2237
- --bs-table-color: var(--bs-gray-900);
2237
+ --bs-table-color: var(--bs-gray-700);
2238
2238
  --bs-table-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 0%);
2239
2239
  --bs-table-border-color: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 20%);
2240
2240
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 10%);
2241
- --bs-table-striped-color: var(--bs-gray-900);
2241
+ --bs-table-striped-color: var(--bs-gray-700);
2242
2242
  --bs-table-active-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 20%);
2243
- --bs-table-active-color: var(--bs-gray-900);
2243
+ --bs-table-active-color: var(--bs-gray-700);
2244
2244
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 15%);
2245
- --bs-table-hover-color: var(--bs-gray-900);
2245
+ --bs-table-hover-color: var(--bs-gray-700);
2246
2246
  color: var(--bs-table-color);
2247
2247
  border-color: var(--bs-table-border-color);
2248
2248
  }
2249
2249
 
2250
2250
  .table-info {
2251
- --bs-table-color: var(--bs-gray-900);
2251
+ --bs-table-color: var(--bs-gray-700);
2252
2252
  --bs-table-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 0%);
2253
2253
  --bs-table-border-color: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 20%);
2254
2254
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 10%);
2255
- --bs-table-striped-color: var(--bs-gray-900);
2255
+ --bs-table-striped-color: var(--bs-gray-700);
2256
2256
  --bs-table-active-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 20%);
2257
- --bs-table-active-color: var(--bs-gray-900);
2257
+ --bs-table-active-color: var(--bs-gray-700);
2258
2258
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 15%);
2259
- --bs-table-hover-color: var(--bs-gray-900);
2259
+ --bs-table-hover-color: var(--bs-gray-700);
2260
2260
  color: var(--bs-table-color);
2261
2261
  border-color: var(--bs-table-border-color);
2262
2262
  }
2263
2263
 
2264
2264
  .table-warning {
2265
- --bs-table-color: var(--bs-gray-900);
2265
+ --bs-table-color: var(--bs-gray-700);
2266
2266
  --bs-table-bg: color-mix(in srgb, var(--bs-warning-100), var(--bs-white) 0%);
2267
2267
  --bs-table-border-color: color-mix(in srgb, var(--bs-warning-100), var(--bs-white) 20%);
2268
2268
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-warning-100), var(--bs-white) 10%);
2269
- --bs-table-striped-color: var(--bs-gray-900);
2269
+ --bs-table-striped-color: var(--bs-gray-700);
2270
2270
  --bs-table-active-bg: color-mix(in srgb, var(--bs-warning-100), var(--bs-white) 20%);
2271
- --bs-table-active-color: var(--bs-gray-900);
2271
+ --bs-table-active-color: var(--bs-gray-700);
2272
2272
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-warning-100), var(--bs-white) 15%);
2273
- --bs-table-hover-color: var(--bs-gray-900);
2273
+ --bs-table-hover-color: var(--bs-gray-700);
2274
2274
  color: var(--bs-table-color);
2275
2275
  border-color: var(--bs-table-border-color);
2276
2276
  }
2277
2277
 
2278
2278
  .table-danger {
2279
- --bs-table-color: var(--bs-gray-900);
2279
+ --bs-table-color: var(--bs-gray-700);
2280
2280
  --bs-table-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 0%);
2281
2281
  --bs-table-border-color: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 20%);
2282
2282
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 10%);
2283
- --bs-table-striped-color: var(--bs-gray-900);
2283
+ --bs-table-striped-color: var(--bs-gray-700);
2284
2284
  --bs-table-active-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 20%);
2285
- --bs-table-active-color: var(--bs-gray-900);
2285
+ --bs-table-active-color: var(--bs-gray-700);
2286
2286
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 15%);
2287
- --bs-table-hover-color: var(--bs-gray-900);
2287
+ --bs-table-hover-color: var(--bs-gray-700);
2288
2288
  color: var(--bs-table-color);
2289
2289
  border-color: var(--bs-table-border-color);
2290
2290
  }
2291
2291
 
2292
2292
  .table-light {
2293
- --bs-table-color: var(--bs-gray-900);
2293
+ --bs-table-color: var(--bs-gray-700);
2294
2294
  --bs-table-bg: color-mix(in srgb, var(--bs-light), var(--bs-white) 0%);
2295
2295
  --bs-table-border-color: color-mix(in srgb, var(--bs-light), var(--bs-white) 20%);
2296
2296
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-light), var(--bs-white) 10%);
2297
- --bs-table-striped-color: var(--bs-gray-900);
2297
+ --bs-table-striped-color: var(--bs-gray-700);
2298
2298
  --bs-table-active-bg: color-mix(in srgb, var(--bs-light), var(--bs-white) 20%);
2299
- --bs-table-active-color: var(--bs-gray-900);
2299
+ --bs-table-active-color: var(--bs-gray-700);
2300
2300
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-light), var(--bs-white) 15%);
2301
- --bs-table-hover-color: var(--bs-gray-900);
2301
+ --bs-table-hover-color: var(--bs-gray-700);
2302
2302
  color: var(--bs-table-color);
2303
2303
  border-color: var(--bs-table-border-color);
2304
2304
  }
@@ -2808,7 +2808,7 @@ textarea.form-control-lg {
2808
2808
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
2809
2809
  pointer-events: none;
2810
2810
  filter: none;
2811
- opacity: 0.5;
2811
+ opacity: 1;
2812
2812
  }
2813
2813
 
2814
2814
  .form-range {
@@ -3620,8 +3620,8 @@ textarea.form-control-lg {
3620
3620
  }
3621
3621
 
3622
3622
  .dropdown-toggle-split {
3623
- padding-right: 1.125rem;
3624
- padding-left: 1.125rem;
3623
+ padding-right: 0.75rem;
3624
+ padding-left: 0.75rem;
3625
3625
  }
3626
3626
  .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
3627
3627
  margin-left: 0;
@@ -3631,8 +3631,8 @@ textarea.form-control-lg {
3631
3631
  }
3632
3632
 
3633
3633
  .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
3634
- padding-right: 1.125rem;
3635
- padding-left: 1.125rem;
3634
+ padding-right: 0.75rem;
3635
+ padding-left: 0.75rem;
3636
3636
  }
3637
3637
 
3638
3638
  .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
@@ -7651,12 +7651,12 @@ label {
7651
7651
  }
7652
7652
 
7653
7653
  .btn {
7654
- --bs-btn-padding-x: 1.5rem;
7655
- --bs-btn-padding-y: 0.875rem;
7654
+ --bs-btn-padding-x: 1rem;
7655
+ --bs-btn-padding-y: 0.5rem;
7656
7656
  --bs-btn-font-family: ;
7657
7657
  --bs-btn-font-size: 1rem;
7658
7658
  --bs-btn-font-weight: 400;
7659
- --bs-btn-line-height: 1rem;
7659
+ --bs-btn-line-height: 1.2rem;
7660
7660
  --bs-btn-color: var(--bs-body-color);
7661
7661
  --bs-btn-bg: transparent;
7662
7662
  --bs-btn-border-width: 2px;
@@ -7664,17 +7664,15 @@ label {
7664
7664
  --bs-btn-border-radius: var(--bs-btn-component-border-radius, 0.5rem);
7665
7665
  --bs-btn-hover-border-color: transparent;
7666
7666
  --bs-btn-box-shadow: none;
7667
- --bs-btn-disabled-opacity: 0.5;
7667
+ --bs-btn-disabled-opacity: 1;
7668
7668
  --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
7669
- --bs-btn-link-padding-y: 0.5rem;
7670
- --bs-btn-link-padding-x: 0.5rem;
7671
- --bs-btn-link-font-size-sm: 0.875rem;
7672
- --bs-btn-lg-padding-y: 1.125rem;
7669
+ --bs-btn–text-decoration: if($link-decoration == none, null, none);
7670
+ --bs-btn-lg-padding-y: 0.875rem;
7673
7671
  --bs-btn-lg-padding-x: 1.5rem;
7674
7672
  --bs-btn-lg-font-size: 1.125rem;
7675
7673
  --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, 1.5rem);
7676
- --bs-btn-sm-padding-y: 0.625rem;
7677
- --bs-btn-sm-padding-x: 1.5rem;
7674
+ --bs-btn-sm-padding-y: 0.25rem;
7675
+ --bs-btn-sm-padding-x: 1rem;
7678
7676
  --bs-btn-sm-font-size: 0.875rem;
7679
7677
  --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, 0.5rem);
7680
7678
  display: flex;
@@ -7706,9 +7704,12 @@ label {
7706
7704
  transition: none;
7707
7705
  }
7708
7706
  }
7707
+ .btn > span {
7708
+ -webkit-text-decoration: var(--bs-btn-text-decoration);
7709
+ text-decoration: var(--bs-btn-text-decoration);
7710
+ }
7709
7711
  .btn:hover, .btn.hover {
7710
7712
  color: var(--bs-btn-hover-color);
7711
- text-decoration: none;
7712
7713
  background-color: var(--bs-btn-hover-bg);
7713
7714
  border-color: var(--bs-btn-hover-border-color);
7714
7715
  }
@@ -7718,9 +7719,9 @@ label {
7718
7719
  border-color: var(--bs-btn-border-color);
7719
7720
  }
7720
7721
  .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
7721
- color: var(var(--bs-btn-focus-color), var(--bs-btn-hover-color));
7722
- background-color: var(var(--bs-btn-focus-bg), var(--bs-btn-hover-bg));
7723
- border-color: var(var(--bs-btn-focus-border-color), var(--bs-btn-hover-border-color));
7722
+ color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
7723
+ background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
7724
+ border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
7724
7725
  outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
7725
7726
  outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
7726
7727
  }
@@ -7750,38 +7751,41 @@ label {
7750
7751
  --bs-btn-bg: var(--bs-primary-500);
7751
7752
  --bs-btn-border-color: var(--bs-primary-500);
7752
7753
  --bs-btn-hover-color: var(--bs-white);
7753
- --bs-btn-hover-bg: var(--bs-primary-700);
7754
- --bs-btn-hover-border-color: var(--bs-primary-700);
7754
+ --bs-btn-hover-bg: var(--bs-primary-600);
7755
+ --bs-btn-hover-border-color: var(--bs-primary-600);
7756
+ --bs-btn-focus-color: var(--bs-white);
7757
+ --bs-btn-focus-bg: var(--bs-primary-600);
7758
+ --bs-btn-focus-border-color: var(--bs-primary-600);
7755
7759
  --bs-btn-active-color: var(--bs-white);
7756
- --bs-btn-active-bg: var(--bs-primary-600);
7757
- --bs-btn-active-border-color: var(--bs-primary-600);
7758
- --bs-btn-disabled-color: var(--bs-gray-900);
7760
+ --bs-btn-active-bg: var(--bs-primary-700);
7761
+ --bs-btn-active-border-color: var(--bs-primary-700);
7762
+ --bs-btn-disabled-color: var(--bs-gray-700);
7759
7763
  --bs-btn-disabled-bg: var(--bs-primary-100);
7760
7764
  --bs-btn-disabled-border-color: var(--bs-primary-100);
7761
7765
  }
7762
7766
  .btn-primary.loading {
7763
7767
  --bs-btn-disabled-opacity: 1;
7764
- --bs-btn-disabled-bg: var(--bs-primary-600);
7765
- --bs-btn-disabled-border-color: var(--bs-primary-600);
7768
+ --bs-btn-disabled-bg: var(--bs-primary-700);
7769
+ --bs-btn-disabled-border-color: var(--bs-primary-700);
7766
7770
  --bs-btn-disabled-color: var(--bs-white);
7767
7771
  }
7768
7772
 
7769
7773
  .btn-outline-primary {
7770
7774
  --bs-btn-bg: transparent;
7771
- --bs-btn-border-color: var(--bs-primary-500);
7772
- --bs-btn-color: var(--bs-primary-500);
7775
+ --bs-btn-border-color: var(--bs-primary-600);
7776
+ --bs-btn-color: var(--bs-primary-600);
7773
7777
  --bs-btn-hover-bg: var(--bs-primary-100);
7774
7778
  --bs-btn-hover-border-color: var(--bs-primary-600);
7775
7779
  --bs-btn-hover-color: var(--bs-primary-600);
7776
7780
  --bs-btn-focus-bg: var(--bs-primary-100);
7777
- --bs-btn-focus-border-color: var(--bs-primary);
7778
- --bs-btn-focus-color: var(--bs-primary);
7779
- --bs-btn-active-bg: var(--bs-primary-300);
7781
+ --bs-btn-focus-border-color: var(--bs-primary-600);
7782
+ --bs-btn-focus-color: var(--bs-primary-600);
7783
+ --bs-btn-active-bg: var(--bs-primary-200);
7780
7784
  --bs-btn-active-border-color: var(--bs-primary-600);
7781
7785
  --bs-btn-active-color: var(--bs-primary-600);
7782
7786
  --bs-btn-disabled-bg: transparent;
7783
7787
  --bs-btn-disabled-border-color: var(--bs-primary-100);
7784
- --bs-btn-disabled-color: var(--bs-primary-100);
7788
+ --bs-btn-disabled-color: var(--bs-gray-700);
7785
7789
  --bs-gradient: none;
7786
7790
  }
7787
7791
  .btn-outline-primary.loading {
@@ -7791,43 +7795,71 @@ label {
7791
7795
  --bs-btn-disabled-color: var(--bs-primary-600);
7792
7796
  }
7793
7797
 
7798
+ .btn-link-primary {
7799
+ --bs-btn-bg: transparent;
7800
+ --bs-btn-border-color: transparent;
7801
+ --bs-btn-color: var(--bs-primary-600);
7802
+ --bs-btn-hover-bg: var(--bs-primary-100);
7803
+ --bs-btn-hover-border-color: transparent;
7804
+ --bs-btn-hover-color: var(--bs-primary-600);
7805
+ --bs-btn-focus-bg: transparent;
7806
+ --bs-btn-focus-border-color: transparent;
7807
+ --bs-btn-focus-color: var(--bs-primary-600);
7808
+ --bs-btn-active-bg: var(--bs-primary-200);
7809
+ --bs-btn-active-border-color: transparent;
7810
+ --bs-btn-active-color: var(--bs-primary-600);
7811
+ --bs-btn-disabled-bg: transparent;
7812
+ --bs-btn-disabled-border-color: transparent;
7813
+ --bs-btn-disabled-color: var(--bs-primary-300);
7814
+ --bs-btn-focus-outline-offset: 0;
7815
+ }
7816
+ .btn-link-primary.loading {
7817
+ --bs-btn-disabled-opacity: 1;
7818
+ --bs-btn-disabled-bg: transparent;
7819
+ --bs-btn-disabled-border-color: transparent;
7820
+ --bs-btn-disabled-color: var(--bs-primary-600);
7821
+ }
7822
+
7794
7823
  .btn-secondary {
7795
7824
  --bs-btn-color: var(--bs-white);
7796
7825
  --bs-btn-bg: var(--bs-secondary-500);
7797
7826
  --bs-btn-border-color: var(--bs-secondary-500);
7798
7827
  --bs-btn-hover-color: var(--bs-white);
7799
- --bs-btn-hover-bg: var(--bs-secondary-700);
7800
- --bs-btn-hover-border-color: var(--bs-secondary-700);
7828
+ --bs-btn-hover-bg: var(--bs-secondary-600);
7829
+ --bs-btn-hover-border-color: var(--bs-secondary-600);
7830
+ --bs-btn-focus-color: var(--bs-white);
7831
+ --bs-btn-focus-bg: var(--bs-secondary-600);
7832
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
7801
7833
  --bs-btn-active-color: var(--bs-white);
7802
- --bs-btn-active-bg: var(--bs-secondary-600);
7803
- --bs-btn-active-border-color: var(--bs-secondary-600);
7804
- --bs-btn-disabled-color: var(--bs-gray-900);
7834
+ --bs-btn-active-bg: var(--bs-secondary-700);
7835
+ --bs-btn-active-border-color: var(--bs-secondary-700);
7836
+ --bs-btn-disabled-color: var(--bs-gray-700);
7805
7837
  --bs-btn-disabled-bg: var(--bs-secondary-100);
7806
7838
  --bs-btn-disabled-border-color: var(--bs-secondary-100);
7807
7839
  }
7808
7840
  .btn-secondary.loading {
7809
7841
  --bs-btn-disabled-opacity: 1;
7810
- --bs-btn-disabled-bg: var(--bs-secondary-600);
7811
- --bs-btn-disabled-border-color: var(--bs-secondary-600);
7842
+ --bs-btn-disabled-bg: var(--bs-secondary-700);
7843
+ --bs-btn-disabled-border-color: var(--bs-secondary-700);
7812
7844
  --bs-btn-disabled-color: var(--bs-white);
7813
7845
  }
7814
7846
 
7815
7847
  .btn-outline-secondary {
7816
7848
  --bs-btn-bg: transparent;
7817
- --bs-btn-border-color: var(--bs-secondary-500);
7818
- --bs-btn-color: var(--bs-secondary-500);
7849
+ --bs-btn-border-color: var(--bs-secondary-600);
7850
+ --bs-btn-color: var(--bs-secondary-600);
7819
7851
  --bs-btn-hover-bg: var(--bs-secondary-100);
7820
7852
  --bs-btn-hover-border-color: var(--bs-secondary-600);
7821
7853
  --bs-btn-hover-color: var(--bs-secondary-600);
7822
7854
  --bs-btn-focus-bg: var(--bs-secondary-100);
7823
- --bs-btn-focus-border-color: var(--bs-secondary);
7824
- --bs-btn-focus-color: var(--bs-secondary);
7825
- --bs-btn-active-bg: var(--bs-secondary-300);
7855
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
7856
+ --bs-btn-focus-color: var(--bs-secondary-600);
7857
+ --bs-btn-active-bg: var(--bs-secondary-200);
7826
7858
  --bs-btn-active-border-color: var(--bs-secondary-600);
7827
7859
  --bs-btn-active-color: var(--bs-secondary-600);
7828
7860
  --bs-btn-disabled-bg: transparent;
7829
7861
  --bs-btn-disabled-border-color: var(--bs-secondary-100);
7830
- --bs-btn-disabled-color: var(--bs-secondary-100);
7862
+ --bs-btn-disabled-color: var(--bs-gray-700);
7831
7863
  --bs-gradient: none;
7832
7864
  }
7833
7865
  .btn-outline-secondary.loading {
@@ -7837,43 +7869,71 @@ label {
7837
7869
  --bs-btn-disabled-color: var(--bs-secondary-600);
7838
7870
  }
7839
7871
 
7872
+ .btn-link-secondary {
7873
+ --bs-btn-bg: transparent;
7874
+ --bs-btn-border-color: transparent;
7875
+ --bs-btn-color: var(--bs-secondary-600);
7876
+ --bs-btn-hover-bg: var(--bs-secondary-100);
7877
+ --bs-btn-hover-border-color: transparent;
7878
+ --bs-btn-hover-color: var(--bs-secondary-600);
7879
+ --bs-btn-focus-bg: transparent;
7880
+ --bs-btn-focus-border-color: transparent;
7881
+ --bs-btn-focus-color: var(--bs-secondary-600);
7882
+ --bs-btn-active-bg: var(--bs-secondary-200);
7883
+ --bs-btn-active-border-color: transparent;
7884
+ --bs-btn-active-color: var(--bs-secondary-600);
7885
+ --bs-btn-disabled-bg: transparent;
7886
+ --bs-btn-disabled-border-color: transparent;
7887
+ --bs-btn-disabled-color: var(--bs-secondary-300);
7888
+ --bs-btn-focus-outline-offset: 0;
7889
+ }
7890
+ .btn-link-secondary.loading {
7891
+ --bs-btn-disabled-opacity: 1;
7892
+ --bs-btn-disabled-bg: transparent;
7893
+ --bs-btn-disabled-border-color: transparent;
7894
+ --bs-btn-disabled-color: var(--bs-secondary-600);
7895
+ }
7896
+
7840
7897
  .btn-success {
7841
7898
  --bs-btn-color: var(--bs-white);
7842
7899
  --bs-btn-bg: var(--bs-success-500);
7843
7900
  --bs-btn-border-color: var(--bs-success-500);
7844
7901
  --bs-btn-hover-color: var(--bs-white);
7845
- --bs-btn-hover-bg: var(--bs-success-700);
7846
- --bs-btn-hover-border-color: var(--bs-success-700);
7902
+ --bs-btn-hover-bg: var(--bs-success-600);
7903
+ --bs-btn-hover-border-color: var(--bs-success-600);
7904
+ --bs-btn-focus-color: var(--bs-white);
7905
+ --bs-btn-focus-bg: var(--bs-success-600);
7906
+ --bs-btn-focus-border-color: var(--bs-success-600);
7847
7907
  --bs-btn-active-color: var(--bs-white);
7848
- --bs-btn-active-bg: var(--bs-success-600);
7849
- --bs-btn-active-border-color: var(--bs-success-600);
7850
- --bs-btn-disabled-color: var(--bs-gray-900);
7908
+ --bs-btn-active-bg: var(--bs-success-700);
7909
+ --bs-btn-active-border-color: var(--bs-success-700);
7910
+ --bs-btn-disabled-color: var(--bs-gray-700);
7851
7911
  --bs-btn-disabled-bg: var(--bs-success-100);
7852
7912
  --bs-btn-disabled-border-color: var(--bs-success-100);
7853
7913
  }
7854
7914
  .btn-success.loading {
7855
7915
  --bs-btn-disabled-opacity: 1;
7856
- --bs-btn-disabled-bg: var(--bs-success-600);
7857
- --bs-btn-disabled-border-color: var(--bs-success-600);
7916
+ --bs-btn-disabled-bg: var(--bs-success-700);
7917
+ --bs-btn-disabled-border-color: var(--bs-success-700);
7858
7918
  --bs-btn-disabled-color: var(--bs-white);
7859
7919
  }
7860
7920
 
7861
7921
  .btn-outline-success {
7862
7922
  --bs-btn-bg: transparent;
7863
- --bs-btn-border-color: var(--bs-success-500);
7864
- --bs-btn-color: var(--bs-success-500);
7923
+ --bs-btn-border-color: var(--bs-success-600);
7924
+ --bs-btn-color: var(--bs-success-600);
7865
7925
  --bs-btn-hover-bg: var(--bs-success-100);
7866
7926
  --bs-btn-hover-border-color: var(--bs-success-600);
7867
7927
  --bs-btn-hover-color: var(--bs-success-600);
7868
7928
  --bs-btn-focus-bg: var(--bs-success-100);
7869
- --bs-btn-focus-border-color: var(--bs-success);
7870
- --bs-btn-focus-color: var(--bs-success);
7871
- --bs-btn-active-bg: var(--bs-success-300);
7929
+ --bs-btn-focus-border-color: var(--bs-success-600);
7930
+ --bs-btn-focus-color: var(--bs-success-600);
7931
+ --bs-btn-active-bg: var(--bs-success-200);
7872
7932
  --bs-btn-active-border-color: var(--bs-success-600);
7873
7933
  --bs-btn-active-color: var(--bs-success-600);
7874
7934
  --bs-btn-disabled-bg: transparent;
7875
7935
  --bs-btn-disabled-border-color: var(--bs-success-100);
7876
- --bs-btn-disabled-color: var(--bs-success-100);
7936
+ --bs-btn-disabled-color: var(--bs-gray-700);
7877
7937
  --bs-gradient: none;
7878
7938
  }
7879
7939
  .btn-outline-success.loading {
@@ -7883,43 +7943,71 @@ label {
7883
7943
  --bs-btn-disabled-color: var(--bs-success-600);
7884
7944
  }
7885
7945
 
7946
+ .btn-link-success {
7947
+ --bs-btn-bg: transparent;
7948
+ --bs-btn-border-color: transparent;
7949
+ --bs-btn-color: var(--bs-success-600);
7950
+ --bs-btn-hover-bg: var(--bs-success-100);
7951
+ --bs-btn-hover-border-color: transparent;
7952
+ --bs-btn-hover-color: var(--bs-success-600);
7953
+ --bs-btn-focus-bg: transparent;
7954
+ --bs-btn-focus-border-color: transparent;
7955
+ --bs-btn-focus-color: var(--bs-success-600);
7956
+ --bs-btn-active-bg: var(--bs-success-200);
7957
+ --bs-btn-active-border-color: transparent;
7958
+ --bs-btn-active-color: var(--bs-success-600);
7959
+ --bs-btn-disabled-bg: transparent;
7960
+ --bs-btn-disabled-border-color: transparent;
7961
+ --bs-btn-disabled-color: var(--bs-success-300);
7962
+ --bs-btn-focus-outline-offset: 0;
7963
+ }
7964
+ .btn-link-success.loading {
7965
+ --bs-btn-disabled-opacity: 1;
7966
+ --bs-btn-disabled-bg: transparent;
7967
+ --bs-btn-disabled-border-color: transparent;
7968
+ --bs-btn-disabled-color: var(--bs-success-600);
7969
+ }
7970
+
7886
7971
  .btn-info {
7887
7972
  --bs-btn-color: var(--bs-white);
7888
7973
  --bs-btn-bg: var(--bs-info-500);
7889
7974
  --bs-btn-border-color: var(--bs-info-500);
7890
7975
  --bs-btn-hover-color: var(--bs-white);
7891
- --bs-btn-hover-bg: var(--bs-info-700);
7892
- --bs-btn-hover-border-color: var(--bs-info-700);
7976
+ --bs-btn-hover-bg: var(--bs-info-600);
7977
+ --bs-btn-hover-border-color: var(--bs-info-600);
7978
+ --bs-btn-focus-color: var(--bs-white);
7979
+ --bs-btn-focus-bg: var(--bs-info-600);
7980
+ --bs-btn-focus-border-color: var(--bs-info-600);
7893
7981
  --bs-btn-active-color: var(--bs-white);
7894
- --bs-btn-active-bg: var(--bs-info-600);
7895
- --bs-btn-active-border-color: var(--bs-info-600);
7896
- --bs-btn-disabled-color: var(--bs-gray-900);
7982
+ --bs-btn-active-bg: var(--bs-info-700);
7983
+ --bs-btn-active-border-color: var(--bs-info-700);
7984
+ --bs-btn-disabled-color: var(--bs-gray-700);
7897
7985
  --bs-btn-disabled-bg: var(--bs-info-100);
7898
7986
  --bs-btn-disabled-border-color: var(--bs-info-100);
7899
7987
  }
7900
7988
  .btn-info.loading {
7901
7989
  --bs-btn-disabled-opacity: 1;
7902
- --bs-btn-disabled-bg: var(--bs-info-600);
7903
- --bs-btn-disabled-border-color: var(--bs-info-600);
7990
+ --bs-btn-disabled-bg: var(--bs-info-700);
7991
+ --bs-btn-disabled-border-color: var(--bs-info-700);
7904
7992
  --bs-btn-disabled-color: var(--bs-white);
7905
7993
  }
7906
7994
 
7907
7995
  .btn-outline-info {
7908
7996
  --bs-btn-bg: transparent;
7909
- --bs-btn-border-color: var(--bs-info-500);
7910
- --bs-btn-color: var(--bs-info-500);
7997
+ --bs-btn-border-color: var(--bs-info-600);
7998
+ --bs-btn-color: var(--bs-info-600);
7911
7999
  --bs-btn-hover-bg: var(--bs-info-100);
7912
8000
  --bs-btn-hover-border-color: var(--bs-info-600);
7913
8001
  --bs-btn-hover-color: var(--bs-info-600);
7914
8002
  --bs-btn-focus-bg: var(--bs-info-100);
7915
- --bs-btn-focus-border-color: var(--bs-info);
7916
- --bs-btn-focus-color: var(--bs-info);
7917
- --bs-btn-active-bg: var(--bs-info-300);
8003
+ --bs-btn-focus-border-color: var(--bs-info-600);
8004
+ --bs-btn-focus-color: var(--bs-info-600);
8005
+ --bs-btn-active-bg: var(--bs-info-200);
7918
8006
  --bs-btn-active-border-color: var(--bs-info-600);
7919
8007
  --bs-btn-active-color: var(--bs-info-600);
7920
8008
  --bs-btn-disabled-bg: transparent;
7921
8009
  --bs-btn-disabled-border-color: var(--bs-info-100);
7922
- --bs-btn-disabled-color: var(--bs-info-100);
8010
+ --bs-btn-disabled-color: var(--bs-gray-700);
7923
8011
  --bs-gradient: none;
7924
8012
  }
7925
8013
  .btn-outline-info.loading {
@@ -7929,43 +8017,71 @@ label {
7929
8017
  --bs-btn-disabled-color: var(--bs-info-600);
7930
8018
  }
7931
8019
 
8020
+ .btn-link-info {
8021
+ --bs-btn-bg: transparent;
8022
+ --bs-btn-border-color: transparent;
8023
+ --bs-btn-color: var(--bs-info-600);
8024
+ --bs-btn-hover-bg: var(--bs-info-100);
8025
+ --bs-btn-hover-border-color: transparent;
8026
+ --bs-btn-hover-color: var(--bs-info-600);
8027
+ --bs-btn-focus-bg: transparent;
8028
+ --bs-btn-focus-border-color: transparent;
8029
+ --bs-btn-focus-color: var(--bs-info-600);
8030
+ --bs-btn-active-bg: var(--bs-info-200);
8031
+ --bs-btn-active-border-color: transparent;
8032
+ --bs-btn-active-color: var(--bs-info-600);
8033
+ --bs-btn-disabled-bg: transparent;
8034
+ --bs-btn-disabled-border-color: transparent;
8035
+ --bs-btn-disabled-color: var(--bs-info-300);
8036
+ --bs-btn-focus-outline-offset: 0;
8037
+ }
8038
+ .btn-link-info.loading {
8039
+ --bs-btn-disabled-opacity: 1;
8040
+ --bs-btn-disabled-bg: transparent;
8041
+ --bs-btn-disabled-border-color: transparent;
8042
+ --bs-btn-disabled-color: var(--bs-info-600);
8043
+ }
8044
+
7932
8045
  .btn-warning {
7933
- --bs-btn-color: var(--bs-gray-900);
8046
+ --bs-btn-color: var(--bs-black);
7934
8047
  --bs-btn-bg: var(--bs-warning-500);
7935
8048
  --bs-btn-border-color: var(--bs-warning-500);
7936
8049
  --bs-btn-hover-color: var(--bs-black);
7937
- --bs-btn-hover-bg: var(--bs-warning-700);
7938
- --bs-btn-hover-border-color: var(--bs-warning-700);
7939
- --bs-btn-active-color: var(--bs-gray-900);
7940
- --bs-btn-active-bg: var(--bs-warning-600);
7941
- --bs-btn-active-border-color: var(--bs-warning-600);
7942
- --bs-btn-disabled-color: var(--bs-gray-900);
8050
+ --bs-btn-hover-bg: var(--bs-warning-600);
8051
+ --bs-btn-hover-border-color: var(--bs-warning-600);
8052
+ --bs-btn-focus-color: var(--bs-black);
8053
+ --bs-btn-focus-bg: var(--bs-warning-600);
8054
+ --bs-btn-focus-border-color: var(--bs-warning-600);
8055
+ --bs-btn-active-color: var(--bs-black);
8056
+ --bs-btn-active-bg: var(--bs-warning-700);
8057
+ --bs-btn-active-border-color: var(--bs-warning-700);
8058
+ --bs-btn-disabled-color: var(--bs-gray-700);
7943
8059
  --bs-btn-disabled-bg: var(--bs-warning-100);
7944
8060
  --bs-btn-disabled-border-color: var(--bs-warning-100);
7945
8061
  }
7946
8062
  .btn-warning.loading {
7947
8063
  --bs-btn-disabled-opacity: 1;
7948
- --bs-btn-disabled-bg: var(--bs-warning-600);
7949
- --bs-btn-disabled-border-color: var(--bs-warning-600);
7950
- --bs-btn-disabled-color: var(--bs-gray-900);
8064
+ --bs-btn-disabled-bg: var(--bs-warning-700);
8065
+ --bs-btn-disabled-border-color: var(--bs-warning-700);
8066
+ --bs-btn-disabled-color: var(--bs-black);
7951
8067
  }
7952
8068
 
7953
8069
  .btn-outline-warning {
7954
8070
  --bs-btn-bg: transparent;
7955
- --bs-btn-border-color: var(--bs-warning-500);
7956
- --bs-btn-color: var(--bs-warning-500);
8071
+ --bs-btn-border-color: var(--bs-warning-600);
8072
+ --bs-btn-color: var(--bs-warning-600);
7957
8073
  --bs-btn-hover-bg: var(--bs-warning-100);
7958
8074
  --bs-btn-hover-border-color: var(--bs-warning-600);
7959
8075
  --bs-btn-hover-color: var(--bs-warning-600);
7960
8076
  --bs-btn-focus-bg: var(--bs-warning-100);
7961
- --bs-btn-focus-border-color: var(--bs-warning);
7962
- --bs-btn-focus-color: var(--bs-warning);
7963
- --bs-btn-active-bg: var(--bs-warning-300);
8077
+ --bs-btn-focus-border-color: var(--bs-warning-600);
8078
+ --bs-btn-focus-color: var(--bs-warning-600);
8079
+ --bs-btn-active-bg: var(--bs-warning-200);
7964
8080
  --bs-btn-active-border-color: var(--bs-warning-600);
7965
8081
  --bs-btn-active-color: var(--bs-warning-600);
7966
8082
  --bs-btn-disabled-bg: transparent;
7967
8083
  --bs-btn-disabled-border-color: var(--bs-warning-100);
7968
- --bs-btn-disabled-color: var(--bs-warning-100);
8084
+ --bs-btn-disabled-color: var(--bs-gray-700);
7969
8085
  --bs-gradient: none;
7970
8086
  }
7971
8087
  .btn-outline-warning.loading {
@@ -7975,43 +8091,71 @@ label {
7975
8091
  --bs-btn-disabled-color: var(--bs-warning-600);
7976
8092
  }
7977
8093
 
8094
+ .btn-link-warning {
8095
+ --bs-btn-bg: transparent;
8096
+ --bs-btn-border-color: transparent;
8097
+ --bs-btn-color: var(--bs-warning-600);
8098
+ --bs-btn-hover-bg: var(--bs-warning-100);
8099
+ --bs-btn-hover-border-color: transparent;
8100
+ --bs-btn-hover-color: var(--bs-warning-600);
8101
+ --bs-btn-focus-bg: transparent;
8102
+ --bs-btn-focus-border-color: transparent;
8103
+ --bs-btn-focus-color: var(--bs-warning-600);
8104
+ --bs-btn-active-bg: var(--bs-warning-200);
8105
+ --bs-btn-active-border-color: transparent;
8106
+ --bs-btn-active-color: var(--bs-warning-600);
8107
+ --bs-btn-disabled-bg: transparent;
8108
+ --bs-btn-disabled-border-color: transparent;
8109
+ --bs-btn-disabled-color: var(--bs-warning-300);
8110
+ --bs-btn-focus-outline-offset: 0;
8111
+ }
8112
+ .btn-link-warning.loading {
8113
+ --bs-btn-disabled-opacity: 1;
8114
+ --bs-btn-disabled-bg: transparent;
8115
+ --bs-btn-disabled-border-color: transparent;
8116
+ --bs-btn-disabled-color: var(--bs-warning-600);
8117
+ }
8118
+
7978
8119
  .btn-danger {
7979
8120
  --bs-btn-color: var(--bs-white);
7980
8121
  --bs-btn-bg: var(--bs-danger-500);
7981
8122
  --bs-btn-border-color: var(--bs-danger-500);
7982
8123
  --bs-btn-hover-color: var(--bs-white);
7983
- --bs-btn-hover-bg: var(--bs-danger-700);
7984
- --bs-btn-hover-border-color: var(--bs-danger-700);
8124
+ --bs-btn-hover-bg: var(--bs-danger-600);
8125
+ --bs-btn-hover-border-color: var(--bs-danger-600);
8126
+ --bs-btn-focus-color: var(--bs-white);
8127
+ --bs-btn-focus-bg: var(--bs-danger-600);
8128
+ --bs-btn-focus-border-color: var(--bs-danger-600);
7985
8129
  --bs-btn-active-color: var(--bs-white);
7986
- --bs-btn-active-bg: var(--bs-danger-600);
7987
- --bs-btn-active-border-color: var(--bs-danger-600);
7988
- --bs-btn-disabled-color: var(--bs-gray-900);
8130
+ --bs-btn-active-bg: var(--bs-danger-700);
8131
+ --bs-btn-active-border-color: var(--bs-danger-700);
8132
+ --bs-btn-disabled-color: var(--bs-gray-700);
7989
8133
  --bs-btn-disabled-bg: var(--bs-danger-100);
7990
8134
  --bs-btn-disabled-border-color: var(--bs-danger-100);
7991
8135
  }
7992
8136
  .btn-danger.loading {
7993
8137
  --bs-btn-disabled-opacity: 1;
7994
- --bs-btn-disabled-bg: var(--bs-danger-600);
7995
- --bs-btn-disabled-border-color: var(--bs-danger-600);
8138
+ --bs-btn-disabled-bg: var(--bs-danger-700);
8139
+ --bs-btn-disabled-border-color: var(--bs-danger-700);
7996
8140
  --bs-btn-disabled-color: var(--bs-white);
7997
8141
  }
7998
8142
 
7999
8143
  .btn-outline-danger {
8000
8144
  --bs-btn-bg: transparent;
8001
- --bs-btn-border-color: var(--bs-danger-500);
8002
- --bs-btn-color: var(--bs-danger-500);
8145
+ --bs-btn-border-color: var(--bs-danger-600);
8146
+ --bs-btn-color: var(--bs-danger-600);
8003
8147
  --bs-btn-hover-bg: var(--bs-danger-100);
8004
8148
  --bs-btn-hover-border-color: var(--bs-danger-600);
8005
8149
  --bs-btn-hover-color: var(--bs-danger-600);
8006
8150
  --bs-btn-focus-bg: var(--bs-danger-100);
8007
- --bs-btn-focus-border-color: var(--bs-danger);
8008
- --bs-btn-focus-color: var(--bs-danger);
8009
- --bs-btn-active-bg: var(--bs-danger-300);
8151
+ --bs-btn-focus-border-color: var(--bs-danger-600);
8152
+ --bs-btn-focus-color: var(--bs-danger-600);
8153
+ --bs-btn-active-bg: var(--bs-danger-200);
8010
8154
  --bs-btn-active-border-color: var(--bs-danger-600);
8011
8155
  --bs-btn-active-color: var(--bs-danger-600);
8012
8156
  --bs-btn-disabled-bg: transparent;
8013
8157
  --bs-btn-disabled-border-color: var(--bs-danger-100);
8014
- --bs-btn-disabled-color: var(--bs-danger-100);
8158
+ --bs-btn-disabled-color: var(--bs-gray-700);
8015
8159
  --bs-gradient: none;
8016
8160
  }
8017
8161
  .btn-outline-danger.loading {
@@ -8021,159 +8165,22 @@ label {
8021
8165
  --bs-btn-disabled-color: var(--bs-danger-600);
8022
8166
  }
8023
8167
 
8024
- .btn-link-primary {
8025
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
8026
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
8027
- --bs-btn-bg: transparent;
8028
- --bs-btn-border-color: transparent;
8029
- --bs-btn-color: var(--bs-primary-500);
8030
- --bs-btn-hover-bg: transparent;
8031
- --bs-btn-hover-border-color: transparent;
8032
- --bs-btn-hover-color: var(--bs-primary-700);
8033
- --bs-btn-focus-bg: transparent;
8034
- --bs-btn-focus-border-color: transparent;
8035
- --bs-btn-focus-color: var(--bs-primary-500);
8036
- --bs-btn-active-bg: transparent;
8037
- --bs-btn-active-border-color: transparent;
8038
- --bs-btn-active-color: var(--bs-primary-600);
8039
- --bs-btn-disabled-bg: transparent;
8040
- --bs-btn-disabled-border-color: transparent;
8041
- --bs-btn-disabled-color: var(--bs-primary-100);
8042
- --bs-btn-focus-outline-offset: 0;
8043
- }
8044
- .btn-link-primary.loading {
8045
- --bs-btn-disabled-opacity: 1;
8046
- --bs-btn-disabled-bg: transparent;
8047
- --bs-btn-disabled-border-color: transparent;
8048
- --bs-btn-disabled-color: var(--bs-primary-600);
8049
- }
8050
-
8051
- .btn-link-secondary {
8052
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
8053
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
8054
- --bs-btn-bg: transparent;
8055
- --bs-btn-border-color: transparent;
8056
- --bs-btn-color: var(--bs-secondary-500);
8057
- --bs-btn-hover-bg: transparent;
8058
- --bs-btn-hover-border-color: transparent;
8059
- --bs-btn-hover-color: var(--bs-secondary-700);
8060
- --bs-btn-focus-bg: transparent;
8061
- --bs-btn-focus-border-color: transparent;
8062
- --bs-btn-focus-color: var(--bs-secondary-500);
8063
- --bs-btn-active-bg: transparent;
8064
- --bs-btn-active-border-color: transparent;
8065
- --bs-btn-active-color: var(--bs-secondary-600);
8066
- --bs-btn-disabled-bg: transparent;
8067
- --bs-btn-disabled-border-color: transparent;
8068
- --bs-btn-disabled-color: var(--bs-secondary-100);
8069
- --bs-btn-focus-outline-offset: 0;
8070
- }
8071
- .btn-link-secondary.loading {
8072
- --bs-btn-disabled-opacity: 1;
8073
- --bs-btn-disabled-bg: transparent;
8074
- --bs-btn-disabled-border-color: transparent;
8075
- --bs-btn-disabled-color: var(--bs-secondary-600);
8076
- }
8077
-
8078
- .btn-link-success {
8079
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
8080
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
8081
- --bs-btn-bg: transparent;
8082
- --bs-btn-border-color: transparent;
8083
- --bs-btn-color: var(--bs-success-500);
8084
- --bs-btn-hover-bg: transparent;
8085
- --bs-btn-hover-border-color: transparent;
8086
- --bs-btn-hover-color: var(--bs-success-700);
8087
- --bs-btn-focus-bg: transparent;
8088
- --bs-btn-focus-border-color: transparent;
8089
- --bs-btn-focus-color: var(--bs-success-500);
8090
- --bs-btn-active-bg: transparent;
8091
- --bs-btn-active-border-color: transparent;
8092
- --bs-btn-active-color: var(--bs-success-600);
8093
- --bs-btn-disabled-bg: transparent;
8094
- --bs-btn-disabled-border-color: transparent;
8095
- --bs-btn-disabled-color: var(--bs-success-100);
8096
- --bs-btn-focus-outline-offset: 0;
8097
- }
8098
- .btn-link-success.loading {
8099
- --bs-btn-disabled-opacity: 1;
8100
- --bs-btn-disabled-bg: transparent;
8101
- --bs-btn-disabled-border-color: transparent;
8102
- --bs-btn-disabled-color: var(--bs-success-600);
8103
- }
8104
-
8105
- .btn-link-info {
8106
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
8107
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
8108
- --bs-btn-bg: transparent;
8109
- --bs-btn-border-color: transparent;
8110
- --bs-btn-color: var(--bs-info-500);
8111
- --bs-btn-hover-bg: transparent;
8112
- --bs-btn-hover-border-color: transparent;
8113
- --bs-btn-hover-color: var(--bs-info-700);
8114
- --bs-btn-focus-bg: transparent;
8115
- --bs-btn-focus-border-color: transparent;
8116
- --bs-btn-focus-color: var(--bs-info-500);
8117
- --bs-btn-active-bg: transparent;
8118
- --bs-btn-active-border-color: transparent;
8119
- --bs-btn-active-color: var(--bs-info-600);
8120
- --bs-btn-disabled-bg: transparent;
8121
- --bs-btn-disabled-border-color: transparent;
8122
- --bs-btn-disabled-color: var(--bs-info-100);
8123
- --bs-btn-focus-outline-offset: 0;
8124
- }
8125
- .btn-link-info.loading {
8126
- --bs-btn-disabled-opacity: 1;
8127
- --bs-btn-disabled-bg: transparent;
8128
- --bs-btn-disabled-border-color: transparent;
8129
- --bs-btn-disabled-color: var(--bs-info-600);
8130
- }
8131
-
8132
- .btn-link-warning {
8133
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
8134
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
8135
- --bs-btn-bg: transparent;
8136
- --bs-btn-border-color: transparent;
8137
- --bs-btn-color: var(--bs-warning-500);
8138
- --bs-btn-hover-bg: transparent;
8139
- --bs-btn-hover-border-color: transparent;
8140
- --bs-btn-hover-color: var(--bs-warning-700);
8141
- --bs-btn-focus-bg: transparent;
8142
- --bs-btn-focus-border-color: transparent;
8143
- --bs-btn-focus-color: var(--bs-warning-500);
8144
- --bs-btn-active-bg: transparent;
8145
- --bs-btn-active-border-color: transparent;
8146
- --bs-btn-active-color: var(--bs-warning-600);
8147
- --bs-btn-disabled-bg: transparent;
8148
- --bs-btn-disabled-border-color: transparent;
8149
- --bs-btn-disabled-color: var(--bs-warning-100);
8150
- --bs-btn-focus-outline-offset: 0;
8151
- }
8152
- .btn-link-warning.loading {
8153
- --bs-btn-disabled-opacity: 1;
8154
- --bs-btn-disabled-bg: transparent;
8155
- --bs-btn-disabled-border-color: transparent;
8156
- --bs-btn-disabled-color: var(--bs-warning-600);
8157
- }
8158
-
8159
8168
  .btn-link-danger {
8160
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
8161
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
8162
8169
  --bs-btn-bg: transparent;
8163
8170
  --bs-btn-border-color: transparent;
8164
- --bs-btn-color: var(--bs-danger-500);
8165
- --bs-btn-hover-bg: transparent;
8171
+ --bs-btn-color: var(--bs-danger-600);
8172
+ --bs-btn-hover-bg: var(--bs-danger-100);
8166
8173
  --bs-btn-hover-border-color: transparent;
8167
- --bs-btn-hover-color: var(--bs-danger-700);
8174
+ --bs-btn-hover-color: var(--bs-danger-600);
8168
8175
  --bs-btn-focus-bg: transparent;
8169
8176
  --bs-btn-focus-border-color: transparent;
8170
- --bs-btn-focus-color: var(--bs-danger-500);
8171
- --bs-btn-active-bg: transparent;
8177
+ --bs-btn-focus-color: var(--bs-danger-600);
8178
+ --bs-btn-active-bg: var(--bs-danger-200);
8172
8179
  --bs-btn-active-border-color: transparent;
8173
8180
  --bs-btn-active-color: var(--bs-danger-600);
8174
8181
  --bs-btn-disabled-bg: transparent;
8175
8182
  --bs-btn-disabled-border-color: transparent;
8176
- --bs-btn-disabled-color: var(--bs-danger-100);
8183
+ --bs-btn-disabled-color: var(--bs-danger-300);
8177
8184
  --bs-btn-focus-outline-offset: 0;
8178
8185
  }
8179
8186
  .btn-link-danger.loading {
@@ -8183,60 +8190,6 @@ label {
8183
8190
  --bs-btn-disabled-color: var(--bs-danger-600);
8184
8191
  }
8185
8192
 
8186
- .btn-link-light {
8187
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
8188
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
8189
- --bs-btn-bg: transparent;
8190
- --bs-btn-border-color: transparent;
8191
- --bs-btn-color: var(--bs-light);
8192
- --bs-btn-hover-bg: transparent;
8193
- --bs-btn-hover-border-color: transparent;
8194
- --bs-btn-hover-color: var(--bs-light);
8195
- --bs-btn-focus-bg: transparent;
8196
- --bs-btn-focus-border-color: transparent;
8197
- --bs-btn-focus-color: var(--bs-light);
8198
- --bs-btn-active-bg: transparent;
8199
- --bs-btn-active-border-color: transparent;
8200
- --bs-btn-active-color: var(--bs-light);
8201
- --bs-btn-disabled-bg: transparent;
8202
- --bs-btn-disabled-border-color: transparent;
8203
- --bs-btn-disabled-color: var(--bs-light);
8204
- --bs-btn-focus-outline-offset: 0;
8205
- }
8206
- .btn-link-light.loading {
8207
- --bs-btn-disabled-opacity: 1;
8208
- --bs-btn-disabled-bg: transparent;
8209
- --bs-btn-disabled-border-color: transparent;
8210
- --bs-btn-disabled-color: var(--bs-light-600);
8211
- }
8212
-
8213
- .btn-link-dark {
8214
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
8215
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
8216
- --bs-btn-bg: transparent;
8217
- --bs-btn-border-color: transparent;
8218
- --bs-btn-color: var(--bs-dark);
8219
- --bs-btn-hover-bg: transparent;
8220
- --bs-btn-hover-border-color: transparent;
8221
- --bs-btn-hover-color: var(--bs-dark);
8222
- --bs-btn-focus-bg: transparent;
8223
- --bs-btn-focus-border-color: transparent;
8224
- --bs-btn-focus-color: var(--bs-dark);
8225
- --bs-btn-active-bg: transparent;
8226
- --bs-btn-active-border-color: transparent;
8227
- --bs-btn-active-color: var(--bs-dark);
8228
- --bs-btn-disabled-bg: transparent;
8229
- --bs-btn-disabled-border-color: transparent;
8230
- --bs-btn-disabled-color: var(--bs-dark);
8231
- --bs-btn-focus-outline-offset: 0;
8232
- }
8233
- .btn-link-dark.loading {
8234
- --bs-btn-disabled-opacity: 1;
8235
- --bs-btn-disabled-bg: transparent;
8236
- --bs-btn-disabled-border-color: transparent;
8237
- --bs-btn-disabled-color: var(--bs-dark-600);
8238
- }
8239
-
8240
8193
  .btn-lg, .btn-group-lg > .btn {
8241
8194
  --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
8242
8195
  --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
@@ -8251,16 +8204,8 @@ label {
8251
8204
  --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
8252
8205
  }
8253
8206
 
8254
- [class^=btn-link] {
8255
- -webkit-text-decoration: var(--bs-link-decoration);
8256
- text-decoration: var(--bs-link-decoration);
8257
- }
8258
- [class^=btn-link] > span {
8259
- -webkit-text-decoration: var(--bs-link-decoration);
8260
- text-decoration: var(--bs-link-decoration);
8261
- }
8262
- [class^=btn-link].btn-sm, .btn-group-sm > [class^=btn-link].btn {
8263
- font-size: var(--bs-btn-link-font-size-sm);
8207
+ [class*=btn-link-] {
8208
+ --bs-btn-text-decoration: var(--bs-link-decoration);
8264
8209
  }
8265
8210
 
8266
8211
  .d-quick-action-button {
@@ -8535,6 +8480,7 @@ label {
8535
8480
  --bs-alert-box-shadow: var(--bs-box-shadow-sm);
8536
8481
  --bs-alert-icon-color: var(--bs-alert-component-icon-color, var(--bs-alert-color));
8537
8482
  --bs-alert-separator-opacity: var(--bs-alert-component-separator-opacity);
8483
+ --bs-alert-close-icon-size: 0.75rem;
8538
8484
  display: flex;
8539
8485
  flex-direction: row;
8540
8486
  gap: var(--bs-alert-gap);
@@ -8553,11 +8499,12 @@ label {
8553
8499
  .alert .btn-close {
8554
8500
  --bs-btn-close-bg: transparent;
8555
8501
  }
8556
- .alert .alert-icon .d-icon {
8502
+ .alert .alert-icon.d-icon {
8557
8503
  --bs-icon-color: var(--bs-alert-icon-color);
8558
8504
  }
8559
8505
  .alert .alert-close-icon {
8560
8506
  --bs-icon-color: var(--bs-alert-icon-color);
8507
+ --bs-icon-size: var(--bs-alert-close-icon-size);
8561
8508
  }
8562
8509
  .alert.alert-primary {
8563
8510
  --bs-alert-color: var(--bs-white);
@@ -8584,10 +8531,10 @@ label {
8584
8531
  --bs-alert-link-color: var(--bs-white);
8585
8532
  }
8586
8533
  .alert.alert-warning {
8587
- --bs-alert-color: var(--bs-gray-900);
8534
+ --bs-alert-color: var(--bs-black);
8588
8535
  --bs-alert-bg: var(--bs-warning);
8589
8536
  --bs-alert-border-color: var(--bs-warning);
8590
- --bs-alert-link-color: var(--bs-gray-900);
8537
+ --bs-alert-link-color: var(--bs-black);
8591
8538
  }
8592
8539
  .alert.alert-danger {
8593
8540
  --bs-alert-color: var(--bs-white);
@@ -8596,10 +8543,10 @@ label {
8596
8543
  --bs-alert-link-color: var(--bs-white);
8597
8544
  }
8598
8545
  .alert.alert-light {
8599
- --bs-alert-color: var(--bs-gray-900);
8546
+ --bs-alert-color: var(--bs-gray-700);
8600
8547
  --bs-alert-bg: var(--bs-light);
8601
8548
  --bs-alert-border-color: var(--bs-light);
8602
- --bs-alert-link-color: var(--bs-gray-900);
8549
+ --bs-alert-link-color: var(--bs-gray-700);
8603
8550
  }
8604
8551
  .alert.alert-dark {
8605
8552
  --bs-alert-color: var(--bs-white);
@@ -8607,6 +8554,25 @@ label {
8607
8554
  --bs-alert-border-color: var(--bs-dark);
8608
8555
  --bs-alert-link-color: var(--bs-white);
8609
8556
  }
8557
+ .alert.alert-box {
8558
+ --bs-alert-color: var(--bs-gray-900);
8559
+ border-width: 0 0 0 5px;
8560
+ }
8561
+ .alert.alert-box.alert-box-secondary {
8562
+ --bs-alert-icon-color: var(--bs-secondary);
8563
+ --bs-alert-border-color: var(--bs-secondary);
8564
+ --bs-alert-bg: var(--bs-secondary-100);
8565
+ }
8566
+ .alert.alert-box.alert-box-white {
8567
+ --bs-alert-icon-color: var(--bs-secondary);
8568
+ --bs-alert-border-color: var(--bs-secondary);
8569
+ --bs-alert-bg: var(--bs-white);
8570
+ }
8571
+ .alert.alert-box.alert-box-info {
8572
+ --bs-alert-icon-color: var(--bs-info);
8573
+ --bs-alert-border-color: var(--bs-info);
8574
+ --bs-alert-bg: var(--bs-info-100);
8575
+ }
8610
8576
 
8611
8577
  .badge {
8612
8578
  --bs-badge-bg: var(--bs-white);
@@ -8631,7 +8597,7 @@ label {
8631
8597
  --bs-badge-bg: var(--bs-info);
8632
8598
  }
8633
8599
  .badge.badge-warning {
8634
- --bs-badge-color: var(--bs-gray-900);
8600
+ --bs-badge-color: var(--bs-black);
8635
8601
  --bs-badge-bg: var(--bs-warning);
8636
8602
  }
8637
8603
  .badge.badge-danger {
@@ -8639,7 +8605,7 @@ label {
8639
8605
  --bs-badge-bg: var(--bs-danger);
8640
8606
  }
8641
8607
  .badge.badge-light {
8642
- --bs-badge-color: var(--bs-gray-900);
8608
+ --bs-badge-color: var(--bs-gray-700);
8643
8609
  --bs-badge-bg: var(--bs-light);
8644
8610
  }
8645
8611
  .badge.badge-dark {
@@ -8666,7 +8632,7 @@ label {
8666
8632
  --bs-chip-font-size: 0.875rem;
8667
8633
  --bs-chip-font-weight: 700;
8668
8634
  --bs-chip-line-height: 1.2rem;
8669
- display: flex;
8635
+ display: inline-flex;
8670
8636
  flex-direction: row;
8671
8637
  gap: var(--bs-chip-gap);
8672
8638
  align-items: center;
@@ -9681,6 +9647,7 @@ label {
9681
9647
  --bs-datepicker-month-gap: var(--bs-ref-fs-small);
9682
9648
  --bs-datepicker-month-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4) var(--bs-ref-spacer-4);
9683
9649
  --bs-datepicker-month-margin: 0;
9650
+ --bs-datepicker-month-color: var(--bs-white);
9684
9651
  --bs-datepicker-week-gap: 1.875rem;
9685
9652
  --bs-datepicker-day-margin: 0;
9686
9653
  --bs-datepicker-day-font-size: var(--bs-ref-fs-small);
@@ -9735,6 +9702,9 @@ label {
9735
9702
  line-height: var(--bs-datepicker-day-name-size);
9736
9703
  color: var(--bs-datepicker-day-name-color);
9737
9704
  }
9705
+ .react-datepicker.d-month-picker .react-datepicker__month-container .d-icon {
9706
+ --bs-icon-component-color: var(--bs-datepicker-month-color);
9707
+ }
9738
9708
  .react-datepicker .react-datepicker__month {
9739
9709
  display: flex;
9740
9710
  flex-direction: column;
@@ -10813,7 +10783,7 @@ label {
10813
10783
  }
10814
10784
 
10815
10785
  .text-bg-warning {
10816
- color: var(--bs-gray-900) !important;
10786
+ color: var(--bs-black) !important;
10817
10787
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
10818
10788
  }
10819
10789
 
@@ -10823,7 +10793,7 @@ label {
10823
10793
  }
10824
10794
 
10825
10795
  .text-bg-light {
10826
- color: var(--bs-gray-900) !important;
10796
+ color: var(--bs-gray-700) !important;
10827
10797
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
10828
10798
  }
10829
10799