@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-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 {
@@ -7245,12 +7245,16 @@ label {
7245
7245
  .d-input:has(.form-select:not(:disabled)) {
7246
7246
  --bs-input-group-border-color: var(--bs-input-group-hover-border-color);
7247
7247
  }
7248
+ .d-input .form-floating:not(:last-child) .form-select {
7249
+ padding-right: 2rem;
7250
+ background-position: right center;
7251
+ }
7248
7252
  .d-input .form-select {
7249
7253
  text-align: var(--bs-input-form-control-text-align);
7250
7254
  border-width: 0;
7251
7255
  box-shadow: none;
7252
7256
  }
7253
- .d-input .form-select:not(:last-child) {
7257
+ .d-input .form-select:not(:last-child, .floating-label) {
7254
7258
  padding-right: 2rem;
7255
7259
  background-position: right center;
7256
7260
  }
@@ -7292,7 +7296,7 @@ label {
7292
7296
  font-weight: var(--bs-input-pin-label-font-weight);
7293
7297
  color: var(--bs-input-pin-label-color);
7294
7298
  }
7295
- .d-input-pin label .d-input-pin-icon .d-icon {
7299
+ .d-input-pin label .d-input-pin-icon {
7296
7300
  --bs-icon-color: var(--bs-focus-ring-color);
7297
7301
  }
7298
7302
  .d-input-pin .d-input-pin-controls {
@@ -7335,7 +7339,7 @@ label {
7335
7339
  .d-input-pin:has(.form-control.is-valid) .form-text {
7336
7340
  color: var(--bs-form-valid-border-color);
7337
7341
  }
7338
- .d-input-pin:has(.form-control.is-valid) .d-input-pin-validation-icon .d-icon {
7342
+ .d-input-pin:has(.form-control.is-valid) .d-input-pin-validation-icon {
7339
7343
  --bs-icon-color: var(--bs-success);
7340
7344
  }
7341
7345
  .d-input-pin:has(.form-control.is-invalid) .form-control {
@@ -7344,7 +7348,7 @@ label {
7344
7348
  .d-input-pin:has(.form-control.is-invalid) .form-text {
7345
7349
  color: var(--bs-form-invalid-border-color);
7346
7350
  }
7347
- .d-input-pin:has(.form-control.is-invalid) .d-input-pin-validation-icon .d-icon {
7351
+ .d-input-pin:has(.form-control.is-invalid) .d-input-pin-validation-icon {
7348
7352
  --bs-icon-color: var(--bs-danger);
7349
7353
  }
7350
7354
  .d-input-pin .input-group-text {
@@ -7360,12 +7364,12 @@ label {
7360
7364
  }
7361
7365
 
7362
7366
  .btn {
7363
- --bs-btn-padding-x: 1.5rem;
7364
- --bs-btn-padding-y: 0.875rem;
7367
+ --bs-btn-padding-x: 1rem;
7368
+ --bs-btn-padding-y: 0.5rem;
7365
7369
  --bs-btn-font-family: ;
7366
7370
  --bs-btn-font-size: 1rem;
7367
7371
  --bs-btn-font-weight: 400;
7368
- --bs-btn-line-height: 1rem;
7372
+ --bs-btn-line-height: 1.2rem;
7369
7373
  --bs-btn-color: var(--bs-body-color);
7370
7374
  --bs-btn-bg: transparent;
7371
7375
  --bs-btn-border-width: 2px;
@@ -7373,17 +7377,15 @@ label {
7373
7377
  --bs-btn-border-radius: var(--bs-btn-component-border-radius, 0.5rem);
7374
7378
  --bs-btn-hover-border-color: transparent;
7375
7379
  --bs-btn-box-shadow: none;
7376
- --bs-btn-disabled-opacity: 0.5;
7380
+ --bs-btn-disabled-opacity: 1;
7377
7381
  --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;
7382
+ --bs-btn–text-decoration: if($link-decoration == none, null, none);
7383
+ --bs-btn-lg-padding-y: 0.875rem;
7382
7384
  --bs-btn-lg-padding-x: 1.5rem;
7383
7385
  --bs-btn-lg-font-size: 1.125rem;
7384
7386
  --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;
7387
+ --bs-btn-sm-padding-y: 0.25rem;
7388
+ --bs-btn-sm-padding-x: 1rem;
7387
7389
  --bs-btn-sm-font-size: 0.875rem;
7388
7390
  --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, 0.5rem);
7389
7391
  display: flex;
@@ -7415,9 +7417,12 @@ label {
7415
7417
  transition: none;
7416
7418
  }
7417
7419
  }
7420
+ .btn > span {
7421
+ -webkit-text-decoration: var(--bs-btn-text-decoration);
7422
+ text-decoration: var(--bs-btn-text-decoration);
7423
+ }
7418
7424
  .btn:hover, .btn.hover {
7419
7425
  color: var(--bs-btn-hover-color);
7420
- text-decoration: none;
7421
7426
  background-color: var(--bs-btn-hover-bg);
7422
7427
  border-color: var(--bs-btn-hover-border-color);
7423
7428
  }
@@ -7427,9 +7432,9 @@ label {
7427
7432
  border-color: var(--bs-btn-border-color);
7428
7433
  }
7429
7434
  .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));
7435
+ color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
7436
+ background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
7437
+ border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
7433
7438
  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
7439
  outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
7435
7440
  }
@@ -7459,38 +7464,41 @@ label {
7459
7464
  --bs-btn-bg: var(--bs-primary-500);
7460
7465
  --bs-btn-border-color: var(--bs-primary-500);
7461
7466
  --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);
7467
+ --bs-btn-hover-bg: var(--bs-primary-600);
7468
+ --bs-btn-hover-border-color: var(--bs-primary-600);
7469
+ --bs-btn-focus-color: var(--bs-white);
7470
+ --bs-btn-focus-bg: var(--bs-primary-600);
7471
+ --bs-btn-focus-border-color: var(--bs-primary-600);
7464
7472
  --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);
7473
+ --bs-btn-active-bg: var(--bs-primary-700);
7474
+ --bs-btn-active-border-color: var(--bs-primary-700);
7475
+ --bs-btn-disabled-color: var(--bs-gray-700);
7468
7476
  --bs-btn-disabled-bg: var(--bs-primary-100);
7469
7477
  --bs-btn-disabled-border-color: var(--bs-primary-100);
7470
7478
  }
7471
7479
  .btn-primary.loading {
7472
7480
  --bs-btn-disabled-opacity: 1;
7473
- --bs-btn-disabled-bg: var(--bs-primary-600);
7474
- --bs-btn-disabled-border-color: var(--bs-primary-600);
7481
+ --bs-btn-disabled-bg: var(--bs-primary-700);
7482
+ --bs-btn-disabled-border-color: var(--bs-primary-700);
7475
7483
  --bs-btn-disabled-color: var(--bs-white);
7476
7484
  }
7477
7485
 
7478
7486
  .btn-outline-primary {
7479
7487
  --bs-btn-bg: transparent;
7480
- --bs-btn-border-color: var(--bs-primary-500);
7481
- --bs-btn-color: var(--bs-primary-500);
7488
+ --bs-btn-border-color: var(--bs-primary-600);
7489
+ --bs-btn-color: var(--bs-primary-600);
7482
7490
  --bs-btn-hover-bg: var(--bs-primary-100);
7483
7491
  --bs-btn-hover-border-color: var(--bs-primary-600);
7484
7492
  --bs-btn-hover-color: var(--bs-primary-600);
7485
7493
  --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);
7494
+ --bs-btn-focus-border-color: var(--bs-primary-600);
7495
+ --bs-btn-focus-color: var(--bs-primary-600);
7496
+ --bs-btn-active-bg: var(--bs-primary-200);
7489
7497
  --bs-btn-active-border-color: var(--bs-primary-600);
7490
7498
  --bs-btn-active-color: var(--bs-primary-600);
7491
7499
  --bs-btn-disabled-bg: transparent;
7492
7500
  --bs-btn-disabled-border-color: var(--bs-primary-100);
7493
- --bs-btn-disabled-color: var(--bs-primary-100);
7501
+ --bs-btn-disabled-color: var(--bs-gray-700);
7494
7502
  --bs-gradient: none;
7495
7503
  }
7496
7504
  .btn-outline-primary.loading {
@@ -7500,43 +7508,71 @@ label {
7500
7508
  --bs-btn-disabled-color: var(--bs-primary-600);
7501
7509
  }
7502
7510
 
7511
+ .btn-link-primary {
7512
+ --bs-btn-bg: transparent;
7513
+ --bs-btn-border-color: transparent;
7514
+ --bs-btn-color: var(--bs-primary-600);
7515
+ --bs-btn-hover-bg: var(--bs-primary-100);
7516
+ --bs-btn-hover-border-color: transparent;
7517
+ --bs-btn-hover-color: var(--bs-primary-600);
7518
+ --bs-btn-focus-bg: transparent;
7519
+ --bs-btn-focus-border-color: transparent;
7520
+ --bs-btn-focus-color: var(--bs-primary-600);
7521
+ --bs-btn-active-bg: var(--bs-primary-200);
7522
+ --bs-btn-active-border-color: transparent;
7523
+ --bs-btn-active-color: var(--bs-primary-600);
7524
+ --bs-btn-disabled-bg: transparent;
7525
+ --bs-btn-disabled-border-color: transparent;
7526
+ --bs-btn-disabled-color: var(--bs-primary-300);
7527
+ --bs-btn-focus-outline-offset: 0;
7528
+ }
7529
+ .btn-link-primary.loading {
7530
+ --bs-btn-disabled-opacity: 1;
7531
+ --bs-btn-disabled-bg: transparent;
7532
+ --bs-btn-disabled-border-color: transparent;
7533
+ --bs-btn-disabled-color: var(--bs-primary-600);
7534
+ }
7535
+
7503
7536
  .btn-secondary {
7504
7537
  --bs-btn-color: var(--bs-white);
7505
7538
  --bs-btn-bg: var(--bs-secondary-500);
7506
7539
  --bs-btn-border-color: var(--bs-secondary-500);
7507
7540
  --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);
7541
+ --bs-btn-hover-bg: var(--bs-secondary-600);
7542
+ --bs-btn-hover-border-color: var(--bs-secondary-600);
7543
+ --bs-btn-focus-color: var(--bs-white);
7544
+ --bs-btn-focus-bg: var(--bs-secondary-600);
7545
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
7510
7546
  --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);
7547
+ --bs-btn-active-bg: var(--bs-secondary-700);
7548
+ --bs-btn-active-border-color: var(--bs-secondary-700);
7549
+ --bs-btn-disabled-color: var(--bs-gray-700);
7514
7550
  --bs-btn-disabled-bg: var(--bs-secondary-100);
7515
7551
  --bs-btn-disabled-border-color: var(--bs-secondary-100);
7516
7552
  }
7517
7553
  .btn-secondary.loading {
7518
7554
  --bs-btn-disabled-opacity: 1;
7519
- --bs-btn-disabled-bg: var(--bs-secondary-600);
7520
- --bs-btn-disabled-border-color: var(--bs-secondary-600);
7555
+ --bs-btn-disabled-bg: var(--bs-secondary-700);
7556
+ --bs-btn-disabled-border-color: var(--bs-secondary-700);
7521
7557
  --bs-btn-disabled-color: var(--bs-white);
7522
7558
  }
7523
7559
 
7524
7560
  .btn-outline-secondary {
7525
7561
  --bs-btn-bg: transparent;
7526
- --bs-btn-border-color: var(--bs-secondary-500);
7527
- --bs-btn-color: var(--bs-secondary-500);
7562
+ --bs-btn-border-color: var(--bs-secondary-600);
7563
+ --bs-btn-color: var(--bs-secondary-600);
7528
7564
  --bs-btn-hover-bg: var(--bs-secondary-100);
7529
7565
  --bs-btn-hover-border-color: var(--bs-secondary-600);
7530
7566
  --bs-btn-hover-color: var(--bs-secondary-600);
7531
7567
  --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);
7568
+ --bs-btn-focus-border-color: var(--bs-secondary-600);
7569
+ --bs-btn-focus-color: var(--bs-secondary-600);
7570
+ --bs-btn-active-bg: var(--bs-secondary-200);
7535
7571
  --bs-btn-active-border-color: var(--bs-secondary-600);
7536
7572
  --bs-btn-active-color: var(--bs-secondary-600);
7537
7573
  --bs-btn-disabled-bg: transparent;
7538
7574
  --bs-btn-disabled-border-color: var(--bs-secondary-100);
7539
- --bs-btn-disabled-color: var(--bs-secondary-100);
7575
+ --bs-btn-disabled-color: var(--bs-gray-700);
7540
7576
  --bs-gradient: none;
7541
7577
  }
7542
7578
  .btn-outline-secondary.loading {
@@ -7546,43 +7582,71 @@ label {
7546
7582
  --bs-btn-disabled-color: var(--bs-secondary-600);
7547
7583
  }
7548
7584
 
7585
+ .btn-link-secondary {
7586
+ --bs-btn-bg: transparent;
7587
+ --bs-btn-border-color: transparent;
7588
+ --bs-btn-color: var(--bs-secondary-600);
7589
+ --bs-btn-hover-bg: var(--bs-secondary-100);
7590
+ --bs-btn-hover-border-color: transparent;
7591
+ --bs-btn-hover-color: var(--bs-secondary-600);
7592
+ --bs-btn-focus-bg: transparent;
7593
+ --bs-btn-focus-border-color: transparent;
7594
+ --bs-btn-focus-color: var(--bs-secondary-600);
7595
+ --bs-btn-active-bg: var(--bs-secondary-200);
7596
+ --bs-btn-active-border-color: transparent;
7597
+ --bs-btn-active-color: var(--bs-secondary-600);
7598
+ --bs-btn-disabled-bg: transparent;
7599
+ --bs-btn-disabled-border-color: transparent;
7600
+ --bs-btn-disabled-color: var(--bs-secondary-300);
7601
+ --bs-btn-focus-outline-offset: 0;
7602
+ }
7603
+ .btn-link-secondary.loading {
7604
+ --bs-btn-disabled-opacity: 1;
7605
+ --bs-btn-disabled-bg: transparent;
7606
+ --bs-btn-disabled-border-color: transparent;
7607
+ --bs-btn-disabled-color: var(--bs-secondary-600);
7608
+ }
7609
+
7549
7610
  .btn-success {
7550
7611
  --bs-btn-color: var(--bs-white);
7551
7612
  --bs-btn-bg: var(--bs-success-500);
7552
7613
  --bs-btn-border-color: var(--bs-success-500);
7553
7614
  --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);
7615
+ --bs-btn-hover-bg: var(--bs-success-600);
7616
+ --bs-btn-hover-border-color: var(--bs-success-600);
7617
+ --bs-btn-focus-color: var(--bs-white);
7618
+ --bs-btn-focus-bg: var(--bs-success-600);
7619
+ --bs-btn-focus-border-color: var(--bs-success-600);
7556
7620
  --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);
7621
+ --bs-btn-active-bg: var(--bs-success-700);
7622
+ --bs-btn-active-border-color: var(--bs-success-700);
7623
+ --bs-btn-disabled-color: var(--bs-gray-700);
7560
7624
  --bs-btn-disabled-bg: var(--bs-success-100);
7561
7625
  --bs-btn-disabled-border-color: var(--bs-success-100);
7562
7626
  }
7563
7627
  .btn-success.loading {
7564
7628
  --bs-btn-disabled-opacity: 1;
7565
- --bs-btn-disabled-bg: var(--bs-success-600);
7566
- --bs-btn-disabled-border-color: var(--bs-success-600);
7629
+ --bs-btn-disabled-bg: var(--bs-success-700);
7630
+ --bs-btn-disabled-border-color: var(--bs-success-700);
7567
7631
  --bs-btn-disabled-color: var(--bs-white);
7568
7632
  }
7569
7633
 
7570
7634
  .btn-outline-success {
7571
7635
  --bs-btn-bg: transparent;
7572
- --bs-btn-border-color: var(--bs-success-500);
7573
- --bs-btn-color: var(--bs-success-500);
7636
+ --bs-btn-border-color: var(--bs-success-600);
7637
+ --bs-btn-color: var(--bs-success-600);
7574
7638
  --bs-btn-hover-bg: var(--bs-success-100);
7575
7639
  --bs-btn-hover-border-color: var(--bs-success-600);
7576
7640
  --bs-btn-hover-color: var(--bs-success-600);
7577
7641
  --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);
7642
+ --bs-btn-focus-border-color: var(--bs-success-600);
7643
+ --bs-btn-focus-color: var(--bs-success-600);
7644
+ --bs-btn-active-bg: var(--bs-success-200);
7581
7645
  --bs-btn-active-border-color: var(--bs-success-600);
7582
7646
  --bs-btn-active-color: var(--bs-success-600);
7583
7647
  --bs-btn-disabled-bg: transparent;
7584
7648
  --bs-btn-disabled-border-color: var(--bs-success-100);
7585
- --bs-btn-disabled-color: var(--bs-success-100);
7649
+ --bs-btn-disabled-color: var(--bs-gray-700);
7586
7650
  --bs-gradient: none;
7587
7651
  }
7588
7652
  .btn-outline-success.loading {
@@ -7592,43 +7656,71 @@ label {
7592
7656
  --bs-btn-disabled-color: var(--bs-success-600);
7593
7657
  }
7594
7658
 
7659
+ .btn-link-success {
7660
+ --bs-btn-bg: transparent;
7661
+ --bs-btn-border-color: transparent;
7662
+ --bs-btn-color: var(--bs-success-600);
7663
+ --bs-btn-hover-bg: var(--bs-success-100);
7664
+ --bs-btn-hover-border-color: transparent;
7665
+ --bs-btn-hover-color: var(--bs-success-600);
7666
+ --bs-btn-focus-bg: transparent;
7667
+ --bs-btn-focus-border-color: transparent;
7668
+ --bs-btn-focus-color: var(--bs-success-600);
7669
+ --bs-btn-active-bg: var(--bs-success-200);
7670
+ --bs-btn-active-border-color: transparent;
7671
+ --bs-btn-active-color: var(--bs-success-600);
7672
+ --bs-btn-disabled-bg: transparent;
7673
+ --bs-btn-disabled-border-color: transparent;
7674
+ --bs-btn-disabled-color: var(--bs-success-300);
7675
+ --bs-btn-focus-outline-offset: 0;
7676
+ }
7677
+ .btn-link-success.loading {
7678
+ --bs-btn-disabled-opacity: 1;
7679
+ --bs-btn-disabled-bg: transparent;
7680
+ --bs-btn-disabled-border-color: transparent;
7681
+ --bs-btn-disabled-color: var(--bs-success-600);
7682
+ }
7683
+
7595
7684
  .btn-info {
7596
7685
  --bs-btn-color: var(--bs-white);
7597
7686
  --bs-btn-bg: var(--bs-info-500);
7598
7687
  --bs-btn-border-color: var(--bs-info-500);
7599
7688
  --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);
7689
+ --bs-btn-hover-bg: var(--bs-info-600);
7690
+ --bs-btn-hover-border-color: var(--bs-info-600);
7691
+ --bs-btn-focus-color: var(--bs-white);
7692
+ --bs-btn-focus-bg: var(--bs-info-600);
7693
+ --bs-btn-focus-border-color: var(--bs-info-600);
7602
7694
  --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);
7695
+ --bs-btn-active-bg: var(--bs-info-700);
7696
+ --bs-btn-active-border-color: var(--bs-info-700);
7697
+ --bs-btn-disabled-color: var(--bs-gray-700);
7606
7698
  --bs-btn-disabled-bg: var(--bs-info-100);
7607
7699
  --bs-btn-disabled-border-color: var(--bs-info-100);
7608
7700
  }
7609
7701
  .btn-info.loading {
7610
7702
  --bs-btn-disabled-opacity: 1;
7611
- --bs-btn-disabled-bg: var(--bs-info-600);
7612
- --bs-btn-disabled-border-color: var(--bs-info-600);
7703
+ --bs-btn-disabled-bg: var(--bs-info-700);
7704
+ --bs-btn-disabled-border-color: var(--bs-info-700);
7613
7705
  --bs-btn-disabled-color: var(--bs-white);
7614
7706
  }
7615
7707
 
7616
7708
  .btn-outline-info {
7617
7709
  --bs-btn-bg: transparent;
7618
- --bs-btn-border-color: var(--bs-info-500);
7619
- --bs-btn-color: var(--bs-info-500);
7710
+ --bs-btn-border-color: var(--bs-info-600);
7711
+ --bs-btn-color: var(--bs-info-600);
7620
7712
  --bs-btn-hover-bg: var(--bs-info-100);
7621
7713
  --bs-btn-hover-border-color: var(--bs-info-600);
7622
7714
  --bs-btn-hover-color: var(--bs-info-600);
7623
7715
  --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);
7716
+ --bs-btn-focus-border-color: var(--bs-info-600);
7717
+ --bs-btn-focus-color: var(--bs-info-600);
7718
+ --bs-btn-active-bg: var(--bs-info-200);
7627
7719
  --bs-btn-active-border-color: var(--bs-info-600);
7628
7720
  --bs-btn-active-color: var(--bs-info-600);
7629
7721
  --bs-btn-disabled-bg: transparent;
7630
7722
  --bs-btn-disabled-border-color: var(--bs-info-100);
7631
- --bs-btn-disabled-color: var(--bs-info-100);
7723
+ --bs-btn-disabled-color: var(--bs-gray-700);
7632
7724
  --bs-gradient: none;
7633
7725
  }
7634
7726
  .btn-outline-info.loading {
@@ -7638,43 +7730,71 @@ label {
7638
7730
  --bs-btn-disabled-color: var(--bs-info-600);
7639
7731
  }
7640
7732
 
7733
+ .btn-link-info {
7734
+ --bs-btn-bg: transparent;
7735
+ --bs-btn-border-color: transparent;
7736
+ --bs-btn-color: var(--bs-info-600);
7737
+ --bs-btn-hover-bg: var(--bs-info-100);
7738
+ --bs-btn-hover-border-color: transparent;
7739
+ --bs-btn-hover-color: var(--bs-info-600);
7740
+ --bs-btn-focus-bg: transparent;
7741
+ --bs-btn-focus-border-color: transparent;
7742
+ --bs-btn-focus-color: var(--bs-info-600);
7743
+ --bs-btn-active-bg: var(--bs-info-200);
7744
+ --bs-btn-active-border-color: transparent;
7745
+ --bs-btn-active-color: var(--bs-info-600);
7746
+ --bs-btn-disabled-bg: transparent;
7747
+ --bs-btn-disabled-border-color: transparent;
7748
+ --bs-btn-disabled-color: var(--bs-info-300);
7749
+ --bs-btn-focus-outline-offset: 0;
7750
+ }
7751
+ .btn-link-info.loading {
7752
+ --bs-btn-disabled-opacity: 1;
7753
+ --bs-btn-disabled-bg: transparent;
7754
+ --bs-btn-disabled-border-color: transparent;
7755
+ --bs-btn-disabled-color: var(--bs-info-600);
7756
+ }
7757
+
7641
7758
  .btn-warning {
7642
- --bs-btn-color: var(--bs-gray-900);
7759
+ --bs-btn-color: var(--bs-black);
7643
7760
  --bs-btn-bg: var(--bs-warning-500);
7644
7761
  --bs-btn-border-color: var(--bs-warning-500);
7645
7762
  --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);
7763
+ --bs-btn-hover-bg: var(--bs-warning-600);
7764
+ --bs-btn-hover-border-color: var(--bs-warning-600);
7765
+ --bs-btn-focus-color: var(--bs-black);
7766
+ --bs-btn-focus-bg: var(--bs-warning-600);
7767
+ --bs-btn-focus-border-color: var(--bs-warning-600);
7768
+ --bs-btn-active-color: var(--bs-black);
7769
+ --bs-btn-active-bg: var(--bs-warning-700);
7770
+ --bs-btn-active-border-color: var(--bs-warning-700);
7771
+ --bs-btn-disabled-color: var(--bs-gray-700);
7652
7772
  --bs-btn-disabled-bg: var(--bs-warning-100);
7653
7773
  --bs-btn-disabled-border-color: var(--bs-warning-100);
7654
7774
  }
7655
7775
  .btn-warning.loading {
7656
7776
  --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);
7777
+ --bs-btn-disabled-bg: var(--bs-warning-700);
7778
+ --bs-btn-disabled-border-color: var(--bs-warning-700);
7779
+ --bs-btn-disabled-color: var(--bs-black);
7660
7780
  }
7661
7781
 
7662
7782
  .btn-outline-warning {
7663
7783
  --bs-btn-bg: transparent;
7664
- --bs-btn-border-color: var(--bs-warning-500);
7665
- --bs-btn-color: var(--bs-warning-500);
7784
+ --bs-btn-border-color: var(--bs-warning-600);
7785
+ --bs-btn-color: var(--bs-warning-600);
7666
7786
  --bs-btn-hover-bg: var(--bs-warning-100);
7667
7787
  --bs-btn-hover-border-color: var(--bs-warning-600);
7668
7788
  --bs-btn-hover-color: var(--bs-warning-600);
7669
7789
  --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);
7790
+ --bs-btn-focus-border-color: var(--bs-warning-600);
7791
+ --bs-btn-focus-color: var(--bs-warning-600);
7792
+ --bs-btn-active-bg: var(--bs-warning-200);
7673
7793
  --bs-btn-active-border-color: var(--bs-warning-600);
7674
7794
  --bs-btn-active-color: var(--bs-warning-600);
7675
7795
  --bs-btn-disabled-bg: transparent;
7676
7796
  --bs-btn-disabled-border-color: var(--bs-warning-100);
7677
- --bs-btn-disabled-color: var(--bs-warning-100);
7797
+ --bs-btn-disabled-color: var(--bs-gray-700);
7678
7798
  --bs-gradient: none;
7679
7799
  }
7680
7800
  .btn-outline-warning.loading {
@@ -7684,43 +7804,71 @@ label {
7684
7804
  --bs-btn-disabled-color: var(--bs-warning-600);
7685
7805
  }
7686
7806
 
7807
+ .btn-link-warning {
7808
+ --bs-btn-bg: transparent;
7809
+ --bs-btn-border-color: transparent;
7810
+ --bs-btn-color: var(--bs-warning-600);
7811
+ --bs-btn-hover-bg: var(--bs-warning-100);
7812
+ --bs-btn-hover-border-color: transparent;
7813
+ --bs-btn-hover-color: var(--bs-warning-600);
7814
+ --bs-btn-focus-bg: transparent;
7815
+ --bs-btn-focus-border-color: transparent;
7816
+ --bs-btn-focus-color: var(--bs-warning-600);
7817
+ --bs-btn-active-bg: var(--bs-warning-200);
7818
+ --bs-btn-active-border-color: transparent;
7819
+ --bs-btn-active-color: var(--bs-warning-600);
7820
+ --bs-btn-disabled-bg: transparent;
7821
+ --bs-btn-disabled-border-color: transparent;
7822
+ --bs-btn-disabled-color: var(--bs-warning-300);
7823
+ --bs-btn-focus-outline-offset: 0;
7824
+ }
7825
+ .btn-link-warning.loading {
7826
+ --bs-btn-disabled-opacity: 1;
7827
+ --bs-btn-disabled-bg: transparent;
7828
+ --bs-btn-disabled-border-color: transparent;
7829
+ --bs-btn-disabled-color: var(--bs-warning-600);
7830
+ }
7831
+
7687
7832
  .btn-danger {
7688
7833
  --bs-btn-color: var(--bs-white);
7689
7834
  --bs-btn-bg: var(--bs-danger-500);
7690
7835
  --bs-btn-border-color: var(--bs-danger-500);
7691
7836
  --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);
7837
+ --bs-btn-hover-bg: var(--bs-danger-600);
7838
+ --bs-btn-hover-border-color: var(--bs-danger-600);
7839
+ --bs-btn-focus-color: var(--bs-white);
7840
+ --bs-btn-focus-bg: var(--bs-danger-600);
7841
+ --bs-btn-focus-border-color: var(--bs-danger-600);
7694
7842
  --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);
7843
+ --bs-btn-active-bg: var(--bs-danger-700);
7844
+ --bs-btn-active-border-color: var(--bs-danger-700);
7845
+ --bs-btn-disabled-color: var(--bs-gray-700);
7698
7846
  --bs-btn-disabled-bg: var(--bs-danger-100);
7699
7847
  --bs-btn-disabled-border-color: var(--bs-danger-100);
7700
7848
  }
7701
7849
  .btn-danger.loading {
7702
7850
  --bs-btn-disabled-opacity: 1;
7703
- --bs-btn-disabled-bg: var(--bs-danger-600);
7704
- --bs-btn-disabled-border-color: var(--bs-danger-600);
7851
+ --bs-btn-disabled-bg: var(--bs-danger-700);
7852
+ --bs-btn-disabled-border-color: var(--bs-danger-700);
7705
7853
  --bs-btn-disabled-color: var(--bs-white);
7706
7854
  }
7707
7855
 
7708
7856
  .btn-outline-danger {
7709
7857
  --bs-btn-bg: transparent;
7710
- --bs-btn-border-color: var(--bs-danger-500);
7711
- --bs-btn-color: var(--bs-danger-500);
7858
+ --bs-btn-border-color: var(--bs-danger-600);
7859
+ --bs-btn-color: var(--bs-danger-600);
7712
7860
  --bs-btn-hover-bg: var(--bs-danger-100);
7713
7861
  --bs-btn-hover-border-color: var(--bs-danger-600);
7714
7862
  --bs-btn-hover-color: var(--bs-danger-600);
7715
7863
  --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);
7864
+ --bs-btn-focus-border-color: var(--bs-danger-600);
7865
+ --bs-btn-focus-color: var(--bs-danger-600);
7866
+ --bs-btn-active-bg: var(--bs-danger-200);
7719
7867
  --bs-btn-active-border-color: var(--bs-danger-600);
7720
7868
  --bs-btn-active-color: var(--bs-danger-600);
7721
7869
  --bs-btn-disabled-bg: transparent;
7722
7870
  --bs-btn-disabled-border-color: var(--bs-danger-100);
7723
- --bs-btn-disabled-color: var(--bs-danger-100);
7871
+ --bs-btn-disabled-color: var(--bs-gray-700);
7724
7872
  --bs-gradient: none;
7725
7873
  }
7726
7874
  .btn-outline-danger.loading {
@@ -7730,159 +7878,22 @@ label {
7730
7878
  --bs-btn-disabled-color: var(--bs-danger-600);
7731
7879
  }
7732
7880
 
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
7881
  .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
7882
  --bs-btn-bg: transparent;
7872
7883
  --bs-btn-border-color: transparent;
7873
- --bs-btn-color: var(--bs-danger-500);
7874
- --bs-btn-hover-bg: transparent;
7884
+ --bs-btn-color: var(--bs-danger-600);
7885
+ --bs-btn-hover-bg: var(--bs-danger-100);
7875
7886
  --bs-btn-hover-border-color: transparent;
7876
- --bs-btn-hover-color: var(--bs-danger-700);
7887
+ --bs-btn-hover-color: var(--bs-danger-600);
7877
7888
  --bs-btn-focus-bg: transparent;
7878
7889
  --bs-btn-focus-border-color: transparent;
7879
- --bs-btn-focus-color: var(--bs-danger-500);
7880
- --bs-btn-active-bg: transparent;
7890
+ --bs-btn-focus-color: var(--bs-danger-600);
7891
+ --bs-btn-active-bg: var(--bs-danger-200);
7881
7892
  --bs-btn-active-border-color: transparent;
7882
7893
  --bs-btn-active-color: var(--bs-danger-600);
7883
7894
  --bs-btn-disabled-bg: transparent;
7884
7895
  --bs-btn-disabled-border-color: transparent;
7885
- --bs-btn-disabled-color: var(--bs-danger-100);
7896
+ --bs-btn-disabled-color: var(--bs-danger-300);
7886
7897
  --bs-btn-focus-outline-offset: 0;
7887
7898
  }
7888
7899
  .btn-link-danger.loading {
@@ -7892,60 +7903,6 @@ label {
7892
7903
  --bs-btn-disabled-color: var(--bs-danger-600);
7893
7904
  }
7894
7905
 
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
7906
  .btn-lg, .btn-group-lg > .btn {
7950
7907
  --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
7951
7908
  --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
@@ -7960,16 +7917,8 @@ label {
7960
7917
  --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
7961
7918
  }
7962
7919
 
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);
7920
+ [class*=btn-link-] {
7921
+ --bs-btn-text-decoration: var(--bs-link-decoration);
7973
7922
  }
7974
7923
 
7975
7924
  .d-quick-action-button {
@@ -8244,6 +8193,7 @@ label {
8244
8193
  --bs-alert-box-shadow: var(--bs-box-shadow-sm);
8245
8194
  --bs-alert-icon-color: var(--bs-alert-component-icon-color, var(--bs-alert-color));
8246
8195
  --bs-alert-separator-opacity: var(--bs-alert-component-separator-opacity);
8196
+ --bs-alert-close-icon-size: 0.75rem;
8247
8197
  display: flex;
8248
8198
  flex-direction: row;
8249
8199
  gap: var(--bs-alert-gap);
@@ -8262,11 +8212,12 @@ label {
8262
8212
  .alert .btn-close {
8263
8213
  --bs-btn-close-bg: transparent;
8264
8214
  }
8265
- .alert .alert-icon .d-icon {
8215
+ .alert .alert-icon.d-icon {
8266
8216
  --bs-icon-color: var(--bs-alert-icon-color);
8267
8217
  }
8268
8218
  .alert .alert-close-icon {
8269
8219
  --bs-icon-color: var(--bs-alert-icon-color);
8220
+ --bs-icon-size: var(--bs-alert-close-icon-size);
8270
8221
  }
8271
8222
  .alert.alert-primary {
8272
8223
  --bs-alert-color: var(--bs-white);
@@ -8293,10 +8244,10 @@ label {
8293
8244
  --bs-alert-link-color: var(--bs-white);
8294
8245
  }
8295
8246
  .alert.alert-warning {
8296
- --bs-alert-color: var(--bs-gray-900);
8247
+ --bs-alert-color: var(--bs-black);
8297
8248
  --bs-alert-bg: var(--bs-warning);
8298
8249
  --bs-alert-border-color: var(--bs-warning);
8299
- --bs-alert-link-color: var(--bs-gray-900);
8250
+ --bs-alert-link-color: var(--bs-black);
8300
8251
  }
8301
8252
  .alert.alert-danger {
8302
8253
  --bs-alert-color: var(--bs-white);
@@ -8305,10 +8256,10 @@ label {
8305
8256
  --bs-alert-link-color: var(--bs-white);
8306
8257
  }
8307
8258
  .alert.alert-light {
8308
- --bs-alert-color: var(--bs-gray-900);
8259
+ --bs-alert-color: var(--bs-gray-700);
8309
8260
  --bs-alert-bg: var(--bs-light);
8310
8261
  --bs-alert-border-color: var(--bs-light);
8311
- --bs-alert-link-color: var(--bs-gray-900);
8262
+ --bs-alert-link-color: var(--bs-gray-700);
8312
8263
  }
8313
8264
  .alert.alert-dark {
8314
8265
  --bs-alert-color: var(--bs-white);
@@ -8316,6 +8267,25 @@ label {
8316
8267
  --bs-alert-border-color: var(--bs-dark);
8317
8268
  --bs-alert-link-color: var(--bs-white);
8318
8269
  }
8270
+ .alert.alert-box {
8271
+ --bs-alert-color: var(--bs-gray-900);
8272
+ border-width: 0 0 0 5px;
8273
+ }
8274
+ .alert.alert-box.alert-box-secondary {
8275
+ --bs-alert-icon-color: var(--bs-secondary);
8276
+ --bs-alert-border-color: var(--bs-secondary);
8277
+ --bs-alert-bg: var(--bs-secondary-100);
8278
+ }
8279
+ .alert.alert-box.alert-box-white {
8280
+ --bs-alert-icon-color: var(--bs-secondary);
8281
+ --bs-alert-border-color: var(--bs-secondary);
8282
+ --bs-alert-bg: var(--bs-white);
8283
+ }
8284
+ .alert.alert-box.alert-box-info {
8285
+ --bs-alert-icon-color: var(--bs-info);
8286
+ --bs-alert-border-color: var(--bs-info);
8287
+ --bs-alert-bg: var(--bs-info-100);
8288
+ }
8319
8289
 
8320
8290
  .badge {
8321
8291
  --bs-badge-bg: var(--bs-white);
@@ -8340,7 +8310,7 @@ label {
8340
8310
  --bs-badge-bg: var(--bs-info);
8341
8311
  }
8342
8312
  .badge.badge-warning {
8343
- --bs-badge-color: var(--bs-gray-900);
8313
+ --bs-badge-color: var(--bs-black);
8344
8314
  --bs-badge-bg: var(--bs-warning);
8345
8315
  }
8346
8316
  .badge.badge-danger {
@@ -8348,7 +8318,7 @@ label {
8348
8318
  --bs-badge-bg: var(--bs-danger);
8349
8319
  }
8350
8320
  .badge.badge-light {
8351
- --bs-badge-color: var(--bs-gray-900);
8321
+ --bs-badge-color: var(--bs-gray-700);
8352
8322
  --bs-badge-bg: var(--bs-light);
8353
8323
  }
8354
8324
  .badge.badge-dark {
@@ -8375,7 +8345,7 @@ label {
8375
8345
  --bs-chip-font-size: 0.875rem;
8376
8346
  --bs-chip-font-weight: 700;
8377
8347
  --bs-chip-line-height: 1.2rem;
8378
- display: flex;
8348
+ display: inline-flex;
8379
8349
  flex-direction: row;
8380
8350
  gap: var(--bs-chip-gap);
8381
8351
  align-items: center;
@@ -9390,6 +9360,7 @@ label {
9390
9360
  --bs-datepicker-month-gap: var(--bs-ref-fs-small);
9391
9361
  --bs-datepicker-month-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4) var(--bs-ref-spacer-4);
9392
9362
  --bs-datepicker-month-margin: 0;
9363
+ --bs-datepicker-month-color: var(--bs-white);
9393
9364
  --bs-datepicker-week-gap: 1.875rem;
9394
9365
  --bs-datepicker-day-margin: 0;
9395
9366
  --bs-datepicker-day-font-size: var(--bs-ref-fs-small);
@@ -9444,6 +9415,9 @@ label {
9444
9415
  line-height: var(--bs-datepicker-day-name-size);
9445
9416
  color: var(--bs-datepicker-day-name-color);
9446
9417
  }
9418
+ .react-datepicker.d-month-picker .react-datepicker__month-container .d-icon {
9419
+ --bs-icon-component-color: var(--bs-datepicker-month-color);
9420
+ }
9447
9421
  .react-datepicker .react-datepicker__month {
9448
9422
  display: flex;
9449
9423
  flex-direction: column;
@@ -10522,7 +10496,7 @@ label {
10522
10496
  }
10523
10497
 
10524
10498
  .text-bg-warning {
10525
- color: var(--bs-gray-900) !important;
10499
+ color: var(--bs-black) !important;
10526
10500
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
10527
10501
  }
10528
10502
 
@@ -10532,7 +10506,7 @@ label {
10532
10506
  }
10533
10507
 
10534
10508
  .text-bg-light {
10535
- color: var(--bs-gray-900) !important;
10509
+ color: var(--bs-gray-700) !important;
10536
10510
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
10537
10511
  }
10538
10512