@dynamic-framework/ui-react 1.9.1 → 1.11.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 (62) hide show
  1. package/dist/css/dynamic-ui-non-root.css +323 -349
  2. package/dist/css/dynamic-ui-non-root.min.css +1 -1
  3. package/dist/css/dynamic-ui.css +323 -349
  4. package/dist/css/dynamic-ui.min.css +1 -1
  5. package/dist/index.esm.js +206 -124
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.js +206 -123
  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 -3
  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/DInput/DInput.d.ts +3 -2
  20. package/dist/types/components/DInputCheck/DInputCheck.d.ts +5 -4
  21. package/dist/types/components/DInputCounter/DInputCounter.d.ts +3 -2
  22. package/dist/types/components/DInputCurrency/DInputCurrency.d.ts +3 -2
  23. package/dist/types/components/DInputCurrencyBase/DInputCurrencyBase.d.ts +3 -2
  24. package/dist/types/components/DInputPin/DInputPin.d.ts +7 -7
  25. package/dist/types/components/DInputSearch/DInputSearch.d.ts +3 -2
  26. package/dist/types/components/DInputSelect/DInputSelect.d.ts +7 -6
  27. package/dist/types/components/DInputSwitch/DInputSwitch.d.ts +5 -4
  28. package/dist/types/components/DList/DList.d.ts +4 -4
  29. package/dist/types/components/DList/components/DListItem.d.ts +3 -3
  30. package/dist/types/components/DModal/DModal.d.ts +5 -5
  31. package/dist/types/components/DMonthPicker/DMonthPicker.d.ts +3 -1
  32. package/dist/types/components/DOffcanvas/DOffcanvas.d.ts +3 -3
  33. package/dist/types/components/DPopover/DPopover.d.ts +4 -4
  34. package/dist/types/components/DQuickActionButton/DQuickActionButton.d.ts +2 -1
  35. package/dist/types/components/DQuickActionCheck/DQuickActionCheck.d.ts +2 -2
  36. package/dist/types/components/DQuickActionSelect/DQuickActionSelect.d.ts +2 -2
  37. package/dist/types/components/DQuickActionSwitch/DQuickActionSwitch.d.ts +3 -3
  38. package/dist/types/components/DStepper/DStepper.d.ts +2 -2
  39. package/dist/types/components/DStepperDesktop/DStepperDesktop.d.ts +2 -2
  40. package/dist/types/components/DTabs/DTabs.d.ts +3 -3
  41. package/dist/types/components/{DAlert/DAlert.d.ts → DToast/DToast.d.ts} +3 -3
  42. package/dist/types/components/DToast/index.d.ts +2 -0
  43. package/dist/types/components/DToastContainer/useToast.d.ts +2 -2
  44. package/dist/types/components/DTooltip/DTooltip.d.ts +2 -2
  45. package/dist/types/components/banking/DPermissionGroup.d.ts +1 -1
  46. package/dist/types/components/config.d.ts +2 -2
  47. package/dist/types/components/index.d.ts +2 -1
  48. package/dist/types/components/interface.d.ts +8 -3
  49. package/package.json +7 -2
  50. package/src/style/abstracts/_maps.scss +6 -0
  51. package/src/style/abstracts/_mixins.scss +53 -42
  52. package/src/style/abstracts/variables/_alerts.scss +1 -0
  53. package/src/style/abstracts/variables/_buttons.scss +7 -13
  54. package/src/style/abstracts/variables/_colors.scss +1 -1
  55. package/src/style/components/_+import.scss +1 -1
  56. package/src/style/components/_d-button.scss +12 -41
  57. package/src/style/components/_d-chip.scss +1 -1
  58. package/src/style/components/_d-datepicker.scss +9 -0
  59. package/src/style/components/_d-input-pin.scss +2 -6
  60. package/src/style/components/_d-input-select.scss +8 -1
  61. package/src/style/components/{_d-alert.scss → _d-toast.scss} +21 -1
  62. 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 {
@@ -7536,12 +7536,16 @@ label {
7536
7536
  .d-input:has(.form-select:not(:disabled)) {
7537
7537
  --bs-input-group-border-color: var(--bs-input-group-hover-border-color);
7538
7538
  }
7539
+ .d-input .form-floating:not(:last-child) .form-select {
7540
+ padding-right: 2rem;
7541
+ background-position: right center;
7542
+ }
7539
7543
  .d-input .form-select {
7540
7544
  text-align: var(--bs-input-form-control-text-align);
7541
7545
  border-width: 0;
7542
7546
  box-shadow: none;
7543
7547
  }
7544
- .d-input .form-select:not(:last-child) {
7548
+ .d-input .form-select:not(:last-child, .floating-label) {
7545
7549
  padding-right: 2rem;
7546
7550
  background-position: right center;
7547
7551
  }
@@ -7583,7 +7587,7 @@ label {
7583
7587
  font-weight: var(--bs-input-pin-label-font-weight);
7584
7588
  color: var(--bs-input-pin-label-color);
7585
7589
  }
7586
- .d-input-pin label .d-input-pin-icon .d-icon {
7590
+ .d-input-pin label .d-input-pin-icon {
7587
7591
  --bs-icon-color: var(--bs-focus-ring-color);
7588
7592
  }
7589
7593
  .d-input-pin .d-input-pin-controls {
@@ -7626,7 +7630,7 @@ label {
7626
7630
  .d-input-pin:has(.form-control.is-valid) .form-text {
7627
7631
  color: var(--bs-form-valid-border-color);
7628
7632
  }
7629
- .d-input-pin:has(.form-control.is-valid) .d-input-pin-validation-icon .d-icon {
7633
+ .d-input-pin:has(.form-control.is-valid) .d-input-pin-validation-icon {
7630
7634
  --bs-icon-color: var(--bs-success);
7631
7635
  }
7632
7636
  .d-input-pin:has(.form-control.is-invalid) .form-control {
@@ -7635,7 +7639,7 @@ label {
7635
7639
  .d-input-pin:has(.form-control.is-invalid) .form-text {
7636
7640
  color: var(--bs-form-invalid-border-color);
7637
7641
  }
7638
- .d-input-pin:has(.form-control.is-invalid) .d-input-pin-validation-icon .d-icon {
7642
+ .d-input-pin:has(.form-control.is-invalid) .d-input-pin-validation-icon {
7639
7643
  --bs-icon-color: var(--bs-danger);
7640
7644
  }
7641
7645
  .d-input-pin .input-group-text {
@@ -7651,12 +7655,12 @@ label {
7651
7655
  }
7652
7656
 
7653
7657
  .btn {
7654
- --bs-btn-padding-x: 1.5rem;
7655
- --bs-btn-padding-y: 0.875rem;
7658
+ --bs-btn-padding-x: 1rem;
7659
+ --bs-btn-padding-y: 0.5rem;
7656
7660
  --bs-btn-font-family: ;
7657
7661
  --bs-btn-font-size: 1rem;
7658
7662
  --bs-btn-font-weight: 400;
7659
- --bs-btn-line-height: 1rem;
7663
+ --bs-btn-line-height: 1.2rem;
7660
7664
  --bs-btn-color: var(--bs-body-color);
7661
7665
  --bs-btn-bg: transparent;
7662
7666
  --bs-btn-border-width: 2px;
@@ -7664,17 +7668,15 @@ label {
7664
7668
  --bs-btn-border-radius: var(--bs-btn-component-border-radius, 0.5rem);
7665
7669
  --bs-btn-hover-border-color: transparent;
7666
7670
  --bs-btn-box-shadow: none;
7667
- --bs-btn-disabled-opacity: 0.5;
7671
+ --bs-btn-disabled-opacity: 1;
7668
7672
  --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;
7673
+ --bs-btn–text-decoration: if($link-decoration == none, null, none);
7674
+ --bs-btn-lg-padding-y: 0.875rem;
7673
7675
  --bs-btn-lg-padding-x: 1.5rem;
7674
7676
  --bs-btn-lg-font-size: 1.125rem;
7675
7677
  --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;
7678
+ --bs-btn-sm-padding-y: 0.25rem;
7679
+ --bs-btn-sm-padding-x: 1rem;
7678
7680
  --bs-btn-sm-font-size: 0.875rem;
7679
7681
  --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, 0.5rem);
7680
7682
  display: flex;
@@ -7706,9 +7708,12 @@ label {
7706
7708
  transition: none;
7707
7709
  }
7708
7710
  }
7711
+ .btn > span {
7712
+ -webkit-text-decoration: var(--bs-btn-text-decoration);
7713
+ text-decoration: var(--bs-btn-text-decoration);
7714
+ }
7709
7715
  .btn:hover, .btn.hover {
7710
7716
  color: var(--bs-btn-hover-color);
7711
- text-decoration: none;
7712
7717
  background-color: var(--bs-btn-hover-bg);
7713
7718
  border-color: var(--bs-btn-hover-border-color);
7714
7719
  }
@@ -7718,9 +7723,9 @@ label {
7718
7723
  border-color: var(--bs-btn-border-color);
7719
7724
  }
7720
7725
  .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));
7726
+ color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
7727
+ background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
7728
+ border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
7724
7729
  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
7730
  outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
7726
7731
  }
@@ -7750,38 +7755,41 @@ label {
7750
7755
  --bs-btn-bg: var(--bs-primary-500);
7751
7756
  --bs-btn-border-color: var(--bs-primary-500);
7752
7757
  --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);
7758
+ --bs-btn-hover-bg: var(--bs-primary-600);
7759
+ --bs-btn-hover-border-color: var(--bs-primary-600);
7760
+ --bs-btn-focus-color: var(--bs-white);
7761
+ --bs-btn-focus-bg: var(--bs-primary-600);
7762
+ --bs-btn-focus-border-color: var(--bs-primary-600);
7755
7763
  --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);
7764
+ --bs-btn-active-bg: var(--bs-primary-700);
7765
+ --bs-btn-active-border-color: var(--bs-primary-700);
7766
+ --bs-btn-disabled-color: var(--bs-gray-700);
7759
7767
  --bs-btn-disabled-bg: var(--bs-primary-100);
7760
7768
  --bs-btn-disabled-border-color: var(--bs-primary-100);
7761
7769
  }
7762
7770
  .btn-primary.loading {
7763
7771
  --bs-btn-disabled-opacity: 1;
7764
- --bs-btn-disabled-bg: var(--bs-primary-600);
7765
- --bs-btn-disabled-border-color: var(--bs-primary-600);
7772
+ --bs-btn-disabled-bg: var(--bs-primary-700);
7773
+ --bs-btn-disabled-border-color: var(--bs-primary-700);
7766
7774
  --bs-btn-disabled-color: var(--bs-white);
7767
7775
  }
7768
7776
 
7769
7777
  .btn-outline-primary {
7770
7778
  --bs-btn-bg: transparent;
7771
- --bs-btn-border-color: var(--bs-primary-500);
7772
- --bs-btn-color: var(--bs-primary-500);
7779
+ --bs-btn-border-color: var(--bs-primary-600);
7780
+ --bs-btn-color: var(--bs-primary-600);
7773
7781
  --bs-btn-hover-bg: var(--bs-primary-100);
7774
7782
  --bs-btn-hover-border-color: var(--bs-primary-600);
7775
7783
  --bs-btn-hover-color: var(--bs-primary-600);
7776
7784
  --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);
7785
+ --bs-btn-focus-border-color: var(--bs-primary-600);
7786
+ --bs-btn-focus-color: var(--bs-primary-600);
7787
+ --bs-btn-active-bg: var(--bs-primary-200);
7780
7788
  --bs-btn-active-border-color: var(--bs-primary-600);
7781
7789
  --bs-btn-active-color: var(--bs-primary-600);
7782
7790
  --bs-btn-disabled-bg: transparent;
7783
7791
  --bs-btn-disabled-border-color: var(--bs-primary-100);
7784
- --bs-btn-disabled-color: var(--bs-primary-100);
7792
+ --bs-btn-disabled-color: var(--bs-gray-700);
7785
7793
  --bs-gradient: none;
7786
7794
  }
7787
7795
  .btn-outline-primary.loading {
@@ -7791,43 +7799,71 @@ label {
7791
7799
  --bs-btn-disabled-color: var(--bs-primary-600);
7792
7800
  }
7793
7801
 
7802
+ .btn-link-primary {
7803
+ --bs-btn-bg: transparent;
7804
+ --bs-btn-border-color: transparent;
7805
+ --bs-btn-color: var(--bs-primary-600);
7806
+ --bs-btn-hover-bg: var(--bs-primary-100);
7807
+ --bs-btn-hover-border-color: transparent;
7808
+ --bs-btn-hover-color: var(--bs-primary-600);
7809
+ --bs-btn-focus-bg: transparent;
7810
+ --bs-btn-focus-border-color: transparent;
7811
+ --bs-btn-focus-color: var(--bs-primary-600);
7812
+ --bs-btn-active-bg: var(--bs-primary-200);
7813
+ --bs-btn-active-border-color: transparent;
7814
+ --bs-btn-active-color: var(--bs-primary-600);
7815
+ --bs-btn-disabled-bg: transparent;
7816
+ --bs-btn-disabled-border-color: transparent;
7817
+ --bs-btn-disabled-color: var(--bs-primary-300);
7818
+ --bs-btn-focus-outline-offset: 0;
7819
+ }
7820
+ .btn-link-primary.loading {
7821
+ --bs-btn-disabled-opacity: 1;
7822
+ --bs-btn-disabled-bg: transparent;
7823
+ --bs-btn-disabled-border-color: transparent;
7824
+ --bs-btn-disabled-color: var(--bs-primary-600);
7825
+ }
7826
+
7794
7827
  .btn-secondary {
7795
7828
  --bs-btn-color: var(--bs-white);
7796
7829
  --bs-btn-bg: var(--bs-secondary-500);
7797
7830
  --bs-btn-border-color: var(--bs-secondary-500);
7798
7831
  --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);
7832
+ --bs-btn-hover-bg: var(--bs-secondary-600);
7833
+ --bs-btn-hover-border-color: var(--bs-secondary-600);
7834
+ --bs-btn-focus-color: var(--bs-white);
7835
+ --bs-btn-focus-bg: var(--bs-secondary-600);
7836
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
7801
7837
  --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);
7838
+ --bs-btn-active-bg: var(--bs-secondary-700);
7839
+ --bs-btn-active-border-color: var(--bs-secondary-700);
7840
+ --bs-btn-disabled-color: var(--bs-gray-700);
7805
7841
  --bs-btn-disabled-bg: var(--bs-secondary-100);
7806
7842
  --bs-btn-disabled-border-color: var(--bs-secondary-100);
7807
7843
  }
7808
7844
  .btn-secondary.loading {
7809
7845
  --bs-btn-disabled-opacity: 1;
7810
- --bs-btn-disabled-bg: var(--bs-secondary-600);
7811
- --bs-btn-disabled-border-color: var(--bs-secondary-600);
7846
+ --bs-btn-disabled-bg: var(--bs-secondary-700);
7847
+ --bs-btn-disabled-border-color: var(--bs-secondary-700);
7812
7848
  --bs-btn-disabled-color: var(--bs-white);
7813
7849
  }
7814
7850
 
7815
7851
  .btn-outline-secondary {
7816
7852
  --bs-btn-bg: transparent;
7817
- --bs-btn-border-color: var(--bs-secondary-500);
7818
- --bs-btn-color: var(--bs-secondary-500);
7853
+ --bs-btn-border-color: var(--bs-secondary-600);
7854
+ --bs-btn-color: var(--bs-secondary-600);
7819
7855
  --bs-btn-hover-bg: var(--bs-secondary-100);
7820
7856
  --bs-btn-hover-border-color: var(--bs-secondary-600);
7821
7857
  --bs-btn-hover-color: var(--bs-secondary-600);
7822
7858
  --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);
7859
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
7860
+ --bs-btn-focus-color: var(--bs-secondary-600);
7861
+ --bs-btn-active-bg: var(--bs-secondary-200);
7826
7862
  --bs-btn-active-border-color: var(--bs-secondary-600);
7827
7863
  --bs-btn-active-color: var(--bs-secondary-600);
7828
7864
  --bs-btn-disabled-bg: transparent;
7829
7865
  --bs-btn-disabled-border-color: var(--bs-secondary-100);
7830
- --bs-btn-disabled-color: var(--bs-secondary-100);
7866
+ --bs-btn-disabled-color: var(--bs-gray-700);
7831
7867
  --bs-gradient: none;
7832
7868
  }
7833
7869
  .btn-outline-secondary.loading {
@@ -7837,43 +7873,71 @@ label {
7837
7873
  --bs-btn-disabled-color: var(--bs-secondary-600);
7838
7874
  }
7839
7875
 
7876
+ .btn-link-secondary {
7877
+ --bs-btn-bg: transparent;
7878
+ --bs-btn-border-color: transparent;
7879
+ --bs-btn-color: var(--bs-secondary-600);
7880
+ --bs-btn-hover-bg: var(--bs-secondary-100);
7881
+ --bs-btn-hover-border-color: transparent;
7882
+ --bs-btn-hover-color: var(--bs-secondary-600);
7883
+ --bs-btn-focus-bg: transparent;
7884
+ --bs-btn-focus-border-color: transparent;
7885
+ --bs-btn-focus-color: var(--bs-secondary-600);
7886
+ --bs-btn-active-bg: var(--bs-secondary-200);
7887
+ --bs-btn-active-border-color: transparent;
7888
+ --bs-btn-active-color: var(--bs-secondary-600);
7889
+ --bs-btn-disabled-bg: transparent;
7890
+ --bs-btn-disabled-border-color: transparent;
7891
+ --bs-btn-disabled-color: var(--bs-secondary-300);
7892
+ --bs-btn-focus-outline-offset: 0;
7893
+ }
7894
+ .btn-link-secondary.loading {
7895
+ --bs-btn-disabled-opacity: 1;
7896
+ --bs-btn-disabled-bg: transparent;
7897
+ --bs-btn-disabled-border-color: transparent;
7898
+ --bs-btn-disabled-color: var(--bs-secondary-600);
7899
+ }
7900
+
7840
7901
  .btn-success {
7841
7902
  --bs-btn-color: var(--bs-white);
7842
7903
  --bs-btn-bg: var(--bs-success-500);
7843
7904
  --bs-btn-border-color: var(--bs-success-500);
7844
7905
  --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);
7906
+ --bs-btn-hover-bg: var(--bs-success-600);
7907
+ --bs-btn-hover-border-color: var(--bs-success-600);
7908
+ --bs-btn-focus-color: var(--bs-white);
7909
+ --bs-btn-focus-bg: var(--bs-success-600);
7910
+ --bs-btn-focus-border-color: var(--bs-success-600);
7847
7911
  --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);
7912
+ --bs-btn-active-bg: var(--bs-success-700);
7913
+ --bs-btn-active-border-color: var(--bs-success-700);
7914
+ --bs-btn-disabled-color: var(--bs-gray-700);
7851
7915
  --bs-btn-disabled-bg: var(--bs-success-100);
7852
7916
  --bs-btn-disabled-border-color: var(--bs-success-100);
7853
7917
  }
7854
7918
  .btn-success.loading {
7855
7919
  --bs-btn-disabled-opacity: 1;
7856
- --bs-btn-disabled-bg: var(--bs-success-600);
7857
- --bs-btn-disabled-border-color: var(--bs-success-600);
7920
+ --bs-btn-disabled-bg: var(--bs-success-700);
7921
+ --bs-btn-disabled-border-color: var(--bs-success-700);
7858
7922
  --bs-btn-disabled-color: var(--bs-white);
7859
7923
  }
7860
7924
 
7861
7925
  .btn-outline-success {
7862
7926
  --bs-btn-bg: transparent;
7863
- --bs-btn-border-color: var(--bs-success-500);
7864
- --bs-btn-color: var(--bs-success-500);
7927
+ --bs-btn-border-color: var(--bs-success-600);
7928
+ --bs-btn-color: var(--bs-success-600);
7865
7929
  --bs-btn-hover-bg: var(--bs-success-100);
7866
7930
  --bs-btn-hover-border-color: var(--bs-success-600);
7867
7931
  --bs-btn-hover-color: var(--bs-success-600);
7868
7932
  --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);
7933
+ --bs-btn-focus-border-color: var(--bs-success-600);
7934
+ --bs-btn-focus-color: var(--bs-success-600);
7935
+ --bs-btn-active-bg: var(--bs-success-200);
7872
7936
  --bs-btn-active-border-color: var(--bs-success-600);
7873
7937
  --bs-btn-active-color: var(--bs-success-600);
7874
7938
  --bs-btn-disabled-bg: transparent;
7875
7939
  --bs-btn-disabled-border-color: var(--bs-success-100);
7876
- --bs-btn-disabled-color: var(--bs-success-100);
7940
+ --bs-btn-disabled-color: var(--bs-gray-700);
7877
7941
  --bs-gradient: none;
7878
7942
  }
7879
7943
  .btn-outline-success.loading {
@@ -7883,43 +7947,71 @@ label {
7883
7947
  --bs-btn-disabled-color: var(--bs-success-600);
7884
7948
  }
7885
7949
 
7950
+ .btn-link-success {
7951
+ --bs-btn-bg: transparent;
7952
+ --bs-btn-border-color: transparent;
7953
+ --bs-btn-color: var(--bs-success-600);
7954
+ --bs-btn-hover-bg: var(--bs-success-100);
7955
+ --bs-btn-hover-border-color: transparent;
7956
+ --bs-btn-hover-color: var(--bs-success-600);
7957
+ --bs-btn-focus-bg: transparent;
7958
+ --bs-btn-focus-border-color: transparent;
7959
+ --bs-btn-focus-color: var(--bs-success-600);
7960
+ --bs-btn-active-bg: var(--bs-success-200);
7961
+ --bs-btn-active-border-color: transparent;
7962
+ --bs-btn-active-color: var(--bs-success-600);
7963
+ --bs-btn-disabled-bg: transparent;
7964
+ --bs-btn-disabled-border-color: transparent;
7965
+ --bs-btn-disabled-color: var(--bs-success-300);
7966
+ --bs-btn-focus-outline-offset: 0;
7967
+ }
7968
+ .btn-link-success.loading {
7969
+ --bs-btn-disabled-opacity: 1;
7970
+ --bs-btn-disabled-bg: transparent;
7971
+ --bs-btn-disabled-border-color: transparent;
7972
+ --bs-btn-disabled-color: var(--bs-success-600);
7973
+ }
7974
+
7886
7975
  .btn-info {
7887
7976
  --bs-btn-color: var(--bs-white);
7888
7977
  --bs-btn-bg: var(--bs-info-500);
7889
7978
  --bs-btn-border-color: var(--bs-info-500);
7890
7979
  --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);
7980
+ --bs-btn-hover-bg: var(--bs-info-600);
7981
+ --bs-btn-hover-border-color: var(--bs-info-600);
7982
+ --bs-btn-focus-color: var(--bs-white);
7983
+ --bs-btn-focus-bg: var(--bs-info-600);
7984
+ --bs-btn-focus-border-color: var(--bs-info-600);
7893
7985
  --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);
7986
+ --bs-btn-active-bg: var(--bs-info-700);
7987
+ --bs-btn-active-border-color: var(--bs-info-700);
7988
+ --bs-btn-disabled-color: var(--bs-gray-700);
7897
7989
  --bs-btn-disabled-bg: var(--bs-info-100);
7898
7990
  --bs-btn-disabled-border-color: var(--bs-info-100);
7899
7991
  }
7900
7992
  .btn-info.loading {
7901
7993
  --bs-btn-disabled-opacity: 1;
7902
- --bs-btn-disabled-bg: var(--bs-info-600);
7903
- --bs-btn-disabled-border-color: var(--bs-info-600);
7994
+ --bs-btn-disabled-bg: var(--bs-info-700);
7995
+ --bs-btn-disabled-border-color: var(--bs-info-700);
7904
7996
  --bs-btn-disabled-color: var(--bs-white);
7905
7997
  }
7906
7998
 
7907
7999
  .btn-outline-info {
7908
8000
  --bs-btn-bg: transparent;
7909
- --bs-btn-border-color: var(--bs-info-500);
7910
- --bs-btn-color: var(--bs-info-500);
8001
+ --bs-btn-border-color: var(--bs-info-600);
8002
+ --bs-btn-color: var(--bs-info-600);
7911
8003
  --bs-btn-hover-bg: var(--bs-info-100);
7912
8004
  --bs-btn-hover-border-color: var(--bs-info-600);
7913
8005
  --bs-btn-hover-color: var(--bs-info-600);
7914
8006
  --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);
8007
+ --bs-btn-focus-border-color: var(--bs-info-600);
8008
+ --bs-btn-focus-color: var(--bs-info-600);
8009
+ --bs-btn-active-bg: var(--bs-info-200);
7918
8010
  --bs-btn-active-border-color: var(--bs-info-600);
7919
8011
  --bs-btn-active-color: var(--bs-info-600);
7920
8012
  --bs-btn-disabled-bg: transparent;
7921
8013
  --bs-btn-disabled-border-color: var(--bs-info-100);
7922
- --bs-btn-disabled-color: var(--bs-info-100);
8014
+ --bs-btn-disabled-color: var(--bs-gray-700);
7923
8015
  --bs-gradient: none;
7924
8016
  }
7925
8017
  .btn-outline-info.loading {
@@ -7929,43 +8021,71 @@ label {
7929
8021
  --bs-btn-disabled-color: var(--bs-info-600);
7930
8022
  }
7931
8023
 
8024
+ .btn-link-info {
8025
+ --bs-btn-bg: transparent;
8026
+ --bs-btn-border-color: transparent;
8027
+ --bs-btn-color: var(--bs-info-600);
8028
+ --bs-btn-hover-bg: var(--bs-info-100);
8029
+ --bs-btn-hover-border-color: transparent;
8030
+ --bs-btn-hover-color: var(--bs-info-600);
8031
+ --bs-btn-focus-bg: transparent;
8032
+ --bs-btn-focus-border-color: transparent;
8033
+ --bs-btn-focus-color: var(--bs-info-600);
8034
+ --bs-btn-active-bg: var(--bs-info-200);
8035
+ --bs-btn-active-border-color: transparent;
8036
+ --bs-btn-active-color: var(--bs-info-600);
8037
+ --bs-btn-disabled-bg: transparent;
8038
+ --bs-btn-disabled-border-color: transparent;
8039
+ --bs-btn-disabled-color: var(--bs-info-300);
8040
+ --bs-btn-focus-outline-offset: 0;
8041
+ }
8042
+ .btn-link-info.loading {
8043
+ --bs-btn-disabled-opacity: 1;
8044
+ --bs-btn-disabled-bg: transparent;
8045
+ --bs-btn-disabled-border-color: transparent;
8046
+ --bs-btn-disabled-color: var(--bs-info-600);
8047
+ }
8048
+
7932
8049
  .btn-warning {
7933
- --bs-btn-color: var(--bs-gray-900);
8050
+ --bs-btn-color: var(--bs-black);
7934
8051
  --bs-btn-bg: var(--bs-warning-500);
7935
8052
  --bs-btn-border-color: var(--bs-warning-500);
7936
8053
  --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);
8054
+ --bs-btn-hover-bg: var(--bs-warning-600);
8055
+ --bs-btn-hover-border-color: var(--bs-warning-600);
8056
+ --bs-btn-focus-color: var(--bs-black);
8057
+ --bs-btn-focus-bg: var(--bs-warning-600);
8058
+ --bs-btn-focus-border-color: var(--bs-warning-600);
8059
+ --bs-btn-active-color: var(--bs-black);
8060
+ --bs-btn-active-bg: var(--bs-warning-700);
8061
+ --bs-btn-active-border-color: var(--bs-warning-700);
8062
+ --bs-btn-disabled-color: var(--bs-gray-700);
7943
8063
  --bs-btn-disabled-bg: var(--bs-warning-100);
7944
8064
  --bs-btn-disabled-border-color: var(--bs-warning-100);
7945
8065
  }
7946
8066
  .btn-warning.loading {
7947
8067
  --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);
8068
+ --bs-btn-disabled-bg: var(--bs-warning-700);
8069
+ --bs-btn-disabled-border-color: var(--bs-warning-700);
8070
+ --bs-btn-disabled-color: var(--bs-black);
7951
8071
  }
7952
8072
 
7953
8073
  .btn-outline-warning {
7954
8074
  --bs-btn-bg: transparent;
7955
- --bs-btn-border-color: var(--bs-warning-500);
7956
- --bs-btn-color: var(--bs-warning-500);
8075
+ --bs-btn-border-color: var(--bs-warning-600);
8076
+ --bs-btn-color: var(--bs-warning-600);
7957
8077
  --bs-btn-hover-bg: var(--bs-warning-100);
7958
8078
  --bs-btn-hover-border-color: var(--bs-warning-600);
7959
8079
  --bs-btn-hover-color: var(--bs-warning-600);
7960
8080
  --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);
8081
+ --bs-btn-focus-border-color: var(--bs-warning-600);
8082
+ --bs-btn-focus-color: var(--bs-warning-600);
8083
+ --bs-btn-active-bg: var(--bs-warning-200);
7964
8084
  --bs-btn-active-border-color: var(--bs-warning-600);
7965
8085
  --bs-btn-active-color: var(--bs-warning-600);
7966
8086
  --bs-btn-disabled-bg: transparent;
7967
8087
  --bs-btn-disabled-border-color: var(--bs-warning-100);
7968
- --bs-btn-disabled-color: var(--bs-warning-100);
8088
+ --bs-btn-disabled-color: var(--bs-gray-700);
7969
8089
  --bs-gradient: none;
7970
8090
  }
7971
8091
  .btn-outline-warning.loading {
@@ -7975,43 +8095,71 @@ label {
7975
8095
  --bs-btn-disabled-color: var(--bs-warning-600);
7976
8096
  }
7977
8097
 
8098
+ .btn-link-warning {
8099
+ --bs-btn-bg: transparent;
8100
+ --bs-btn-border-color: transparent;
8101
+ --bs-btn-color: var(--bs-warning-600);
8102
+ --bs-btn-hover-bg: var(--bs-warning-100);
8103
+ --bs-btn-hover-border-color: transparent;
8104
+ --bs-btn-hover-color: var(--bs-warning-600);
8105
+ --bs-btn-focus-bg: transparent;
8106
+ --bs-btn-focus-border-color: transparent;
8107
+ --bs-btn-focus-color: var(--bs-warning-600);
8108
+ --bs-btn-active-bg: var(--bs-warning-200);
8109
+ --bs-btn-active-border-color: transparent;
8110
+ --bs-btn-active-color: var(--bs-warning-600);
8111
+ --bs-btn-disabled-bg: transparent;
8112
+ --bs-btn-disabled-border-color: transparent;
8113
+ --bs-btn-disabled-color: var(--bs-warning-300);
8114
+ --bs-btn-focus-outline-offset: 0;
8115
+ }
8116
+ .btn-link-warning.loading {
8117
+ --bs-btn-disabled-opacity: 1;
8118
+ --bs-btn-disabled-bg: transparent;
8119
+ --bs-btn-disabled-border-color: transparent;
8120
+ --bs-btn-disabled-color: var(--bs-warning-600);
8121
+ }
8122
+
7978
8123
  .btn-danger {
7979
8124
  --bs-btn-color: var(--bs-white);
7980
8125
  --bs-btn-bg: var(--bs-danger-500);
7981
8126
  --bs-btn-border-color: var(--bs-danger-500);
7982
8127
  --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);
8128
+ --bs-btn-hover-bg: var(--bs-danger-600);
8129
+ --bs-btn-hover-border-color: var(--bs-danger-600);
8130
+ --bs-btn-focus-color: var(--bs-white);
8131
+ --bs-btn-focus-bg: var(--bs-danger-600);
8132
+ --bs-btn-focus-border-color: var(--bs-danger-600);
7985
8133
  --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);
8134
+ --bs-btn-active-bg: var(--bs-danger-700);
8135
+ --bs-btn-active-border-color: var(--bs-danger-700);
8136
+ --bs-btn-disabled-color: var(--bs-gray-700);
7989
8137
  --bs-btn-disabled-bg: var(--bs-danger-100);
7990
8138
  --bs-btn-disabled-border-color: var(--bs-danger-100);
7991
8139
  }
7992
8140
  .btn-danger.loading {
7993
8141
  --bs-btn-disabled-opacity: 1;
7994
- --bs-btn-disabled-bg: var(--bs-danger-600);
7995
- --bs-btn-disabled-border-color: var(--bs-danger-600);
8142
+ --bs-btn-disabled-bg: var(--bs-danger-700);
8143
+ --bs-btn-disabled-border-color: var(--bs-danger-700);
7996
8144
  --bs-btn-disabled-color: var(--bs-white);
7997
8145
  }
7998
8146
 
7999
8147
  .btn-outline-danger {
8000
8148
  --bs-btn-bg: transparent;
8001
- --bs-btn-border-color: var(--bs-danger-500);
8002
- --bs-btn-color: var(--bs-danger-500);
8149
+ --bs-btn-border-color: var(--bs-danger-600);
8150
+ --bs-btn-color: var(--bs-danger-600);
8003
8151
  --bs-btn-hover-bg: var(--bs-danger-100);
8004
8152
  --bs-btn-hover-border-color: var(--bs-danger-600);
8005
8153
  --bs-btn-hover-color: var(--bs-danger-600);
8006
8154
  --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);
8155
+ --bs-btn-focus-border-color: var(--bs-danger-600);
8156
+ --bs-btn-focus-color: var(--bs-danger-600);
8157
+ --bs-btn-active-bg: var(--bs-danger-200);
8010
8158
  --bs-btn-active-border-color: var(--bs-danger-600);
8011
8159
  --bs-btn-active-color: var(--bs-danger-600);
8012
8160
  --bs-btn-disabled-bg: transparent;
8013
8161
  --bs-btn-disabled-border-color: var(--bs-danger-100);
8014
- --bs-btn-disabled-color: var(--bs-danger-100);
8162
+ --bs-btn-disabled-color: var(--bs-gray-700);
8015
8163
  --bs-gradient: none;
8016
8164
  }
8017
8165
  .btn-outline-danger.loading {
@@ -8021,159 +8169,22 @@ label {
8021
8169
  --bs-btn-disabled-color: var(--bs-danger-600);
8022
8170
  }
8023
8171
 
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
8172
  .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
8173
  --bs-btn-bg: transparent;
8163
8174
  --bs-btn-border-color: transparent;
8164
- --bs-btn-color: var(--bs-danger-500);
8165
- --bs-btn-hover-bg: transparent;
8175
+ --bs-btn-color: var(--bs-danger-600);
8176
+ --bs-btn-hover-bg: var(--bs-danger-100);
8166
8177
  --bs-btn-hover-border-color: transparent;
8167
- --bs-btn-hover-color: var(--bs-danger-700);
8178
+ --bs-btn-hover-color: var(--bs-danger-600);
8168
8179
  --bs-btn-focus-bg: transparent;
8169
8180
  --bs-btn-focus-border-color: transparent;
8170
- --bs-btn-focus-color: var(--bs-danger-500);
8171
- --bs-btn-active-bg: transparent;
8181
+ --bs-btn-focus-color: var(--bs-danger-600);
8182
+ --bs-btn-active-bg: var(--bs-danger-200);
8172
8183
  --bs-btn-active-border-color: transparent;
8173
8184
  --bs-btn-active-color: var(--bs-danger-600);
8174
8185
  --bs-btn-disabled-bg: transparent;
8175
8186
  --bs-btn-disabled-border-color: transparent;
8176
- --bs-btn-disabled-color: var(--bs-danger-100);
8187
+ --bs-btn-disabled-color: var(--bs-danger-300);
8177
8188
  --bs-btn-focus-outline-offset: 0;
8178
8189
  }
8179
8190
  .btn-link-danger.loading {
@@ -8183,60 +8194,6 @@ label {
8183
8194
  --bs-btn-disabled-color: var(--bs-danger-600);
8184
8195
  }
8185
8196
 
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
8197
  .btn-lg, .btn-group-lg > .btn {
8241
8198
  --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
8242
8199
  --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
@@ -8251,16 +8208,8 @@ label {
8251
8208
  --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
8252
8209
  }
8253
8210
 
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);
8211
+ [class*=btn-link-] {
8212
+ --bs-btn-text-decoration: var(--bs-link-decoration);
8264
8213
  }
8265
8214
 
8266
8215
  .d-quick-action-button {
@@ -8535,6 +8484,7 @@ label {
8535
8484
  --bs-alert-box-shadow: var(--bs-box-shadow-sm);
8536
8485
  --bs-alert-icon-color: var(--bs-alert-component-icon-color, var(--bs-alert-color));
8537
8486
  --bs-alert-separator-opacity: var(--bs-alert-component-separator-opacity);
8487
+ --bs-alert-close-icon-size: 0.75rem;
8538
8488
  display: flex;
8539
8489
  flex-direction: row;
8540
8490
  gap: var(--bs-alert-gap);
@@ -8553,11 +8503,12 @@ label {
8553
8503
  .alert .btn-close {
8554
8504
  --bs-btn-close-bg: transparent;
8555
8505
  }
8556
- .alert .alert-icon .d-icon {
8506
+ .alert .alert-icon.d-icon {
8557
8507
  --bs-icon-color: var(--bs-alert-icon-color);
8558
8508
  }
8559
8509
  .alert .alert-close-icon {
8560
8510
  --bs-icon-color: var(--bs-alert-icon-color);
8511
+ --bs-icon-size: var(--bs-alert-close-icon-size);
8561
8512
  }
8562
8513
  .alert.alert-primary {
8563
8514
  --bs-alert-color: var(--bs-white);
@@ -8584,10 +8535,10 @@ label {
8584
8535
  --bs-alert-link-color: var(--bs-white);
8585
8536
  }
8586
8537
  .alert.alert-warning {
8587
- --bs-alert-color: var(--bs-gray-900);
8538
+ --bs-alert-color: var(--bs-black);
8588
8539
  --bs-alert-bg: var(--bs-warning);
8589
8540
  --bs-alert-border-color: var(--bs-warning);
8590
- --bs-alert-link-color: var(--bs-gray-900);
8541
+ --bs-alert-link-color: var(--bs-black);
8591
8542
  }
8592
8543
  .alert.alert-danger {
8593
8544
  --bs-alert-color: var(--bs-white);
@@ -8596,10 +8547,10 @@ label {
8596
8547
  --bs-alert-link-color: var(--bs-white);
8597
8548
  }
8598
8549
  .alert.alert-light {
8599
- --bs-alert-color: var(--bs-gray-900);
8550
+ --bs-alert-color: var(--bs-gray-700);
8600
8551
  --bs-alert-bg: var(--bs-light);
8601
8552
  --bs-alert-border-color: var(--bs-light);
8602
- --bs-alert-link-color: var(--bs-gray-900);
8553
+ --bs-alert-link-color: var(--bs-gray-700);
8603
8554
  }
8604
8555
  .alert.alert-dark {
8605
8556
  --bs-alert-color: var(--bs-white);
@@ -8607,6 +8558,25 @@ label {
8607
8558
  --bs-alert-border-color: var(--bs-dark);
8608
8559
  --bs-alert-link-color: var(--bs-white);
8609
8560
  }
8561
+ .alert.alert-box {
8562
+ --bs-alert-color: var(--bs-gray-900);
8563
+ border-width: 0 0 0 5px;
8564
+ }
8565
+ .alert.alert-box.alert-box-secondary {
8566
+ --bs-alert-icon-color: var(--bs-secondary);
8567
+ --bs-alert-border-color: var(--bs-secondary);
8568
+ --bs-alert-bg: var(--bs-secondary-100);
8569
+ }
8570
+ .alert.alert-box.alert-box-white {
8571
+ --bs-alert-icon-color: var(--bs-secondary);
8572
+ --bs-alert-border-color: var(--bs-secondary);
8573
+ --bs-alert-bg: var(--bs-white);
8574
+ }
8575
+ .alert.alert-box.alert-box-info {
8576
+ --bs-alert-icon-color: var(--bs-info);
8577
+ --bs-alert-border-color: var(--bs-info);
8578
+ --bs-alert-bg: var(--bs-info-100);
8579
+ }
8610
8580
 
8611
8581
  .badge {
8612
8582
  --bs-badge-bg: var(--bs-white);
@@ -8631,7 +8601,7 @@ label {
8631
8601
  --bs-badge-bg: var(--bs-info);
8632
8602
  }
8633
8603
  .badge.badge-warning {
8634
- --bs-badge-color: var(--bs-gray-900);
8604
+ --bs-badge-color: var(--bs-black);
8635
8605
  --bs-badge-bg: var(--bs-warning);
8636
8606
  }
8637
8607
  .badge.badge-danger {
@@ -8639,7 +8609,7 @@ label {
8639
8609
  --bs-badge-bg: var(--bs-danger);
8640
8610
  }
8641
8611
  .badge.badge-light {
8642
- --bs-badge-color: var(--bs-gray-900);
8612
+ --bs-badge-color: var(--bs-gray-700);
8643
8613
  --bs-badge-bg: var(--bs-light);
8644
8614
  }
8645
8615
  .badge.badge-dark {
@@ -8666,7 +8636,7 @@ label {
8666
8636
  --bs-chip-font-size: 0.875rem;
8667
8637
  --bs-chip-font-weight: 700;
8668
8638
  --bs-chip-line-height: 1.2rem;
8669
- display: flex;
8639
+ display: inline-flex;
8670
8640
  flex-direction: row;
8671
8641
  gap: var(--bs-chip-gap);
8672
8642
  align-items: center;
@@ -9681,6 +9651,7 @@ label {
9681
9651
  --bs-datepicker-month-gap: var(--bs-ref-fs-small);
9682
9652
  --bs-datepicker-month-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4) var(--bs-ref-spacer-4);
9683
9653
  --bs-datepicker-month-margin: 0;
9654
+ --bs-datepicker-month-color: var(--bs-white);
9684
9655
  --bs-datepicker-week-gap: 1.875rem;
9685
9656
  --bs-datepicker-day-margin: 0;
9686
9657
  --bs-datepicker-day-font-size: var(--bs-ref-fs-small);
@@ -9735,6 +9706,9 @@ label {
9735
9706
  line-height: var(--bs-datepicker-day-name-size);
9736
9707
  color: var(--bs-datepicker-day-name-color);
9737
9708
  }
9709
+ .react-datepicker.d-month-picker .react-datepicker__month-container .d-icon {
9710
+ --bs-icon-component-color: var(--bs-datepicker-month-color);
9711
+ }
9738
9712
  .react-datepicker .react-datepicker__month {
9739
9713
  display: flex;
9740
9714
  flex-direction: column;
@@ -10813,7 +10787,7 @@ label {
10813
10787
  }
10814
10788
 
10815
10789
  .text-bg-warning {
10816
- color: var(--bs-gray-900) !important;
10790
+ color: var(--bs-black) !important;
10817
10791
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
10818
10792
  }
10819
10793
 
@@ -10823,7 +10797,7 @@ label {
10823
10797
  }
10824
10798
 
10825
10799
  .text-bg-light {
10826
- color: var(--bs-gray-900) !important;
10800
+ color: var(--bs-gray-700) !important;
10827
10801
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
10828
10802
  }
10829
10803