@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-non-root.css CHANGED
@@ -1915,99 +1915,99 @@ progress {
1915
1915
  }
1916
1916
 
1917
1917
  .table-primary {
1918
- --bs-table-color: var(--bs-gray-900);
1918
+ --bs-table-color: var(--bs-gray-700);
1919
1919
  --bs-table-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 0%);
1920
1920
  --bs-table-border-color: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 20%);
1921
1921
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 10%);
1922
- --bs-table-striped-color: var(--bs-gray-900);
1922
+ --bs-table-striped-color: var(--bs-gray-700);
1923
1923
  --bs-table-active-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 20%);
1924
- --bs-table-active-color: var(--bs-gray-900);
1924
+ --bs-table-active-color: var(--bs-gray-700);
1925
1925
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 15%);
1926
- --bs-table-hover-color: var(--bs-gray-900);
1926
+ --bs-table-hover-color: var(--bs-gray-700);
1927
1927
  color: var(--bs-table-color);
1928
1928
  border-color: var(--bs-table-border-color);
1929
1929
  }
1930
1930
 
1931
1931
  .table-secondary {
1932
- --bs-table-color: var(--bs-gray-900);
1932
+ --bs-table-color: var(--bs-gray-700);
1933
1933
  --bs-table-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 0%);
1934
1934
  --bs-table-border-color: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 20%);
1935
1935
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 10%);
1936
- --bs-table-striped-color: var(--bs-gray-900);
1936
+ --bs-table-striped-color: var(--bs-gray-700);
1937
1937
  --bs-table-active-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 20%);
1938
- --bs-table-active-color: var(--bs-gray-900);
1938
+ --bs-table-active-color: var(--bs-gray-700);
1939
1939
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 15%);
1940
- --bs-table-hover-color: var(--bs-gray-900);
1940
+ --bs-table-hover-color: var(--bs-gray-700);
1941
1941
  color: var(--bs-table-color);
1942
1942
  border-color: var(--bs-table-border-color);
1943
1943
  }
1944
1944
 
1945
1945
  .table-success {
1946
- --bs-table-color: var(--bs-gray-900);
1946
+ --bs-table-color: var(--bs-gray-700);
1947
1947
  --bs-table-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 0%);
1948
1948
  --bs-table-border-color: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 20%);
1949
1949
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 10%);
1950
- --bs-table-striped-color: var(--bs-gray-900);
1950
+ --bs-table-striped-color: var(--bs-gray-700);
1951
1951
  --bs-table-active-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 20%);
1952
- --bs-table-active-color: var(--bs-gray-900);
1952
+ --bs-table-active-color: var(--bs-gray-700);
1953
1953
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 15%);
1954
- --bs-table-hover-color: var(--bs-gray-900);
1954
+ --bs-table-hover-color: var(--bs-gray-700);
1955
1955
  color: var(--bs-table-color);
1956
1956
  border-color: var(--bs-table-border-color);
1957
1957
  }
1958
1958
 
1959
1959
  .table-info {
1960
- --bs-table-color: var(--bs-gray-900);
1960
+ --bs-table-color: var(--bs-gray-700);
1961
1961
  --bs-table-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 0%);
1962
1962
  --bs-table-border-color: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 20%);
1963
1963
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 10%);
1964
- --bs-table-striped-color: var(--bs-gray-900);
1964
+ --bs-table-striped-color: var(--bs-gray-700);
1965
1965
  --bs-table-active-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 20%);
1966
- --bs-table-active-color: var(--bs-gray-900);
1966
+ --bs-table-active-color: var(--bs-gray-700);
1967
1967
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 15%);
1968
- --bs-table-hover-color: var(--bs-gray-900);
1968
+ --bs-table-hover-color: var(--bs-gray-700);
1969
1969
  color: var(--bs-table-color);
1970
1970
  border-color: var(--bs-table-border-color);
1971
1971
  }
1972
1972
 
1973
1973
  .table-warning {
1974
- --bs-table-color: var(--bs-gray-900);
1974
+ --bs-table-color: var(--bs-gray-700);
1975
1975
  --bs-table-bg: color-mix(in srgb, var(--bs-warning-100), var(--bs-white) 0%);
1976
1976
  --bs-table-border-color: color-mix(in srgb, var(--bs-warning-100), var(--bs-white) 20%);
1977
1977
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-warning-100), var(--bs-white) 10%);
1978
- --bs-table-striped-color: var(--bs-gray-900);
1978
+ --bs-table-striped-color: var(--bs-gray-700);
1979
1979
  --bs-table-active-bg: color-mix(in srgb, var(--bs-warning-100), var(--bs-white) 20%);
1980
- --bs-table-active-color: var(--bs-gray-900);
1980
+ --bs-table-active-color: var(--bs-gray-700);
1981
1981
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-warning-100), var(--bs-white) 15%);
1982
- --bs-table-hover-color: var(--bs-gray-900);
1982
+ --bs-table-hover-color: var(--bs-gray-700);
1983
1983
  color: var(--bs-table-color);
1984
1984
  border-color: var(--bs-table-border-color);
1985
1985
  }
1986
1986
 
1987
1987
  .table-danger {
1988
- --bs-table-color: var(--bs-gray-900);
1988
+ --bs-table-color: var(--bs-gray-700);
1989
1989
  --bs-table-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 0%);
1990
1990
  --bs-table-border-color: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 20%);
1991
1991
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 10%);
1992
- --bs-table-striped-color: var(--bs-gray-900);
1992
+ --bs-table-striped-color: var(--bs-gray-700);
1993
1993
  --bs-table-active-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 20%);
1994
- --bs-table-active-color: var(--bs-gray-900);
1994
+ --bs-table-active-color: var(--bs-gray-700);
1995
1995
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 15%);
1996
- --bs-table-hover-color: var(--bs-gray-900);
1996
+ --bs-table-hover-color: var(--bs-gray-700);
1997
1997
  color: var(--bs-table-color);
1998
1998
  border-color: var(--bs-table-border-color);
1999
1999
  }
2000
2000
 
2001
2001
  .table-light {
2002
- --bs-table-color: var(--bs-gray-900);
2002
+ --bs-table-color: var(--bs-gray-700);
2003
2003
  --bs-table-bg: color-mix(in srgb, var(--bs-light), var(--bs-white) 0%);
2004
2004
  --bs-table-border-color: color-mix(in srgb, var(--bs-light), var(--bs-white) 20%);
2005
2005
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-light), var(--bs-white) 10%);
2006
- --bs-table-striped-color: var(--bs-gray-900);
2006
+ --bs-table-striped-color: var(--bs-gray-700);
2007
2007
  --bs-table-active-bg: color-mix(in srgb, var(--bs-light), var(--bs-white) 20%);
2008
- --bs-table-active-color: var(--bs-gray-900);
2008
+ --bs-table-active-color: var(--bs-gray-700);
2009
2009
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-light), var(--bs-white) 15%);
2010
- --bs-table-hover-color: var(--bs-gray-900);
2010
+ --bs-table-hover-color: var(--bs-gray-700);
2011
2011
  color: var(--bs-table-color);
2012
2012
  border-color: var(--bs-table-border-color);
2013
2013
  }
@@ -2517,7 +2517,7 @@ textarea.form-control-lg {
2517
2517
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
2518
2518
  pointer-events: none;
2519
2519
  filter: none;
2520
- opacity: 0.5;
2520
+ opacity: 1;
2521
2521
  }
2522
2522
 
2523
2523
  .form-range {
@@ -3329,8 +3329,8 @@ textarea.form-control-lg {
3329
3329
  }
3330
3330
 
3331
3331
  .dropdown-toggle-split {
3332
- padding-right: 1.125rem;
3333
- padding-left: 1.125rem;
3332
+ padding-right: 0.75rem;
3333
+ padding-left: 0.75rem;
3334
3334
  }
3335
3335
  .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
3336
3336
  margin-left: 0;
@@ -3340,8 +3340,8 @@ textarea.form-control-lg {
3340
3340
  }
3341
3341
 
3342
3342
  .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
3343
- padding-right: 1.125rem;
3344
- padding-left: 1.125rem;
3343
+ padding-right: 0.75rem;
3344
+ padding-left: 0.75rem;
3345
3345
  }
3346
3346
 
3347
3347
  .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
@@ -7360,12 +7360,12 @@ label {
7360
7360
  }
7361
7361
 
7362
7362
  .btn {
7363
- --bs-btn-padding-x: 1.5rem;
7364
- --bs-btn-padding-y: 0.875rem;
7363
+ --bs-btn-padding-x: 1rem;
7364
+ --bs-btn-padding-y: 0.5rem;
7365
7365
  --bs-btn-font-family: ;
7366
7366
  --bs-btn-font-size: 1rem;
7367
7367
  --bs-btn-font-weight: 400;
7368
- --bs-btn-line-height: 1rem;
7368
+ --bs-btn-line-height: 1.2rem;
7369
7369
  --bs-btn-color: var(--bs-body-color);
7370
7370
  --bs-btn-bg: transparent;
7371
7371
  --bs-btn-border-width: 2px;
@@ -7373,17 +7373,15 @@ label {
7373
7373
  --bs-btn-border-radius: var(--bs-btn-component-border-radius, 0.5rem);
7374
7374
  --bs-btn-hover-border-color: transparent;
7375
7375
  --bs-btn-box-shadow: none;
7376
- --bs-btn-disabled-opacity: 0.5;
7376
+ --bs-btn-disabled-opacity: 1;
7377
7377
  --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
7378
- --bs-btn-link-padding-y: 0.5rem;
7379
- --bs-btn-link-padding-x: 0.5rem;
7380
- --bs-btn-link-font-size-sm: 0.875rem;
7381
- --bs-btn-lg-padding-y: 1.125rem;
7378
+ --bs-btn–text-decoration: if($link-decoration == none, null, none);
7379
+ --bs-btn-lg-padding-y: 0.875rem;
7382
7380
  --bs-btn-lg-padding-x: 1.5rem;
7383
7381
  --bs-btn-lg-font-size: 1.125rem;
7384
7382
  --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, 1.5rem);
7385
- --bs-btn-sm-padding-y: 0.625rem;
7386
- --bs-btn-sm-padding-x: 1.5rem;
7383
+ --bs-btn-sm-padding-y: 0.25rem;
7384
+ --bs-btn-sm-padding-x: 1rem;
7387
7385
  --bs-btn-sm-font-size: 0.875rem;
7388
7386
  --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, 0.5rem);
7389
7387
  display: flex;
@@ -7415,9 +7413,12 @@ label {
7415
7413
  transition: none;
7416
7414
  }
7417
7415
  }
7416
+ .btn > span {
7417
+ -webkit-text-decoration: var(--bs-btn-text-decoration);
7418
+ text-decoration: var(--bs-btn-text-decoration);
7419
+ }
7418
7420
  .btn:hover, .btn.hover {
7419
7421
  color: var(--bs-btn-hover-color);
7420
- text-decoration: none;
7421
7422
  background-color: var(--bs-btn-hover-bg);
7422
7423
  border-color: var(--bs-btn-hover-border-color);
7423
7424
  }
@@ -7427,9 +7428,9 @@ label {
7427
7428
  border-color: var(--bs-btn-border-color);
7428
7429
  }
7429
7430
  .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
7430
- color: var(var(--bs-btn-focus-color), var(--bs-btn-hover-color));
7431
- background-color: var(var(--bs-btn-focus-bg), var(--bs-btn-hover-bg));
7432
- border-color: var(var(--bs-btn-focus-border-color), var(--bs-btn-hover-border-color));
7431
+ color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
7432
+ background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
7433
+ border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
7433
7434
  outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
7434
7435
  outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
7435
7436
  }
@@ -7459,38 +7460,41 @@ label {
7459
7460
  --bs-btn-bg: var(--bs-primary-500);
7460
7461
  --bs-btn-border-color: var(--bs-primary-500);
7461
7462
  --bs-btn-hover-color: var(--bs-white);
7462
- --bs-btn-hover-bg: var(--bs-primary-700);
7463
- --bs-btn-hover-border-color: var(--bs-primary-700);
7463
+ --bs-btn-hover-bg: var(--bs-primary-600);
7464
+ --bs-btn-hover-border-color: var(--bs-primary-600);
7465
+ --bs-btn-focus-color: var(--bs-white);
7466
+ --bs-btn-focus-bg: var(--bs-primary-600);
7467
+ --bs-btn-focus-border-color: var(--bs-primary-600);
7464
7468
  --bs-btn-active-color: var(--bs-white);
7465
- --bs-btn-active-bg: var(--bs-primary-600);
7466
- --bs-btn-active-border-color: var(--bs-primary-600);
7467
- --bs-btn-disabled-color: var(--bs-gray-900);
7469
+ --bs-btn-active-bg: var(--bs-primary-700);
7470
+ --bs-btn-active-border-color: var(--bs-primary-700);
7471
+ --bs-btn-disabled-color: var(--bs-gray-700);
7468
7472
  --bs-btn-disabled-bg: var(--bs-primary-100);
7469
7473
  --bs-btn-disabled-border-color: var(--bs-primary-100);
7470
7474
  }
7471
7475
  .btn-primary.loading {
7472
7476
  --bs-btn-disabled-opacity: 1;
7473
- --bs-btn-disabled-bg: var(--bs-primary-600);
7474
- --bs-btn-disabled-border-color: var(--bs-primary-600);
7477
+ --bs-btn-disabled-bg: var(--bs-primary-700);
7478
+ --bs-btn-disabled-border-color: var(--bs-primary-700);
7475
7479
  --bs-btn-disabled-color: var(--bs-white);
7476
7480
  }
7477
7481
 
7478
7482
  .btn-outline-primary {
7479
7483
  --bs-btn-bg: transparent;
7480
- --bs-btn-border-color: var(--bs-primary-500);
7481
- --bs-btn-color: var(--bs-primary-500);
7484
+ --bs-btn-border-color: var(--bs-primary-600);
7485
+ --bs-btn-color: var(--bs-primary-600);
7482
7486
  --bs-btn-hover-bg: var(--bs-primary-100);
7483
7487
  --bs-btn-hover-border-color: var(--bs-primary-600);
7484
7488
  --bs-btn-hover-color: var(--bs-primary-600);
7485
7489
  --bs-btn-focus-bg: var(--bs-primary-100);
7486
- --bs-btn-focus-border-color: var(--bs-primary);
7487
- --bs-btn-focus-color: var(--bs-primary);
7488
- --bs-btn-active-bg: var(--bs-primary-300);
7490
+ --bs-btn-focus-border-color: var(--bs-primary-600);
7491
+ --bs-btn-focus-color: var(--bs-primary-600);
7492
+ --bs-btn-active-bg: var(--bs-primary-200);
7489
7493
  --bs-btn-active-border-color: var(--bs-primary-600);
7490
7494
  --bs-btn-active-color: var(--bs-primary-600);
7491
7495
  --bs-btn-disabled-bg: transparent;
7492
7496
  --bs-btn-disabled-border-color: var(--bs-primary-100);
7493
- --bs-btn-disabled-color: var(--bs-primary-100);
7497
+ --bs-btn-disabled-color: var(--bs-gray-700);
7494
7498
  --bs-gradient: none;
7495
7499
  }
7496
7500
  .btn-outline-primary.loading {
@@ -7500,43 +7504,71 @@ label {
7500
7504
  --bs-btn-disabled-color: var(--bs-primary-600);
7501
7505
  }
7502
7506
 
7507
+ .btn-link-primary {
7508
+ --bs-btn-bg: transparent;
7509
+ --bs-btn-border-color: transparent;
7510
+ --bs-btn-color: var(--bs-primary-600);
7511
+ --bs-btn-hover-bg: var(--bs-primary-100);
7512
+ --bs-btn-hover-border-color: transparent;
7513
+ --bs-btn-hover-color: var(--bs-primary-600);
7514
+ --bs-btn-focus-bg: transparent;
7515
+ --bs-btn-focus-border-color: transparent;
7516
+ --bs-btn-focus-color: var(--bs-primary-600);
7517
+ --bs-btn-active-bg: var(--bs-primary-200);
7518
+ --bs-btn-active-border-color: transparent;
7519
+ --bs-btn-active-color: var(--bs-primary-600);
7520
+ --bs-btn-disabled-bg: transparent;
7521
+ --bs-btn-disabled-border-color: transparent;
7522
+ --bs-btn-disabled-color: var(--bs-primary-300);
7523
+ --bs-btn-focus-outline-offset: 0;
7524
+ }
7525
+ .btn-link-primary.loading {
7526
+ --bs-btn-disabled-opacity: 1;
7527
+ --bs-btn-disabled-bg: transparent;
7528
+ --bs-btn-disabled-border-color: transparent;
7529
+ --bs-btn-disabled-color: var(--bs-primary-600);
7530
+ }
7531
+
7503
7532
  .btn-secondary {
7504
7533
  --bs-btn-color: var(--bs-white);
7505
7534
  --bs-btn-bg: var(--bs-secondary-500);
7506
7535
  --bs-btn-border-color: var(--bs-secondary-500);
7507
7536
  --bs-btn-hover-color: var(--bs-white);
7508
- --bs-btn-hover-bg: var(--bs-secondary-700);
7509
- --bs-btn-hover-border-color: var(--bs-secondary-700);
7537
+ --bs-btn-hover-bg: var(--bs-secondary-600);
7538
+ --bs-btn-hover-border-color: var(--bs-secondary-600);
7539
+ --bs-btn-focus-color: var(--bs-white);
7540
+ --bs-btn-focus-bg: var(--bs-secondary-600);
7541
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
7510
7542
  --bs-btn-active-color: var(--bs-white);
7511
- --bs-btn-active-bg: var(--bs-secondary-600);
7512
- --bs-btn-active-border-color: var(--bs-secondary-600);
7513
- --bs-btn-disabled-color: var(--bs-gray-900);
7543
+ --bs-btn-active-bg: var(--bs-secondary-700);
7544
+ --bs-btn-active-border-color: var(--bs-secondary-700);
7545
+ --bs-btn-disabled-color: var(--bs-gray-700);
7514
7546
  --bs-btn-disabled-bg: var(--bs-secondary-100);
7515
7547
  --bs-btn-disabled-border-color: var(--bs-secondary-100);
7516
7548
  }
7517
7549
  .btn-secondary.loading {
7518
7550
  --bs-btn-disabled-opacity: 1;
7519
- --bs-btn-disabled-bg: var(--bs-secondary-600);
7520
- --bs-btn-disabled-border-color: var(--bs-secondary-600);
7551
+ --bs-btn-disabled-bg: var(--bs-secondary-700);
7552
+ --bs-btn-disabled-border-color: var(--bs-secondary-700);
7521
7553
  --bs-btn-disabled-color: var(--bs-white);
7522
7554
  }
7523
7555
 
7524
7556
  .btn-outline-secondary {
7525
7557
  --bs-btn-bg: transparent;
7526
- --bs-btn-border-color: var(--bs-secondary-500);
7527
- --bs-btn-color: var(--bs-secondary-500);
7558
+ --bs-btn-border-color: var(--bs-secondary-600);
7559
+ --bs-btn-color: var(--bs-secondary-600);
7528
7560
  --bs-btn-hover-bg: var(--bs-secondary-100);
7529
7561
  --bs-btn-hover-border-color: var(--bs-secondary-600);
7530
7562
  --bs-btn-hover-color: var(--bs-secondary-600);
7531
7563
  --bs-btn-focus-bg: var(--bs-secondary-100);
7532
- --bs-btn-focus-border-color: var(--bs-secondary);
7533
- --bs-btn-focus-color: var(--bs-secondary);
7534
- --bs-btn-active-bg: var(--bs-secondary-300);
7564
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
7565
+ --bs-btn-focus-color: var(--bs-secondary-600);
7566
+ --bs-btn-active-bg: var(--bs-secondary-200);
7535
7567
  --bs-btn-active-border-color: var(--bs-secondary-600);
7536
7568
  --bs-btn-active-color: var(--bs-secondary-600);
7537
7569
  --bs-btn-disabled-bg: transparent;
7538
7570
  --bs-btn-disabled-border-color: var(--bs-secondary-100);
7539
- --bs-btn-disabled-color: var(--bs-secondary-100);
7571
+ --bs-btn-disabled-color: var(--bs-gray-700);
7540
7572
  --bs-gradient: none;
7541
7573
  }
7542
7574
  .btn-outline-secondary.loading {
@@ -7546,43 +7578,71 @@ label {
7546
7578
  --bs-btn-disabled-color: var(--bs-secondary-600);
7547
7579
  }
7548
7580
 
7581
+ .btn-link-secondary {
7582
+ --bs-btn-bg: transparent;
7583
+ --bs-btn-border-color: transparent;
7584
+ --bs-btn-color: var(--bs-secondary-600);
7585
+ --bs-btn-hover-bg: var(--bs-secondary-100);
7586
+ --bs-btn-hover-border-color: transparent;
7587
+ --bs-btn-hover-color: var(--bs-secondary-600);
7588
+ --bs-btn-focus-bg: transparent;
7589
+ --bs-btn-focus-border-color: transparent;
7590
+ --bs-btn-focus-color: var(--bs-secondary-600);
7591
+ --bs-btn-active-bg: var(--bs-secondary-200);
7592
+ --bs-btn-active-border-color: transparent;
7593
+ --bs-btn-active-color: var(--bs-secondary-600);
7594
+ --bs-btn-disabled-bg: transparent;
7595
+ --bs-btn-disabled-border-color: transparent;
7596
+ --bs-btn-disabled-color: var(--bs-secondary-300);
7597
+ --bs-btn-focus-outline-offset: 0;
7598
+ }
7599
+ .btn-link-secondary.loading {
7600
+ --bs-btn-disabled-opacity: 1;
7601
+ --bs-btn-disabled-bg: transparent;
7602
+ --bs-btn-disabled-border-color: transparent;
7603
+ --bs-btn-disabled-color: var(--bs-secondary-600);
7604
+ }
7605
+
7549
7606
  .btn-success {
7550
7607
  --bs-btn-color: var(--bs-white);
7551
7608
  --bs-btn-bg: var(--bs-success-500);
7552
7609
  --bs-btn-border-color: var(--bs-success-500);
7553
7610
  --bs-btn-hover-color: var(--bs-white);
7554
- --bs-btn-hover-bg: var(--bs-success-700);
7555
- --bs-btn-hover-border-color: var(--bs-success-700);
7611
+ --bs-btn-hover-bg: var(--bs-success-600);
7612
+ --bs-btn-hover-border-color: var(--bs-success-600);
7613
+ --bs-btn-focus-color: var(--bs-white);
7614
+ --bs-btn-focus-bg: var(--bs-success-600);
7615
+ --bs-btn-focus-border-color: var(--bs-success-600);
7556
7616
  --bs-btn-active-color: var(--bs-white);
7557
- --bs-btn-active-bg: var(--bs-success-600);
7558
- --bs-btn-active-border-color: var(--bs-success-600);
7559
- --bs-btn-disabled-color: var(--bs-gray-900);
7617
+ --bs-btn-active-bg: var(--bs-success-700);
7618
+ --bs-btn-active-border-color: var(--bs-success-700);
7619
+ --bs-btn-disabled-color: var(--bs-gray-700);
7560
7620
  --bs-btn-disabled-bg: var(--bs-success-100);
7561
7621
  --bs-btn-disabled-border-color: var(--bs-success-100);
7562
7622
  }
7563
7623
  .btn-success.loading {
7564
7624
  --bs-btn-disabled-opacity: 1;
7565
- --bs-btn-disabled-bg: var(--bs-success-600);
7566
- --bs-btn-disabled-border-color: var(--bs-success-600);
7625
+ --bs-btn-disabled-bg: var(--bs-success-700);
7626
+ --bs-btn-disabled-border-color: var(--bs-success-700);
7567
7627
  --bs-btn-disabled-color: var(--bs-white);
7568
7628
  }
7569
7629
 
7570
7630
  .btn-outline-success {
7571
7631
  --bs-btn-bg: transparent;
7572
- --bs-btn-border-color: var(--bs-success-500);
7573
- --bs-btn-color: var(--bs-success-500);
7632
+ --bs-btn-border-color: var(--bs-success-600);
7633
+ --bs-btn-color: var(--bs-success-600);
7574
7634
  --bs-btn-hover-bg: var(--bs-success-100);
7575
7635
  --bs-btn-hover-border-color: var(--bs-success-600);
7576
7636
  --bs-btn-hover-color: var(--bs-success-600);
7577
7637
  --bs-btn-focus-bg: var(--bs-success-100);
7578
- --bs-btn-focus-border-color: var(--bs-success);
7579
- --bs-btn-focus-color: var(--bs-success);
7580
- --bs-btn-active-bg: var(--bs-success-300);
7638
+ --bs-btn-focus-border-color: var(--bs-success-600);
7639
+ --bs-btn-focus-color: var(--bs-success-600);
7640
+ --bs-btn-active-bg: var(--bs-success-200);
7581
7641
  --bs-btn-active-border-color: var(--bs-success-600);
7582
7642
  --bs-btn-active-color: var(--bs-success-600);
7583
7643
  --bs-btn-disabled-bg: transparent;
7584
7644
  --bs-btn-disabled-border-color: var(--bs-success-100);
7585
- --bs-btn-disabled-color: var(--bs-success-100);
7645
+ --bs-btn-disabled-color: var(--bs-gray-700);
7586
7646
  --bs-gradient: none;
7587
7647
  }
7588
7648
  .btn-outline-success.loading {
@@ -7592,43 +7652,71 @@ label {
7592
7652
  --bs-btn-disabled-color: var(--bs-success-600);
7593
7653
  }
7594
7654
 
7655
+ .btn-link-success {
7656
+ --bs-btn-bg: transparent;
7657
+ --bs-btn-border-color: transparent;
7658
+ --bs-btn-color: var(--bs-success-600);
7659
+ --bs-btn-hover-bg: var(--bs-success-100);
7660
+ --bs-btn-hover-border-color: transparent;
7661
+ --bs-btn-hover-color: var(--bs-success-600);
7662
+ --bs-btn-focus-bg: transparent;
7663
+ --bs-btn-focus-border-color: transparent;
7664
+ --bs-btn-focus-color: var(--bs-success-600);
7665
+ --bs-btn-active-bg: var(--bs-success-200);
7666
+ --bs-btn-active-border-color: transparent;
7667
+ --bs-btn-active-color: var(--bs-success-600);
7668
+ --bs-btn-disabled-bg: transparent;
7669
+ --bs-btn-disabled-border-color: transparent;
7670
+ --bs-btn-disabled-color: var(--bs-success-300);
7671
+ --bs-btn-focus-outline-offset: 0;
7672
+ }
7673
+ .btn-link-success.loading {
7674
+ --bs-btn-disabled-opacity: 1;
7675
+ --bs-btn-disabled-bg: transparent;
7676
+ --bs-btn-disabled-border-color: transparent;
7677
+ --bs-btn-disabled-color: var(--bs-success-600);
7678
+ }
7679
+
7595
7680
  .btn-info {
7596
7681
  --bs-btn-color: var(--bs-white);
7597
7682
  --bs-btn-bg: var(--bs-info-500);
7598
7683
  --bs-btn-border-color: var(--bs-info-500);
7599
7684
  --bs-btn-hover-color: var(--bs-white);
7600
- --bs-btn-hover-bg: var(--bs-info-700);
7601
- --bs-btn-hover-border-color: var(--bs-info-700);
7685
+ --bs-btn-hover-bg: var(--bs-info-600);
7686
+ --bs-btn-hover-border-color: var(--bs-info-600);
7687
+ --bs-btn-focus-color: var(--bs-white);
7688
+ --bs-btn-focus-bg: var(--bs-info-600);
7689
+ --bs-btn-focus-border-color: var(--bs-info-600);
7602
7690
  --bs-btn-active-color: var(--bs-white);
7603
- --bs-btn-active-bg: var(--bs-info-600);
7604
- --bs-btn-active-border-color: var(--bs-info-600);
7605
- --bs-btn-disabled-color: var(--bs-gray-900);
7691
+ --bs-btn-active-bg: var(--bs-info-700);
7692
+ --bs-btn-active-border-color: var(--bs-info-700);
7693
+ --bs-btn-disabled-color: var(--bs-gray-700);
7606
7694
  --bs-btn-disabled-bg: var(--bs-info-100);
7607
7695
  --bs-btn-disabled-border-color: var(--bs-info-100);
7608
7696
  }
7609
7697
  .btn-info.loading {
7610
7698
  --bs-btn-disabled-opacity: 1;
7611
- --bs-btn-disabled-bg: var(--bs-info-600);
7612
- --bs-btn-disabled-border-color: var(--bs-info-600);
7699
+ --bs-btn-disabled-bg: var(--bs-info-700);
7700
+ --bs-btn-disabled-border-color: var(--bs-info-700);
7613
7701
  --bs-btn-disabled-color: var(--bs-white);
7614
7702
  }
7615
7703
 
7616
7704
  .btn-outline-info {
7617
7705
  --bs-btn-bg: transparent;
7618
- --bs-btn-border-color: var(--bs-info-500);
7619
- --bs-btn-color: var(--bs-info-500);
7706
+ --bs-btn-border-color: var(--bs-info-600);
7707
+ --bs-btn-color: var(--bs-info-600);
7620
7708
  --bs-btn-hover-bg: var(--bs-info-100);
7621
7709
  --bs-btn-hover-border-color: var(--bs-info-600);
7622
7710
  --bs-btn-hover-color: var(--bs-info-600);
7623
7711
  --bs-btn-focus-bg: var(--bs-info-100);
7624
- --bs-btn-focus-border-color: var(--bs-info);
7625
- --bs-btn-focus-color: var(--bs-info);
7626
- --bs-btn-active-bg: var(--bs-info-300);
7712
+ --bs-btn-focus-border-color: var(--bs-info-600);
7713
+ --bs-btn-focus-color: var(--bs-info-600);
7714
+ --bs-btn-active-bg: var(--bs-info-200);
7627
7715
  --bs-btn-active-border-color: var(--bs-info-600);
7628
7716
  --bs-btn-active-color: var(--bs-info-600);
7629
7717
  --bs-btn-disabled-bg: transparent;
7630
7718
  --bs-btn-disabled-border-color: var(--bs-info-100);
7631
- --bs-btn-disabled-color: var(--bs-info-100);
7719
+ --bs-btn-disabled-color: var(--bs-gray-700);
7632
7720
  --bs-gradient: none;
7633
7721
  }
7634
7722
  .btn-outline-info.loading {
@@ -7638,43 +7726,71 @@ label {
7638
7726
  --bs-btn-disabled-color: var(--bs-info-600);
7639
7727
  }
7640
7728
 
7729
+ .btn-link-info {
7730
+ --bs-btn-bg: transparent;
7731
+ --bs-btn-border-color: transparent;
7732
+ --bs-btn-color: var(--bs-info-600);
7733
+ --bs-btn-hover-bg: var(--bs-info-100);
7734
+ --bs-btn-hover-border-color: transparent;
7735
+ --bs-btn-hover-color: var(--bs-info-600);
7736
+ --bs-btn-focus-bg: transparent;
7737
+ --bs-btn-focus-border-color: transparent;
7738
+ --bs-btn-focus-color: var(--bs-info-600);
7739
+ --bs-btn-active-bg: var(--bs-info-200);
7740
+ --bs-btn-active-border-color: transparent;
7741
+ --bs-btn-active-color: var(--bs-info-600);
7742
+ --bs-btn-disabled-bg: transparent;
7743
+ --bs-btn-disabled-border-color: transparent;
7744
+ --bs-btn-disabled-color: var(--bs-info-300);
7745
+ --bs-btn-focus-outline-offset: 0;
7746
+ }
7747
+ .btn-link-info.loading {
7748
+ --bs-btn-disabled-opacity: 1;
7749
+ --bs-btn-disabled-bg: transparent;
7750
+ --bs-btn-disabled-border-color: transparent;
7751
+ --bs-btn-disabled-color: var(--bs-info-600);
7752
+ }
7753
+
7641
7754
  .btn-warning {
7642
- --bs-btn-color: var(--bs-gray-900);
7755
+ --bs-btn-color: var(--bs-black);
7643
7756
  --bs-btn-bg: var(--bs-warning-500);
7644
7757
  --bs-btn-border-color: var(--bs-warning-500);
7645
7758
  --bs-btn-hover-color: var(--bs-black);
7646
- --bs-btn-hover-bg: var(--bs-warning-700);
7647
- --bs-btn-hover-border-color: var(--bs-warning-700);
7648
- --bs-btn-active-color: var(--bs-gray-900);
7649
- --bs-btn-active-bg: var(--bs-warning-600);
7650
- --bs-btn-active-border-color: var(--bs-warning-600);
7651
- --bs-btn-disabled-color: var(--bs-gray-900);
7759
+ --bs-btn-hover-bg: var(--bs-warning-600);
7760
+ --bs-btn-hover-border-color: var(--bs-warning-600);
7761
+ --bs-btn-focus-color: var(--bs-black);
7762
+ --bs-btn-focus-bg: var(--bs-warning-600);
7763
+ --bs-btn-focus-border-color: var(--bs-warning-600);
7764
+ --bs-btn-active-color: var(--bs-black);
7765
+ --bs-btn-active-bg: var(--bs-warning-700);
7766
+ --bs-btn-active-border-color: var(--bs-warning-700);
7767
+ --bs-btn-disabled-color: var(--bs-gray-700);
7652
7768
  --bs-btn-disabled-bg: var(--bs-warning-100);
7653
7769
  --bs-btn-disabled-border-color: var(--bs-warning-100);
7654
7770
  }
7655
7771
  .btn-warning.loading {
7656
7772
  --bs-btn-disabled-opacity: 1;
7657
- --bs-btn-disabled-bg: var(--bs-warning-600);
7658
- --bs-btn-disabled-border-color: var(--bs-warning-600);
7659
- --bs-btn-disabled-color: var(--bs-gray-900);
7773
+ --bs-btn-disabled-bg: var(--bs-warning-700);
7774
+ --bs-btn-disabled-border-color: var(--bs-warning-700);
7775
+ --bs-btn-disabled-color: var(--bs-black);
7660
7776
  }
7661
7777
 
7662
7778
  .btn-outline-warning {
7663
7779
  --bs-btn-bg: transparent;
7664
- --bs-btn-border-color: var(--bs-warning-500);
7665
- --bs-btn-color: var(--bs-warning-500);
7780
+ --bs-btn-border-color: var(--bs-warning-600);
7781
+ --bs-btn-color: var(--bs-warning-600);
7666
7782
  --bs-btn-hover-bg: var(--bs-warning-100);
7667
7783
  --bs-btn-hover-border-color: var(--bs-warning-600);
7668
7784
  --bs-btn-hover-color: var(--bs-warning-600);
7669
7785
  --bs-btn-focus-bg: var(--bs-warning-100);
7670
- --bs-btn-focus-border-color: var(--bs-warning);
7671
- --bs-btn-focus-color: var(--bs-warning);
7672
- --bs-btn-active-bg: var(--bs-warning-300);
7786
+ --bs-btn-focus-border-color: var(--bs-warning-600);
7787
+ --bs-btn-focus-color: var(--bs-warning-600);
7788
+ --bs-btn-active-bg: var(--bs-warning-200);
7673
7789
  --bs-btn-active-border-color: var(--bs-warning-600);
7674
7790
  --bs-btn-active-color: var(--bs-warning-600);
7675
7791
  --bs-btn-disabled-bg: transparent;
7676
7792
  --bs-btn-disabled-border-color: var(--bs-warning-100);
7677
- --bs-btn-disabled-color: var(--bs-warning-100);
7793
+ --bs-btn-disabled-color: var(--bs-gray-700);
7678
7794
  --bs-gradient: none;
7679
7795
  }
7680
7796
  .btn-outline-warning.loading {
@@ -7684,43 +7800,71 @@ label {
7684
7800
  --bs-btn-disabled-color: var(--bs-warning-600);
7685
7801
  }
7686
7802
 
7803
+ .btn-link-warning {
7804
+ --bs-btn-bg: transparent;
7805
+ --bs-btn-border-color: transparent;
7806
+ --bs-btn-color: var(--bs-warning-600);
7807
+ --bs-btn-hover-bg: var(--bs-warning-100);
7808
+ --bs-btn-hover-border-color: transparent;
7809
+ --bs-btn-hover-color: var(--bs-warning-600);
7810
+ --bs-btn-focus-bg: transparent;
7811
+ --bs-btn-focus-border-color: transparent;
7812
+ --bs-btn-focus-color: var(--bs-warning-600);
7813
+ --bs-btn-active-bg: var(--bs-warning-200);
7814
+ --bs-btn-active-border-color: transparent;
7815
+ --bs-btn-active-color: var(--bs-warning-600);
7816
+ --bs-btn-disabled-bg: transparent;
7817
+ --bs-btn-disabled-border-color: transparent;
7818
+ --bs-btn-disabled-color: var(--bs-warning-300);
7819
+ --bs-btn-focus-outline-offset: 0;
7820
+ }
7821
+ .btn-link-warning.loading {
7822
+ --bs-btn-disabled-opacity: 1;
7823
+ --bs-btn-disabled-bg: transparent;
7824
+ --bs-btn-disabled-border-color: transparent;
7825
+ --bs-btn-disabled-color: var(--bs-warning-600);
7826
+ }
7827
+
7687
7828
  .btn-danger {
7688
7829
  --bs-btn-color: var(--bs-white);
7689
7830
  --bs-btn-bg: var(--bs-danger-500);
7690
7831
  --bs-btn-border-color: var(--bs-danger-500);
7691
7832
  --bs-btn-hover-color: var(--bs-white);
7692
- --bs-btn-hover-bg: var(--bs-danger-700);
7693
- --bs-btn-hover-border-color: var(--bs-danger-700);
7833
+ --bs-btn-hover-bg: var(--bs-danger-600);
7834
+ --bs-btn-hover-border-color: var(--bs-danger-600);
7835
+ --bs-btn-focus-color: var(--bs-white);
7836
+ --bs-btn-focus-bg: var(--bs-danger-600);
7837
+ --bs-btn-focus-border-color: var(--bs-danger-600);
7694
7838
  --bs-btn-active-color: var(--bs-white);
7695
- --bs-btn-active-bg: var(--bs-danger-600);
7696
- --bs-btn-active-border-color: var(--bs-danger-600);
7697
- --bs-btn-disabled-color: var(--bs-gray-900);
7839
+ --bs-btn-active-bg: var(--bs-danger-700);
7840
+ --bs-btn-active-border-color: var(--bs-danger-700);
7841
+ --bs-btn-disabled-color: var(--bs-gray-700);
7698
7842
  --bs-btn-disabled-bg: var(--bs-danger-100);
7699
7843
  --bs-btn-disabled-border-color: var(--bs-danger-100);
7700
7844
  }
7701
7845
  .btn-danger.loading {
7702
7846
  --bs-btn-disabled-opacity: 1;
7703
- --bs-btn-disabled-bg: var(--bs-danger-600);
7704
- --bs-btn-disabled-border-color: var(--bs-danger-600);
7847
+ --bs-btn-disabled-bg: var(--bs-danger-700);
7848
+ --bs-btn-disabled-border-color: var(--bs-danger-700);
7705
7849
  --bs-btn-disabled-color: var(--bs-white);
7706
7850
  }
7707
7851
 
7708
7852
  .btn-outline-danger {
7709
7853
  --bs-btn-bg: transparent;
7710
- --bs-btn-border-color: var(--bs-danger-500);
7711
- --bs-btn-color: var(--bs-danger-500);
7854
+ --bs-btn-border-color: var(--bs-danger-600);
7855
+ --bs-btn-color: var(--bs-danger-600);
7712
7856
  --bs-btn-hover-bg: var(--bs-danger-100);
7713
7857
  --bs-btn-hover-border-color: var(--bs-danger-600);
7714
7858
  --bs-btn-hover-color: var(--bs-danger-600);
7715
7859
  --bs-btn-focus-bg: var(--bs-danger-100);
7716
- --bs-btn-focus-border-color: var(--bs-danger);
7717
- --bs-btn-focus-color: var(--bs-danger);
7718
- --bs-btn-active-bg: var(--bs-danger-300);
7860
+ --bs-btn-focus-border-color: var(--bs-danger-600);
7861
+ --bs-btn-focus-color: var(--bs-danger-600);
7862
+ --bs-btn-active-bg: var(--bs-danger-200);
7719
7863
  --bs-btn-active-border-color: var(--bs-danger-600);
7720
7864
  --bs-btn-active-color: var(--bs-danger-600);
7721
7865
  --bs-btn-disabled-bg: transparent;
7722
7866
  --bs-btn-disabled-border-color: var(--bs-danger-100);
7723
- --bs-btn-disabled-color: var(--bs-danger-100);
7867
+ --bs-btn-disabled-color: var(--bs-gray-700);
7724
7868
  --bs-gradient: none;
7725
7869
  }
7726
7870
  .btn-outline-danger.loading {
@@ -7730,159 +7874,22 @@ label {
7730
7874
  --bs-btn-disabled-color: var(--bs-danger-600);
7731
7875
  }
7732
7876
 
7733
- .btn-link-primary {
7734
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
7735
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
7736
- --bs-btn-bg: transparent;
7737
- --bs-btn-border-color: transparent;
7738
- --bs-btn-color: var(--bs-primary-500);
7739
- --bs-btn-hover-bg: transparent;
7740
- --bs-btn-hover-border-color: transparent;
7741
- --bs-btn-hover-color: var(--bs-primary-700);
7742
- --bs-btn-focus-bg: transparent;
7743
- --bs-btn-focus-border-color: transparent;
7744
- --bs-btn-focus-color: var(--bs-primary-500);
7745
- --bs-btn-active-bg: transparent;
7746
- --bs-btn-active-border-color: transparent;
7747
- --bs-btn-active-color: var(--bs-primary-600);
7748
- --bs-btn-disabled-bg: transparent;
7749
- --bs-btn-disabled-border-color: transparent;
7750
- --bs-btn-disabled-color: var(--bs-primary-100);
7751
- --bs-btn-focus-outline-offset: 0;
7752
- }
7753
- .btn-link-primary.loading {
7754
- --bs-btn-disabled-opacity: 1;
7755
- --bs-btn-disabled-bg: transparent;
7756
- --bs-btn-disabled-border-color: transparent;
7757
- --bs-btn-disabled-color: var(--bs-primary-600);
7758
- }
7759
-
7760
- .btn-link-secondary {
7761
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
7762
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
7763
- --bs-btn-bg: transparent;
7764
- --bs-btn-border-color: transparent;
7765
- --bs-btn-color: var(--bs-secondary-500);
7766
- --bs-btn-hover-bg: transparent;
7767
- --bs-btn-hover-border-color: transparent;
7768
- --bs-btn-hover-color: var(--bs-secondary-700);
7769
- --bs-btn-focus-bg: transparent;
7770
- --bs-btn-focus-border-color: transparent;
7771
- --bs-btn-focus-color: var(--bs-secondary-500);
7772
- --bs-btn-active-bg: transparent;
7773
- --bs-btn-active-border-color: transparent;
7774
- --bs-btn-active-color: var(--bs-secondary-600);
7775
- --bs-btn-disabled-bg: transparent;
7776
- --bs-btn-disabled-border-color: transparent;
7777
- --bs-btn-disabled-color: var(--bs-secondary-100);
7778
- --bs-btn-focus-outline-offset: 0;
7779
- }
7780
- .btn-link-secondary.loading {
7781
- --bs-btn-disabled-opacity: 1;
7782
- --bs-btn-disabled-bg: transparent;
7783
- --bs-btn-disabled-border-color: transparent;
7784
- --bs-btn-disabled-color: var(--bs-secondary-600);
7785
- }
7786
-
7787
- .btn-link-success {
7788
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
7789
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
7790
- --bs-btn-bg: transparent;
7791
- --bs-btn-border-color: transparent;
7792
- --bs-btn-color: var(--bs-success-500);
7793
- --bs-btn-hover-bg: transparent;
7794
- --bs-btn-hover-border-color: transparent;
7795
- --bs-btn-hover-color: var(--bs-success-700);
7796
- --bs-btn-focus-bg: transparent;
7797
- --bs-btn-focus-border-color: transparent;
7798
- --bs-btn-focus-color: var(--bs-success-500);
7799
- --bs-btn-active-bg: transparent;
7800
- --bs-btn-active-border-color: transparent;
7801
- --bs-btn-active-color: var(--bs-success-600);
7802
- --bs-btn-disabled-bg: transparent;
7803
- --bs-btn-disabled-border-color: transparent;
7804
- --bs-btn-disabled-color: var(--bs-success-100);
7805
- --bs-btn-focus-outline-offset: 0;
7806
- }
7807
- .btn-link-success.loading {
7808
- --bs-btn-disabled-opacity: 1;
7809
- --bs-btn-disabled-bg: transparent;
7810
- --bs-btn-disabled-border-color: transparent;
7811
- --bs-btn-disabled-color: var(--bs-success-600);
7812
- }
7813
-
7814
- .btn-link-info {
7815
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
7816
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
7817
- --bs-btn-bg: transparent;
7818
- --bs-btn-border-color: transparent;
7819
- --bs-btn-color: var(--bs-info-500);
7820
- --bs-btn-hover-bg: transparent;
7821
- --bs-btn-hover-border-color: transparent;
7822
- --bs-btn-hover-color: var(--bs-info-700);
7823
- --bs-btn-focus-bg: transparent;
7824
- --bs-btn-focus-border-color: transparent;
7825
- --bs-btn-focus-color: var(--bs-info-500);
7826
- --bs-btn-active-bg: transparent;
7827
- --bs-btn-active-border-color: transparent;
7828
- --bs-btn-active-color: var(--bs-info-600);
7829
- --bs-btn-disabled-bg: transparent;
7830
- --bs-btn-disabled-border-color: transparent;
7831
- --bs-btn-disabled-color: var(--bs-info-100);
7832
- --bs-btn-focus-outline-offset: 0;
7833
- }
7834
- .btn-link-info.loading {
7835
- --bs-btn-disabled-opacity: 1;
7836
- --bs-btn-disabled-bg: transparent;
7837
- --bs-btn-disabled-border-color: transparent;
7838
- --bs-btn-disabled-color: var(--bs-info-600);
7839
- }
7840
-
7841
- .btn-link-warning {
7842
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
7843
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
7844
- --bs-btn-bg: transparent;
7845
- --bs-btn-border-color: transparent;
7846
- --bs-btn-color: var(--bs-warning-500);
7847
- --bs-btn-hover-bg: transparent;
7848
- --bs-btn-hover-border-color: transparent;
7849
- --bs-btn-hover-color: var(--bs-warning-700);
7850
- --bs-btn-focus-bg: transparent;
7851
- --bs-btn-focus-border-color: transparent;
7852
- --bs-btn-focus-color: var(--bs-warning-500);
7853
- --bs-btn-active-bg: transparent;
7854
- --bs-btn-active-border-color: transparent;
7855
- --bs-btn-active-color: var(--bs-warning-600);
7856
- --bs-btn-disabled-bg: transparent;
7857
- --bs-btn-disabled-border-color: transparent;
7858
- --bs-btn-disabled-color: var(--bs-warning-100);
7859
- --bs-btn-focus-outline-offset: 0;
7860
- }
7861
- .btn-link-warning.loading {
7862
- --bs-btn-disabled-opacity: 1;
7863
- --bs-btn-disabled-bg: transparent;
7864
- --bs-btn-disabled-border-color: transparent;
7865
- --bs-btn-disabled-color: var(--bs-warning-600);
7866
- }
7867
-
7868
7877
  .btn-link-danger {
7869
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
7870
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
7871
7878
  --bs-btn-bg: transparent;
7872
7879
  --bs-btn-border-color: transparent;
7873
- --bs-btn-color: var(--bs-danger-500);
7874
- --bs-btn-hover-bg: transparent;
7880
+ --bs-btn-color: var(--bs-danger-600);
7881
+ --bs-btn-hover-bg: var(--bs-danger-100);
7875
7882
  --bs-btn-hover-border-color: transparent;
7876
- --bs-btn-hover-color: var(--bs-danger-700);
7883
+ --bs-btn-hover-color: var(--bs-danger-600);
7877
7884
  --bs-btn-focus-bg: transparent;
7878
7885
  --bs-btn-focus-border-color: transparent;
7879
- --bs-btn-focus-color: var(--bs-danger-500);
7880
- --bs-btn-active-bg: transparent;
7886
+ --bs-btn-focus-color: var(--bs-danger-600);
7887
+ --bs-btn-active-bg: var(--bs-danger-200);
7881
7888
  --bs-btn-active-border-color: transparent;
7882
7889
  --bs-btn-active-color: var(--bs-danger-600);
7883
7890
  --bs-btn-disabled-bg: transparent;
7884
7891
  --bs-btn-disabled-border-color: transparent;
7885
- --bs-btn-disabled-color: var(--bs-danger-100);
7892
+ --bs-btn-disabled-color: var(--bs-danger-300);
7886
7893
  --bs-btn-focus-outline-offset: 0;
7887
7894
  }
7888
7895
  .btn-link-danger.loading {
@@ -7892,60 +7899,6 @@ label {
7892
7899
  --bs-btn-disabled-color: var(--bs-danger-600);
7893
7900
  }
7894
7901
 
7895
- .btn-link-light {
7896
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
7897
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
7898
- --bs-btn-bg: transparent;
7899
- --bs-btn-border-color: transparent;
7900
- --bs-btn-color: var(--bs-light);
7901
- --bs-btn-hover-bg: transparent;
7902
- --bs-btn-hover-border-color: transparent;
7903
- --bs-btn-hover-color: var(--bs-light);
7904
- --bs-btn-focus-bg: transparent;
7905
- --bs-btn-focus-border-color: transparent;
7906
- --bs-btn-focus-color: var(--bs-light);
7907
- --bs-btn-active-bg: transparent;
7908
- --bs-btn-active-border-color: transparent;
7909
- --bs-btn-active-color: var(--bs-light);
7910
- --bs-btn-disabled-bg: transparent;
7911
- --bs-btn-disabled-border-color: transparent;
7912
- --bs-btn-disabled-color: var(--bs-light);
7913
- --bs-btn-focus-outline-offset: 0;
7914
- }
7915
- .btn-link-light.loading {
7916
- --bs-btn-disabled-opacity: 1;
7917
- --bs-btn-disabled-bg: transparent;
7918
- --bs-btn-disabled-border-color: transparent;
7919
- --bs-btn-disabled-color: var(--bs-light-600);
7920
- }
7921
-
7922
- .btn-link-dark {
7923
- --bs-btn-padding-x: var(--bs-btn-link-padding-x);
7924
- --bs-btn-padding-y: var(--bs-btn-link-padding-y);
7925
- --bs-btn-bg: transparent;
7926
- --bs-btn-border-color: transparent;
7927
- --bs-btn-color: var(--bs-dark);
7928
- --bs-btn-hover-bg: transparent;
7929
- --bs-btn-hover-border-color: transparent;
7930
- --bs-btn-hover-color: var(--bs-dark);
7931
- --bs-btn-focus-bg: transparent;
7932
- --bs-btn-focus-border-color: transparent;
7933
- --bs-btn-focus-color: var(--bs-dark);
7934
- --bs-btn-active-bg: transparent;
7935
- --bs-btn-active-border-color: transparent;
7936
- --bs-btn-active-color: var(--bs-dark);
7937
- --bs-btn-disabled-bg: transparent;
7938
- --bs-btn-disabled-border-color: transparent;
7939
- --bs-btn-disabled-color: var(--bs-dark);
7940
- --bs-btn-focus-outline-offset: 0;
7941
- }
7942
- .btn-link-dark.loading {
7943
- --bs-btn-disabled-opacity: 1;
7944
- --bs-btn-disabled-bg: transparent;
7945
- --bs-btn-disabled-border-color: transparent;
7946
- --bs-btn-disabled-color: var(--bs-dark-600);
7947
- }
7948
-
7949
7902
  .btn-lg, .btn-group-lg > .btn {
7950
7903
  --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
7951
7904
  --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
@@ -7960,16 +7913,8 @@ label {
7960
7913
  --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
7961
7914
  }
7962
7915
 
7963
- [class^=btn-link] {
7964
- -webkit-text-decoration: var(--bs-link-decoration);
7965
- text-decoration: var(--bs-link-decoration);
7966
- }
7967
- [class^=btn-link] > span {
7968
- -webkit-text-decoration: var(--bs-link-decoration);
7969
- text-decoration: var(--bs-link-decoration);
7970
- }
7971
- [class^=btn-link].btn-sm, .btn-group-sm > [class^=btn-link].btn {
7972
- font-size: var(--bs-btn-link-font-size-sm);
7916
+ [class*=btn-link-] {
7917
+ --bs-btn-text-decoration: var(--bs-link-decoration);
7973
7918
  }
7974
7919
 
7975
7920
  .d-quick-action-button {
@@ -8244,6 +8189,7 @@ label {
8244
8189
  --bs-alert-box-shadow: var(--bs-box-shadow-sm);
8245
8190
  --bs-alert-icon-color: var(--bs-alert-component-icon-color, var(--bs-alert-color));
8246
8191
  --bs-alert-separator-opacity: var(--bs-alert-component-separator-opacity);
8192
+ --bs-alert-close-icon-size: 0.75rem;
8247
8193
  display: flex;
8248
8194
  flex-direction: row;
8249
8195
  gap: var(--bs-alert-gap);
@@ -8262,11 +8208,12 @@ label {
8262
8208
  .alert .btn-close {
8263
8209
  --bs-btn-close-bg: transparent;
8264
8210
  }
8265
- .alert .alert-icon .d-icon {
8211
+ .alert .alert-icon.d-icon {
8266
8212
  --bs-icon-color: var(--bs-alert-icon-color);
8267
8213
  }
8268
8214
  .alert .alert-close-icon {
8269
8215
  --bs-icon-color: var(--bs-alert-icon-color);
8216
+ --bs-icon-size: var(--bs-alert-close-icon-size);
8270
8217
  }
8271
8218
  .alert.alert-primary {
8272
8219
  --bs-alert-color: var(--bs-white);
@@ -8293,10 +8240,10 @@ label {
8293
8240
  --bs-alert-link-color: var(--bs-white);
8294
8241
  }
8295
8242
  .alert.alert-warning {
8296
- --bs-alert-color: var(--bs-gray-900);
8243
+ --bs-alert-color: var(--bs-black);
8297
8244
  --bs-alert-bg: var(--bs-warning);
8298
8245
  --bs-alert-border-color: var(--bs-warning);
8299
- --bs-alert-link-color: var(--bs-gray-900);
8246
+ --bs-alert-link-color: var(--bs-black);
8300
8247
  }
8301
8248
  .alert.alert-danger {
8302
8249
  --bs-alert-color: var(--bs-white);
@@ -8305,10 +8252,10 @@ label {
8305
8252
  --bs-alert-link-color: var(--bs-white);
8306
8253
  }
8307
8254
  .alert.alert-light {
8308
- --bs-alert-color: var(--bs-gray-900);
8255
+ --bs-alert-color: var(--bs-gray-700);
8309
8256
  --bs-alert-bg: var(--bs-light);
8310
8257
  --bs-alert-border-color: var(--bs-light);
8311
- --bs-alert-link-color: var(--bs-gray-900);
8258
+ --bs-alert-link-color: var(--bs-gray-700);
8312
8259
  }
8313
8260
  .alert.alert-dark {
8314
8261
  --bs-alert-color: var(--bs-white);
@@ -8316,6 +8263,25 @@ label {
8316
8263
  --bs-alert-border-color: var(--bs-dark);
8317
8264
  --bs-alert-link-color: var(--bs-white);
8318
8265
  }
8266
+ .alert.alert-box {
8267
+ --bs-alert-color: var(--bs-gray-900);
8268
+ border-width: 0 0 0 5px;
8269
+ }
8270
+ .alert.alert-box.alert-box-secondary {
8271
+ --bs-alert-icon-color: var(--bs-secondary);
8272
+ --bs-alert-border-color: var(--bs-secondary);
8273
+ --bs-alert-bg: var(--bs-secondary-100);
8274
+ }
8275
+ .alert.alert-box.alert-box-white {
8276
+ --bs-alert-icon-color: var(--bs-secondary);
8277
+ --bs-alert-border-color: var(--bs-secondary);
8278
+ --bs-alert-bg: var(--bs-white);
8279
+ }
8280
+ .alert.alert-box.alert-box-info {
8281
+ --bs-alert-icon-color: var(--bs-info);
8282
+ --bs-alert-border-color: var(--bs-info);
8283
+ --bs-alert-bg: var(--bs-info-100);
8284
+ }
8319
8285
 
8320
8286
  .badge {
8321
8287
  --bs-badge-bg: var(--bs-white);
@@ -8340,7 +8306,7 @@ label {
8340
8306
  --bs-badge-bg: var(--bs-info);
8341
8307
  }
8342
8308
  .badge.badge-warning {
8343
- --bs-badge-color: var(--bs-gray-900);
8309
+ --bs-badge-color: var(--bs-black);
8344
8310
  --bs-badge-bg: var(--bs-warning);
8345
8311
  }
8346
8312
  .badge.badge-danger {
@@ -8348,7 +8314,7 @@ label {
8348
8314
  --bs-badge-bg: var(--bs-danger);
8349
8315
  }
8350
8316
  .badge.badge-light {
8351
- --bs-badge-color: var(--bs-gray-900);
8317
+ --bs-badge-color: var(--bs-gray-700);
8352
8318
  --bs-badge-bg: var(--bs-light);
8353
8319
  }
8354
8320
  .badge.badge-dark {
@@ -8375,7 +8341,7 @@ label {
8375
8341
  --bs-chip-font-size: 0.875rem;
8376
8342
  --bs-chip-font-weight: 700;
8377
8343
  --bs-chip-line-height: 1.2rem;
8378
- display: flex;
8344
+ display: inline-flex;
8379
8345
  flex-direction: row;
8380
8346
  gap: var(--bs-chip-gap);
8381
8347
  align-items: center;
@@ -9390,6 +9356,7 @@ label {
9390
9356
  --bs-datepicker-month-gap: var(--bs-ref-fs-small);
9391
9357
  --bs-datepicker-month-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4) var(--bs-ref-spacer-4);
9392
9358
  --bs-datepicker-month-margin: 0;
9359
+ --bs-datepicker-month-color: var(--bs-white);
9393
9360
  --bs-datepicker-week-gap: 1.875rem;
9394
9361
  --bs-datepicker-day-margin: 0;
9395
9362
  --bs-datepicker-day-font-size: var(--bs-ref-fs-small);
@@ -9444,6 +9411,9 @@ label {
9444
9411
  line-height: var(--bs-datepicker-day-name-size);
9445
9412
  color: var(--bs-datepicker-day-name-color);
9446
9413
  }
9414
+ .react-datepicker.d-month-picker .react-datepicker__month-container .d-icon {
9415
+ --bs-icon-component-color: var(--bs-datepicker-month-color);
9416
+ }
9447
9417
  .react-datepicker .react-datepicker__month {
9448
9418
  display: flex;
9449
9419
  flex-direction: column;
@@ -10522,7 +10492,7 @@ label {
10522
10492
  }
10523
10493
 
10524
10494
  .text-bg-warning {
10525
- color: var(--bs-gray-900) !important;
10495
+ color: var(--bs-black) !important;
10526
10496
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
10527
10497
  }
10528
10498
 
@@ -10532,7 +10502,7 @@ label {
10532
10502
  }
10533
10503
 
10534
10504
  .text-bg-light {
10535
- color: var(--bs-gray-900) !important;
10505
+ color: var(--bs-gray-700) !important;
10536
10506
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
10537
10507
  }
10538
10508