@dynamic-framework/ui-react 1.18.0 → 1.19.1

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 (72) hide show
  1. package/dist/css/dynamic-ui-non-root.css +1634 -1019
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +493 -29
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +2126 -1047
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +290 -318
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +288 -321
  10. package/dist/index.js.map +1 -1
  11. package/dist/types/components/DAvatar/DAvatar.d.ts +9 -0
  12. package/dist/types/components/DAvatar/index.d.ts +2 -0
  13. package/dist/types/components/DCarousel/DCarousel.d.ts +5 -4
  14. package/dist/types/components/DDatePicker/DDatePicker.d.ts +5 -4
  15. package/dist/types/components/DDatePickerHeader/DDatePickerHeader.d.ts +5 -4
  16. package/dist/types/components/DDatePickerInput/DDatePickerInput.d.ts +1 -0
  17. package/dist/types/components/DToastContainer/DToastContainer.d.ts +9 -7
  18. package/dist/types/components/DToastContainer/index.d.ts +1 -1
  19. package/dist/types/components/DToastContainer/{useToast.d.ts → useDToast.d.ts} +7 -4
  20. package/dist/types/components/index.d.ts +1 -1
  21. package/dist/types/components/interface.d.ts +1 -0
  22. package/dist/types/contexts/DContext.d.ts +8 -7
  23. package/dist/types/contexts/DPortalContext.d.ts +29 -0
  24. package/dist/types/contexts/index.d.ts +1 -2
  25. package/dist/types/hooks/useStackState.d.ts +1 -1
  26. package/package.json +3 -3
  27. package/src/style/abstracts/_mixins.scss +110 -94
  28. package/src/style/abstracts/_utilities.scss +46 -1
  29. package/src/style/abstracts/variables/_+import.scss +2 -0
  30. package/src/style/abstracts/variables/_accordion.scss +2 -2
  31. package/src/style/abstracts/variables/_alerts.scss +1 -1
  32. package/src/style/abstracts/variables/_cards.scss +2 -0
  33. package/src/style/abstracts/variables/_collapse-icon-text.scss +2 -2
  34. package/src/style/abstracts/variables/_forms.scss +7 -8
  35. package/src/style/abstracts/variables/_navs.scss +2 -2
  36. package/src/style/abstracts/variables/_pagination.scss +4 -4
  37. package/src/style/abstracts/variables/_progress.scss +2 -2
  38. package/src/style/abstracts/variables/_quick-action-button.scss +4 -4
  39. package/src/style/abstracts/variables/_quick-action-check.scss +4 -4
  40. package/src/style/abstracts/variables/_quick-action-select.scss +3 -3
  41. package/src/style/abstracts/variables/_quick-action-switch.scss +2 -2
  42. package/src/style/abstracts/variables/_tooltip.scss +16 -0
  43. package/src/style/abstracts/variables/_typography.scss +76 -20
  44. package/src/style/abstracts/variables/_z-index.scss +11 -0
  45. package/src/style/base/_+import.scss +7 -2
  46. package/src/style/base/_avatar.scss +61 -0
  47. package/src/style/base/_backdrop.scss +9 -0
  48. package/src/style/base/_button-group.scss +13 -0
  49. package/src/style/base/{_button.scss → _buttons.scss} +14 -48
  50. package/src/style/base/_form-check.scss +2 -1
  51. package/src/style/base/_input-group.scss +11 -6
  52. package/src/style/base/_tooltip.scss +23 -0
  53. package/src/style/base/_type.scss +104 -0
  54. package/src/style/components/_+import.scss +0 -2
  55. package/src/style/components/_d-datepicker.scss +95 -45
  56. package/src/style/components/_d-icon.scss +1 -1
  57. package/src/style/components/_d-input-pin.scss +5 -0
  58. package/src/style/components/_d-quick-action-button.scss +8 -0
  59. package/src/style/components/_d-quick-action-select.scss +2 -0
  60. package/src/style/components/_d-quick-action-switch.scss +4 -4
  61. package/src/style/components/_d-select.scss +1 -1
  62. package/src/style/components/_d-stepper-mobile.scss +3 -3
  63. package/src/style/helpers/_+import.scss +3 -1
  64. package/src/style/helpers/_colored-links.scss +70 -0
  65. package/src/style/helpers/_text-truncate.scss +8 -0
  66. package/src/style/root/_root.scss +98 -21
  67. package/dist/types/components/DMonthPicker/DMonthPicker.d.ts +0 -12
  68. package/dist/types/components/DMonthPicker/index.d.ts +0 -2
  69. package/dist/types/contexts/DModalContext.d.ts +0 -31
  70. package/dist/types/contexts/DOffcanvasContext.d.ts +0 -31
  71. package/src/style/components/_d-monthpicker.scss +0 -98
  72. package/src/style/components/_d-tooltip.scss +0 -35
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.18.0
2
+ * dynamic-framework 1.19.1
3
3
  * bootstrap ^5.3.3
4
4
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
5
5
  */
@@ -44,58 +44,33 @@ hr {
44
44
  h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
45
45
  margin-top: 0;
46
46
  margin-bottom: 0;
47
- font-weight: 700;
48
- line-height: 1.2;
47
+ font-weight: var(--bs-fw-bold);
48
+ line-height: var(--bs-heading-line-height);
49
49
  color: var(--bs-heading-color);
50
50
  }
51
51
 
52
52
  h1, .h1 {
53
- font-size: calc(1.525rem + 3.3vw);
54
- }
55
- @media (min-width: 1200px) {
56
- h1, .h1 {
57
- font-size: 4rem;
58
- }
53
+ font-size: var(--bs-fs-1);
59
54
  }
60
55
 
61
56
  h2, .h2 {
62
- font-size: calc(1.475rem + 2.7vw);
63
- }
64
- @media (min-width: 1200px) {
65
- h2, .h2 {
66
- font-size: 3.5rem;
67
- }
57
+ font-size: var(--bs-fs-2);
68
58
  }
69
59
 
70
60
  h3, .h3 {
71
- font-size: calc(1.425rem + 2.1vw);
72
- }
73
- @media (min-width: 1200px) {
74
- h3, .h3 {
75
- font-size: 3rem;
76
- }
61
+ font-size: var(--bs-fs-3);
77
62
  }
78
63
 
79
64
  h4, .h4 {
80
- font-size: calc(1.325rem + 0.9vw);
81
- }
82
- @media (min-width: 1200px) {
83
- h4, .h4 {
84
- font-size: 2rem;
85
- }
65
+ font-size: var(--bs-fs-4);
86
66
  }
87
67
 
88
68
  h5, .h5 {
89
- font-size: calc(1.275rem + 0.3vw);
90
- }
91
- @media (min-width: 1200px) {
92
- h5, .h5 {
93
- font-size: 1.5rem;
94
- }
69
+ font-size: var(--bs-fs-5);
95
70
  }
96
71
 
97
72
  h6, .h6 {
98
- font-size: 1.125rem;
73
+ font-size: var(--bs-fs-6);
99
74
  }
100
75
 
101
76
  p {
@@ -137,7 +112,7 @@ ul ol {
137
112
  }
138
113
 
139
114
  dt {
140
- font-weight: 700;
115
+ font-weight: var(--bs-fw-bold);
141
116
  }
142
117
 
143
118
  dd {
@@ -151,11 +126,11 @@ blockquote {
151
126
 
152
127
  b,
153
128
  strong {
154
- font-weight: 800;
129
+ font-weight: var(--bs-fw-bolder);
155
130
  }
156
131
 
157
132
  small, .small {
158
- font-size: 0.875rem;
133
+ font-size: var(--bs-fs-small);
159
134
  }
160
135
 
161
136
  mark, .mark {
@@ -207,7 +182,7 @@ pre {
207
182
  margin-top: 0;
208
183
  margin-bottom: 1rem;
209
184
  overflow: auto;
210
- font-size: 0.875rem;
185
+ font-size: var(--bs-fs-small);
211
186
  }
212
187
  pre code {
213
188
  font-size: inherit;
@@ -216,7 +191,7 @@ pre code {
216
191
  }
217
192
 
218
193
  code {
219
- font-size: 0.875rem;
194
+ font-size: var(--bs-fs-small);
220
195
  color: var(--bs-code-color);
221
196
  word-wrap: break-word;
222
197
  }
@@ -226,7 +201,7 @@ a > code {
226
201
 
227
202
  kbd {
228
203
  padding: 0.1875rem 0.375rem;
229
- font-size: 0.875rem;
204
+ font-size: var(--bs-fs-small);
230
205
  color: var(--bs-body-bg);
231
206
  background-color: var(--bs-body-color);
232
207
  border-radius: 0.5rem;
@@ -428,117 +403,6 @@ progress {
428
403
  display: none !important;
429
404
  }
430
405
 
431
- .lead {
432
- font-size: 1.25rem;
433
- font-weight: 400;
434
- }
435
-
436
- .display-1 {
437
- font-size: calc(1.875rem + 7.5vw);
438
- font-weight: 400;
439
- line-height: 1.2;
440
- }
441
- @media (min-width: 1200px) {
442
- .display-1 {
443
- font-size: 7.5rem;
444
- }
445
- }
446
-
447
- .display-2 {
448
- font-size: calc(1.575rem + 3.9vw);
449
- font-weight: 400;
450
- line-height: 1.2;
451
- }
452
- @media (min-width: 1200px) {
453
- .display-2 {
454
- font-size: 4.5rem;
455
- }
456
- }
457
-
458
- .display-3 {
459
- font-size: calc(1.525rem + 3.3vw);
460
- font-weight: 400;
461
- line-height: 1.2;
462
- }
463
- @media (min-width: 1200px) {
464
- .display-3 {
465
- font-size: 4rem;
466
- }
467
- }
468
-
469
- .display-4 {
470
- font-size: calc(1.475rem + 2.7vw);
471
- font-weight: 400;
472
- line-height: 1.2;
473
- }
474
- @media (min-width: 1200px) {
475
- .display-4 {
476
- font-size: 3.5rem;
477
- }
478
- }
479
-
480
- .display-5 {
481
- font-size: calc(1.425rem + 2.1vw);
482
- font-weight: 400;
483
- line-height: 1.2;
484
- }
485
- @media (min-width: 1200px) {
486
- .display-5 {
487
- font-size: 3rem;
488
- }
489
- }
490
-
491
- .display-6 {
492
- font-size: calc(1.375rem + 1.5vw);
493
- font-weight: 400;
494
- line-height: 1.2;
495
- }
496
- @media (min-width: 1200px) {
497
- .display-6 {
498
- font-size: 2.5rem;
499
- }
500
- }
501
-
502
- .list-unstyled {
503
- padding-left: 0;
504
- list-style: none;
505
- }
506
-
507
- .list-inline {
508
- padding-left: 0;
509
- list-style: none;
510
- }
511
-
512
- .list-inline-item {
513
- display: inline-block;
514
- }
515
- .list-inline-item:not(:last-child) {
516
- margin-right: 0.5rem;
517
- }
518
-
519
- .initialism {
520
- font-size: 0.875rem;
521
- text-transform: uppercase;
522
- }
523
-
524
- .blockquote {
525
- margin-bottom: var(--bs-ref-spacer-4);
526
- font-size: 1.25rem;
527
- }
528
- .blockquote > :last-child {
529
- margin-bottom: 0;
530
- }
531
-
532
- .blockquote-footer {
533
- margin-top: -var(--bs-ref-spacer-4);
534
- margin-bottom: var(--bs-ref-spacer-4);
535
- font-size: 0.875rem;
536
- color: var(--bs-gray-600);
537
- }
538
- .blockquote-footer::before {
539
- content: "— ";
540
- }
541
-
542
406
  .img-fluid {
543
407
  max-width: 100%;
544
408
  height: auto;
@@ -564,7 +428,7 @@ progress {
564
428
  }
565
429
 
566
430
  .figure-caption {
567
- font-size: 0.875rem;
431
+ font-size: var(--bs-fs-small);
568
432
  color: var(--bs-secondary-color);
569
433
  }
570
434
 
@@ -2405,8 +2269,8 @@ progress {
2405
2269
 
2406
2270
  .form-label {
2407
2271
  margin-bottom: 0;
2408
- font-size: var(--bs-ref-fs-small);
2409
- font-weight: var(--bs-ref-fw-bold);
2272
+ font-size: var(--bs-fs-small);
2273
+ font-weight: var(--bs-fw-bold);
2410
2274
  color: var(--bs-gray);
2411
2275
  }
2412
2276
 
@@ -2415,7 +2279,7 @@ progress {
2415
2279
  padding-bottom: calc(0.75rem + var(--bs-border-width));
2416
2280
  margin-bottom: 0;
2417
2281
  font-size: inherit;
2418
- font-weight: var(--bs-ref-fw-bold);
2282
+ font-weight: var(--bs-fw-bold);
2419
2283
  line-height: 1.5;
2420
2284
  color: var(--bs-gray);
2421
2285
  }
@@ -2429,12 +2293,12 @@ progress {
2429
2293
  .col-form-label-sm {
2430
2294
  padding-top: calc(0.25rem + var(--bs-border-width));
2431
2295
  padding-bottom: calc(0.25rem + var(--bs-border-width));
2432
- font-size: 0.875rem;
2296
+ font-size: var(--bs-fs-small);
2433
2297
  }
2434
2298
 
2435
2299
  .form-text {
2436
2300
  margin-top: 0.5rem;
2437
- font-size: 0.875rem;
2301
+ font-size: var(--bs-fs-small);
2438
2302
  color: var(--bs-gray);
2439
2303
  }
2440
2304
 
@@ -2443,15 +2307,15 @@ progress {
2443
2307
  width: 100%;
2444
2308
  padding: 0.75rem 1rem;
2445
2309
  font-size: 1rem;
2446
- font-weight: 400;
2310
+ font-weight: var(--bs-fw-normal);
2447
2311
  line-height: 1.5;
2448
- color: var(--bs-gray);
2312
+ color: var(--bs-gray-900);
2449
2313
  -webkit-appearance: none;
2450
2314
  -moz-appearance: none;
2451
2315
  appearance: none;
2452
2316
  background-color: var(--bs-white);
2453
2317
  background-clip: padding-box;
2454
- border: var(--bs-border-width) solid var(--bs-border-color);
2318
+ border: var(--bs-border-width) solid var(--bs-gray-300);
2455
2319
  border-radius: var(--bs-border-radius-sm);
2456
2320
  box-shadow: 0 0 0 transparent;
2457
2321
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2468,7 +2332,7 @@ progress {
2468
2332
  cursor: pointer;
2469
2333
  }
2470
2334
  .form-control:focus {
2471
- color: var(--bs-gray);
2335
+ color: var(--bs-gray-900);
2472
2336
  background-color: var(--bs-white);
2473
2337
  border-color: var(--bs-focus-ring-color);
2474
2338
  outline: 0;
@@ -2502,7 +2366,7 @@ progress {
2502
2366
  margin: -0.75rem -1rem;
2503
2367
  -webkit-margin-end: 1rem;
2504
2368
  margin-inline-end: 1rem;
2505
- color: var(--bs-gray);
2369
+ color: var(--bs-gray-900);
2506
2370
  background-color: var(--bs-white);
2507
2371
  pointer-events: none;
2508
2372
  border-color: inherit;
@@ -2518,7 +2382,7 @@ progress {
2518
2382
  margin: -0.75rem -1rem;
2519
2383
  -webkit-margin-end: 1rem;
2520
2384
  margin-inline-end: 1rem;
2521
- color: var(--bs-gray);
2385
+ color: var(--bs-gray-900);
2522
2386
  background-color: var(--bs-white);
2523
2387
  pointer-events: none;
2524
2388
  border-color: inherit;
@@ -2566,7 +2430,7 @@ progress {
2566
2430
  .form-control-sm {
2567
2431
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2568
2432
  padding: 0.25rem 0.5rem;
2569
- font-size: 0.875rem;
2433
+ font-size: var(--bs-fs-small);
2570
2434
  border-radius: var(--bs-border-radius-sm);
2571
2435
  }
2572
2436
  .form-control-sm::-webkit-file-upload-button {
@@ -2640,9 +2504,9 @@ textarea.form-control-lg {
2640
2504
  width: 100%;
2641
2505
  padding: 0.75rem 3rem 0.75rem 1rem;
2642
2506
  font-size: 1rem;
2643
- font-weight: 400;
2507
+ font-weight: var(--bs-fw-normal);
2644
2508
  line-height: 1.5;
2645
- color: var(--bs-gray);
2509
+ color: var(--bs-gray-900);
2646
2510
  -webkit-appearance: none;
2647
2511
  -moz-appearance: none;
2648
2512
  appearance: none;
@@ -2651,7 +2515,7 @@ textarea.form-control-lg {
2651
2515
  background-repeat: no-repeat;
2652
2516
  background-position: right 1rem center;
2653
2517
  background-size: 24px;
2654
- border: var(--bs-border-width) solid var(--bs-border-color);
2518
+ border: var(--bs-border-width) solid var(--bs-gray-300);
2655
2519
  border-radius: var(--bs-border-radius-sm);
2656
2520
  box-shadow: none;
2657
2521
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2677,14 +2541,14 @@ textarea.form-control-lg {
2677
2541
  }
2678
2542
  .form-select:-moz-focusring {
2679
2543
  color: transparent;
2680
- text-shadow: 0 0 0 var(--bs-gray);
2544
+ text-shadow: 0 0 0 var(--bs-gray-900);
2681
2545
  }
2682
2546
 
2683
2547
  .form-select-sm {
2684
2548
  padding-top: 0.25rem;
2685
2549
  padding-bottom: 0.25rem;
2686
2550
  padding-left: 0.5rem;
2687
- font-size: 0.875rem;
2551
+ font-size: var(--bs-fs-small);
2688
2552
  border-radius: var(--bs-border-radius-sm);
2689
2553
  }
2690
2554
 
@@ -2698,9 +2562,9 @@ textarea.form-control-lg {
2698
2562
 
2699
2563
  .form-check {
2700
2564
  display: block;
2701
- min-height: 2.25rem;
2565
+ min-height: 1.5em;
2702
2566
  padding-left: 0.75em;
2703
- margin-bottom: 0.1875rem;
2567
+ margin-bottom: 0.125rem;
2704
2568
  }
2705
2569
  .form-check .form-check-input {
2706
2570
  float: left;
@@ -2765,16 +2629,16 @@ textarea.form-control-lg {
2765
2629
  .form-check-input[type=checkbox]:indeterminate {
2766
2630
  background-color: var(--bs-focus-ring-color);
2767
2631
  border-color: var(--bs-focus-ring-color);
2768
- --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%234848b7' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
2632
+ --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
2769
2633
  }
2770
2634
  .form-check-input:disabled {
2771
2635
  pointer-events: none;
2772
2636
  filter: none;
2773
- opacity: 1;
2637
+ opacity: 0.5;
2774
2638
  }
2775
2639
  .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
2776
2640
  cursor: default;
2777
- opacity: 1;
2641
+ opacity: 0.5;
2778
2642
  }
2779
2643
 
2780
2644
  .form-switch {
@@ -3062,9 +2926,9 @@ textarea.form-control-lg {
3062
2926
  align-items: center;
3063
2927
  padding: 0.75rem 1rem;
3064
2928
  font-size: 1rem;
3065
- font-weight: 400;
2929
+ font-weight: var(--bs-fw-normal);
3066
2930
  line-height: 1.5;
3067
- color: var(--bs-gray);
2931
+ color: var(--bs-gray-900);
3068
2932
  text-align: center;
3069
2933
  white-space: nowrap;
3070
2934
  background-color: var(--bs-white);
@@ -3086,7 +2950,7 @@ textarea.form-control-lg {
3086
2950
  .input-group-sm > .input-group-text,
3087
2951
  .input-group-sm > .btn {
3088
2952
  padding: 0.25rem 0.5rem;
3089
- font-size: 0.875rem;
2953
+ font-size: var(--bs-fs-small);
3090
2954
  border-radius: var(--bs-border-radius-sm);
3091
2955
  }
3092
2956
 
@@ -3124,7 +2988,7 @@ textarea.form-control-lg {
3124
2988
  display: none;
3125
2989
  width: 100%;
3126
2990
  margin-top: 0.5rem;
3127
- font-size: 0.875rem;
2991
+ font-size: var(--bs-fs-small);
3128
2992
  color: var(--bs-form-valid-color);
3129
2993
  }
3130
2994
 
@@ -3134,12 +2998,12 @@ textarea.form-control-lg {
3134
2998
  z-index: 5;
3135
2999
  display: none;
3136
3000
  max-width: 100%;
3137
- padding: 0.25rem 0.5rem;
3001
+ padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
3138
3002
  margin-top: 0.1rem;
3139
- font-size: 0.875rem;
3003
+ font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
3140
3004
  color: var(--bs-white);
3141
3005
  background-color: var(--bs-success);
3142
- border-radius: var(--bs-border-radius);
3006
+ border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
3143
3007
  }
3144
3008
 
3145
3009
  .was-validated :valid ~ .valid-feedback,
@@ -3194,7 +3058,7 @@ textarea.form-control-lg {
3194
3058
  display: none;
3195
3059
  width: 100%;
3196
3060
  margin-top: 0.5rem;
3197
- font-size: 0.875rem;
3061
+ font-size: var(--bs-fs-small);
3198
3062
  color: var(--bs-form-invalid-color);
3199
3063
  }
3200
3064
 
@@ -3204,12 +3068,12 @@ textarea.form-control-lg {
3204
3068
  z-index: 5;
3205
3069
  display: none;
3206
3070
  max-width: 100%;
3207
- padding: 0.25rem 0.5rem;
3071
+ padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
3208
3072
  margin-top: 0.1rem;
3209
- font-size: 0.875rem;
3073
+ font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
3210
3074
  color: var(--bs-white);
3211
3075
  background-color: var(--bs-danger);
3212
- border-radius: var(--bs-border-radius);
3076
+ border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
3213
3077
  }
3214
3078
 
3215
3079
  .was-validated :invalid ~ .invalid-feedback,
@@ -3520,7 +3384,7 @@ textarea.form-control-lg {
3520
3384
  width: 100%;
3521
3385
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
3522
3386
  clear: both;
3523
- font-weight: 400;
3387
+ font-weight: var(--bs-fw-normal);
3524
3388
  color: var(--bs-dropdown-link-color);
3525
3389
  text-align: inherit;
3526
3390
  white-space: nowrap;
@@ -3552,7 +3416,7 @@ textarea.form-control-lg {
3552
3416
  display: block;
3553
3417
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
3554
3418
  margin-bottom: 0;
3555
- font-size: 0.875rem;
3419
+ font-size: var(--bs-fs-small);
3556
3420
  color: var(--bs-dropdown-header-color);
3557
3421
  white-space: nowrap;
3558
3422
  }
@@ -3689,7 +3553,7 @@ textarea.form-control-lg {
3689
3553
  --bs-nav-link-padding-x: 1rem;
3690
3554
  --bs-nav-link-padding-y: 0.5rem;
3691
3555
  --bs-nav-link-font-size: var(--bs-body-font-size);
3692
- --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
3556
+ --bs-nav-link-font-weight: var(--bs-fw-normal);
3693
3557
  --bs-nav-link-color: var(--bs-gray-500);
3694
3558
  --bs-nav-link-hover-color: var(--bs-secondary-600);
3695
3559
  --bs-nav-link-disabled-color: var(--bs-gray-200);
@@ -3791,7 +3655,7 @@ textarea.form-control-lg {
3791
3655
  }
3792
3656
  .nav-underline .nav-link.active,
3793
3657
  .nav-underline .show > .nav-link {
3794
- font-weight: 700;
3658
+ font-weight: var(--bs-fw-bold);
3795
3659
  color: var(--bs-nav-underline-link-active-color);
3796
3660
  border-bottom-color: currentcolor;
3797
3661
  }
@@ -3878,7 +3742,7 @@ textarea.form-control-lg {
3878
3742
  --bs-nav-link-padding-x: 0;
3879
3743
  --bs-nav-link-padding-y: 0.5rem;
3880
3744
  --bs-nav-link-font-size: var(--bs-body-font-size);
3881
- --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
3745
+ --bs-nav-link-font-weight: var(--bs-fw-normal);
3882
3746
  --bs-nav-link-color: var(--bs-navbar-color);
3883
3747
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
3884
3748
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
@@ -4252,8 +4116,8 @@ textarea.form-control-lg {
4252
4116
  }
4253
4117
 
4254
4118
  .card {
4255
- --bs-card-spacer-y: 1rem;
4256
- --bs-card-spacer-x: 1rem;
4119
+ --bs-card-spacer-y: 1.5rem;
4120
+ --bs-card-spacer-x: 1.5rem;
4257
4121
  --bs-card-title-spacer-y: 0.5rem;
4258
4122
  --bs-card-title-color: ;
4259
4123
  --bs-card-subtitle-color: ;
@@ -4262,8 +4126,8 @@ textarea.form-control-lg {
4262
4126
  --bs-card-border-radius: var(--bs-border-radius);
4263
4127
  --bs-card-box-shadow: var(--bs-box-shadow-sm);
4264
4128
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 0px);
4265
- --bs-card-cap-padding-y: 0.5rem;
4266
- --bs-card-cap-padding-x: 1rem;
4129
+ --bs-card-cap-padding-y: 0.75rem;
4130
+ --bs-card-cap-padding-x: 1.5rem;
4267
4131
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
4268
4132
  --bs-card-cap-color: ;
4269
4133
  --bs-card-height: ;
@@ -4688,16 +4552,16 @@ textarea.form-control-lg {
4688
4552
  }
4689
4553
 
4690
4554
  .pagination-lg {
4691
- --bs-pagination-padding-x: var(--bs-ref-spacer-2);
4692
- --bs-pagination-padding-y: var(--bs-ref-spacer-2);
4555
+ --bs-pagination-padding-x: var(--bs-ref-spacer-1);
4556
+ --bs-pagination-padding-y: var(--bs-ref-spacer-1);
4693
4557
  --bs-pagination-font-size: 1.125rem;
4694
4558
  --bs-pagination-border-radius: 2.5rem;
4695
4559
  }
4696
4560
 
4697
4561
  .pagination-sm {
4698
- --bs-pagination-padding-x: var(--bs-ref-spacer-1);
4699
- --bs-pagination-padding-y: var(--bs-ref-spacer-1);
4700
- --bs-pagination-font-size: 0.875rem;
4562
+ --bs-pagination-padding-x: var(--bs-ref-spacer-0);
4563
+ --bs-pagination-padding-y: var(--bs-ref-spacer-0);
4564
+ --bs-pagination-font-size: var(--bs-fs-small);
4701
4565
  --bs-pagination-border-radius: 1.5rem;
4702
4566
  }
4703
4567
 
@@ -4725,7 +4589,7 @@ textarea.form-control-lg {
4725
4589
  }
4726
4590
 
4727
4591
  .alert-link {
4728
- font-weight: var(--bs-ref-fw-bold);
4592
+ font-weight: var(--bs-fw-bold);
4729
4593
  color: var(--bs-alert-link-color);
4730
4594
  }
4731
4595
 
@@ -4804,7 +4668,7 @@ textarea.form-control-lg {
4804
4668
  .progress,
4805
4669
  .progress-stacked {
4806
4670
  --bs-progress-height: 1rem;
4807
- --bs-progress-font-size: var(--bs-ref-fs-small);
4671
+ --bs-progress-font-size: var(--bs-fs-small);
4808
4672
  --bs-progress-bg: var(--bs-secondary-100);
4809
4673
  --bs-progress-border-radius: var(--bs-border-radius-pill);
4810
4674
  --bs-progress-box-shadow: none;
@@ -5605,15 +5469,15 @@ textarea.form-control-lg {
5605
5469
  }
5606
5470
  .tooltip {
5607
5471
  --bs-tooltip-zindex: 1080;
5608
- --bs-tooltip-max-width: 200px;
5609
- --bs-tooltip-padding-x: 0.5rem;
5610
- --bs-tooltip-padding-y: 0.25rem;
5472
+ --bs-tooltip-max-width: var(--bs-tooltip-component-max-width, 300px);
5473
+ --bs-tooltip-padding-x: var(--bs-ref-spacer-2);
5474
+ --bs-tooltip-padding-y: var(--bs-ref-spacer-1);
5611
5475
  --bs-tooltip-margin: ;
5612
- --bs-tooltip-font-size: 0.875rem;
5613
- --bs-tooltip-color: var(--bs-body-bg);
5614
- --bs-tooltip-bg: var(--bs-emphasis-color);
5615
- --bs-tooltip-border-radius: var(--bs-border-radius);
5616
- --bs-tooltip-opacity: 0.9;
5476
+ --bs-tooltip-font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
5477
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-body-bg));
5478
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-emphasis-color));
5479
+ --bs-tooltip-border-radius: var(--bs-tooltip-component-border-radius, var(--bs-ref-spacer-1));
5480
+ --bs-tooltip-opacity: 1;
5617
5481
  --bs-tooltip-arrow-width: 0.8rem;
5618
5482
  --bs-tooltip-arrow-height: 0.4rem;
5619
5483
  z-index: var(--bs-tooltip-zindex);
@@ -5621,7 +5485,7 @@ textarea.form-control-lg {
5621
5485
  margin: var(--bs-tooltip-margin);
5622
5486
  font-family: var(--bs-font-sans-serif);
5623
5487
  font-style: normal;
5624
- font-weight: 400;
5488
+ font-weight: var(--bs-fw-normal);
5625
5489
  line-height: 1.5;
5626
5490
  text-align: left;
5627
5491
  text-align: start;
@@ -5708,7 +5572,7 @@ textarea.form-control-lg {
5708
5572
  .popover {
5709
5573
  --bs-popover-zindex: 1070;
5710
5574
  --bs-popover-max-width: 276px;
5711
- --bs-popover-font-size: 0.875rem;
5575
+ --bs-popover-font-size: var(--bs-fs-small);
5712
5576
  --bs-popover-bg: var(--bs-body-bg);
5713
5577
  --bs-popover-border-width: var(--bs-border-width);
5714
5578
  --bs-popover-border-color: var(--bs-border-color-translucent);
@@ -5731,7 +5595,7 @@ textarea.form-control-lg {
5731
5595
  max-width: var(--bs-popover-max-width);
5732
5596
  font-family: var(--bs-font-sans-serif);
5733
5597
  font-style: normal;
5734
- font-weight: 400;
5598
+ font-weight: var(--bs-fw-normal);
5735
5599
  line-height: 1.5;
5736
5600
  text-align: left;
5737
5601
  text-align: start;
@@ -6121,7 +5985,7 @@ textarea.form-control-lg {
6121
5985
  }
6122
5986
  }
6123
5987
  .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
6124
- --bs-offcanvas-zindex: 1045;
5988
+ --bs-offcanvas-zindex: 1055;
6125
5989
  --bs-offcanvas-width: 400px;
6126
5990
  --bs-offcanvas-height: 30vh;
6127
5991
  --bs-offcanvas-padding-x: var(--bs-ref-spacer-6);
@@ -6592,7 +6456,7 @@ textarea.form-control-lg {
6592
6456
  position: fixed;
6593
6457
  top: 0;
6594
6458
  left: 0;
6595
- z-index: 1040;
6459
+ z-index: 1050;
6596
6460
  width: 100vw;
6597
6461
  height: 100vh;
6598
6462
  background-color: var(--bs-black);
@@ -6677,7 +6541,7 @@ textarea.form-control-lg {
6677
6541
  --bs-badge-padding-x: var(--bs-ref-spacer-2);
6678
6542
  --bs-badge-padding-y: var(--bs-ref-spacer-1);
6679
6543
  --bs-badge-font-size: var(--bs-body-font-size);
6680
- --bs-badge-font-weight: 400;
6544
+ --bs-badge-font-weight: var(--bs-fw-normal);
6681
6545
  --bs-badge-color: var(--bs-gray-900);
6682
6546
  --bs-badge-border-radius: var(--bs-border-radius-sm);
6683
6547
  display: inline-block;
@@ -6700,13 +6564,64 @@ textarea.form-control-lg {
6700
6564
  top: -1px;
6701
6565
  }
6702
6566
 
6567
+ .lead {
6568
+ font-size: 1.25rem;
6569
+ font-weight: var(--bs-fw-normal);
6570
+ }
6571
+
6572
+ [class*=display-] {
6573
+ font-size: var(--bs-display-font-size);
6574
+ font-weight: var(--bs-fw-normal);
6575
+ line-height: var(--bs-heading-line-height);
6576
+ }
6577
+
6578
+ .list-unstyled {
6579
+ padding-left: 0;
6580
+ list-style: none;
6581
+ }
6582
+
6583
+ .list-inline {
6584
+ padding-left: 0;
6585
+ list-style: none;
6586
+ }
6587
+
6588
+ .list-inline-item {
6589
+ display: inline-block;
6590
+ }
6591
+ .list-inline-item:not(:last-child) {
6592
+ margin-right: 0.5rem;
6593
+ }
6594
+
6595
+ .initialism {
6596
+ font-size: var(--bs-fs-small);
6597
+ text-transform: uppercase;
6598
+ }
6599
+
6600
+ .blockquote {
6601
+ margin-bottom: var(--bs-ref-spacer-4);
6602
+ font-size: 1.25rem;
6603
+ }
6604
+ .blockquote > :last-child {
6605
+ margin-bottom: 0;
6606
+ }
6607
+
6608
+ .blockquote-footer {
6609
+ margin-top: -var(--bs-ref-spacer-4);
6610
+ margin-bottom: var(--bs-ref-spacer-4);
6611
+ font-size: var(--bs-fs-small);
6612
+ color: var(--bs-gray-600);
6613
+ }
6614
+ .blockquote-footer::before {
6615
+ content: "— ";
6616
+ }
6617
+
6703
6618
  body {
6704
6619
  -webkit-font-smoothing: antialiased;
6705
6620
  }
6706
6621
 
6707
6622
  .accordion {
6708
- --bs-accordion-btn-font-weight: var(--bs-ref-fw-bold);
6709
- --bs-accordion-btn-font-size: var(--bs-ref-fs-6);
6623
+ --bs-accordion-btn-font-weight: var(--bs-fw-bold);
6624
+ --bs-accordion-btn-font-size: var(--bs-fs-6);
6710
6625
  --bs-accordion-body-padding-top: var(--bs-ref-spacer-4);
6711
6626
  }
6712
6627
  .accordion .accordion-button {
@@ -6775,9 +6690,10 @@ body {
6775
6690
  .form-check-input:checked {
6776
6691
  border-color: var(--bs-focus-ring-color);
6777
6692
  }
6778
- .form-check-input:disabled {
6693
+ .form-check-input:disabled:not(:checked, :indeterminate) {
6779
6694
  background-color: var(--bs-gray-100);
6780
6695
  border-color: var(--bs-gray-300);
6696
+ opacity: 1;
6781
6697
  }
6782
6698
 
6783
6699
  .form-control {
@@ -6802,14 +6718,14 @@ body {
6802
6718
  color: var(--bs-form-text-color);
6803
6719
  }
6804
6720
 
6721
+ .input-group-text + .form-control {
6722
+ padding-left: 0;
6723
+ }
6724
+
6805
6725
  .input-group > .form-select,
6806
6726
  .input-group > .form-control {
6807
6727
  border: 0;
6808
6728
  }
6809
- .input-group > .form-select:not(:first-child),
6810
- .input-group > .form-control:not(:first-child) {
6811
- padding-left: 0;
6812
- }
6813
6729
  .input-group > .form-select:focus,
6814
6730
  .input-group > .form-control:focus {
6815
6731
  border: 0;
@@ -6821,7 +6737,7 @@ body {
6821
6737
  background-position: right 0 center;
6822
6738
  }
6823
6739
 
6824
- .input-group > .form-control:not(:last-child) {
6740
+ .form-control:has(~ .input-group-text) {
6825
6741
  padding-right: 0;
6826
6742
  }
6827
6743
 
@@ -6850,7 +6766,7 @@ body {
6850
6766
  }
6851
6767
 
6852
6768
  .input-group {
6853
- --bs-input-border-color: var(--bs-border-color);
6769
+ --bs-input-border-color: var(--bs-gray-300);
6854
6770
  --bs-input-border-width: var(--bs-border-width);
6855
6771
  --bs-input-border-radius: var(--bs-border-radius-sm);
6856
6772
  --bs-input-focus-border-color: var(--bs-focus-ring-color);
@@ -6898,13 +6814,17 @@ body {
6898
6814
  .input-group button:disabled .d-icon {
6899
6815
  --bs-icon-color: var(--bs-input-disabled-color);
6900
6816
  }
6817
+ .input-group > .btn {
6818
+ --bs-btn-border-radius: var(--bs-input-border-radius);
6819
+ margin: -1px;
6820
+ }
6901
6821
 
6902
6822
  .btn {
6903
6823
  --bs-btn-padding-x: 2rem;
6904
6824
  --bs-btn-padding-y: 0.75rem;
6905
6825
  --bs-btn-font-family: ;
6906
6826
  --bs-btn-font-size: 1rem;
6907
- --bs-btn-font-weight: 400;
6827
+ --bs-btn-font-weight: var(--bs-fw-normal);
6908
6828
  --bs-btn-line-height: 1;
6909
6829
  --bs-btn-color: var(--bs-body-color);
6910
6830
  --bs-btn-bg: transparent;
@@ -6917,10 +6837,10 @@ body {
6917
6837
  --bs-btn–text-decoration: if($link-decoration == none, null, none);
6918
6838
  --bs-btn-lg-padding-y: 1rem;
6919
6839
  --bs-btn-lg-padding-x: 2rem;
6920
- --bs-btn-lg-font-size: 1.125rem;
6840
+ --bs-btn-lg-font-size: var(--bs-fs-6);
6921
6841
  --bs-btn-sm-padding-y: 0.5rem;
6922
6842
  --bs-btn-sm-padding-x: 1rem;
6923
- --bs-btn-sm-font-size: 0.875rem;
6843
+ --bs-btn-sm-font-size: var(--bs-fs-small);
6924
6844
  display: inline-flex;
6925
6845
  flex-direction: row;
6926
6846
  gap: var(--bs-btn-gap, 0.5rem);
@@ -6965,10 +6885,12 @@ body {
6965
6885
  background-color: var(--bs-btn-bg);
6966
6886
  border-color: var(--bs-btn-border-color);
6967
6887
  }
6968
- .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
6888
+ .btn-check:focus-visible + .btn, .btn:focus-visible:not(:hover), .btn.focus-visible:not(:hover) {
6969
6889
  color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
6970
6890
  background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
6971
6891
  border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
6892
+ }
6893
+ .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
6972
6894
  outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
6973
6895
  outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
6974
6896
  }
@@ -6994,589 +6916,579 @@ body {
6994
6916
  }
6995
6917
 
6996
6918
  .btn-primary {
6997
- --bs-btn-color: var(--bs-white);
6998
- --bs-btn-bg: var(--bs-primary-500);
6999
- --bs-btn-border-color: var(--bs-primary-500);
7000
- --bs-btn-hover-color: var(--bs-white);
7001
- --bs-btn-hover-bg: var(--bs-primary-600);
7002
- --bs-btn-hover-border-color: var(--bs-primary-600);
7003
- --bs-btn-focus-color: var(--bs-white);
7004
- --bs-btn-focus-bg: var(--bs-primary-600);
7005
- --bs-btn-focus-border-color: var(--bs-primary-600);
7006
- --bs-btn-active-color: var(--bs-white);
7007
- --bs-btn-active-bg: var(--bs-primary-700);
7008
- --bs-btn-active-border-color: var(--bs-primary-700);
7009
- --bs-btn-disabled-color: var(--bs-gray-700);
7010
- --bs-btn-disabled-bg: var(--bs-primary-100);
7011
- --bs-btn-disabled-border-color: var(--bs-primary-100);
6919
+ --bs-btn-color: var(--bs-btn-primary-color);
6920
+ --bs-btn-bg: var(--bs-btn-primary-bg);
6921
+ --bs-btn-border-color: var(--bs-btn-primary-border-color);
6922
+ --bs-btn-hover-color: var(--bs-btn-primary-hover-color);
6923
+ --bs-btn-hover-bg: var(--bs-btn-primary-hover-bg);
6924
+ --bs-btn-hover-border-color: var(--bs-btn-primary-hover-border-color);
6925
+ --bs-btn-focus-color: var(--bs-btn-primary-focus-color);
6926
+ --bs-btn-focus-bg: var(--bs-btn-primary-focus-bg);
6927
+ --bs-btn-focus-border-color: var(--bs-btn-primary-focus-border-color);
6928
+ --bs-btn-active-color: var(--bs-btn-primary-active-color);
6929
+ --bs-btn-active-bg: var(--bs-btn-primary-active-bg);
6930
+ --bs-btn-active-border-color: var(--bs-btn-primary-active-border-color);
6931
+ --bs-btn-disabled-color: var(--bs-btn-primary-disabled-color);
6932
+ --bs-btn-disabled-bg: var(--bs-btn-primary-disabled-bg);
6933
+ --bs-btn-disabled-border-color: var(--bs-btn-primary-disabled-border-color);
6934
+ --bs-btn-disabled-opacity: var(--bs-btn-primary-disabled-opacity);
7012
6935
  }
7013
6936
  .btn-primary.loading {
7014
- --bs-btn-disabled-opacity: 1;
7015
- --bs-btn-disabled-bg: var(--bs-primary-700);
7016
- --bs-btn-disabled-border-color: var(--bs-primary-700);
7017
- --bs-btn-disabled-color: var(--bs-white);
6937
+ --bs-btn-disabled-color: var(--bs-btn-primary-active-color);
6938
+ --bs-btn-disabled-bg: var(--bs-btn-primary-active-bg);
6939
+ --bs-btn-disabled-border-color: var(--bs-btn-primary-active-border-color);
7018
6940
  }
7019
6941
 
7020
6942
  .btn-outline-primary {
7021
- --bs-btn-bg: transparent;
7022
- --bs-btn-border-color: var(--bs-primary-500);
7023
- --bs-btn-color: var(--bs-primary-500);
7024
- --bs-btn-hover-bg: var(--bs-primary-100);
7025
- --bs-btn-hover-border-color: var(--bs-primary-500);
7026
- --bs-btn-hover-color: var(--bs-primary-500);
7027
- --bs-btn-focus-bg: var(--bs-primary-100);
7028
- --bs-btn-focus-border-color: var(--bs-primary-500);
7029
- --bs-btn-focus-color: var(--bs-primary-500);
7030
- --bs-btn-active-bg: var(--bs-primary-200);
7031
- --bs-btn-active-border-color: var(--bs-primary-500);
7032
- --bs-btn-active-color: var(--bs-primary-500);
7033
- --bs-btn-disabled-bg: transparent;
7034
- --bs-btn-disabled-border-color: var(--bs-primary-100);
7035
- --bs-btn-disabled-color: var(--bs-gray-700);
7036
- --bs-gradient: none;
6943
+ --bs-btn-color: var(--bs-btn-outline-primary-color);
6944
+ --bs-btn-bg: var(--bs-btn-outline-primary-bg);
6945
+ --bs-btn-border-color: var(--bs-btn-outline-primary-border-color);
6946
+ --bs-btn-hover-color: var(--bs-btn-outline-primary-hover-color);
6947
+ --bs-btn-hover-bg: var(--bs-btn-outline-primary-hover-bg);
6948
+ --bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border-color);
6949
+ --bs-btn-focus-color: var(--bs-btn-outline-primary-focus-color);
6950
+ --bs-btn-focus-bg: var(--bs-btn-outline-primary-focus-bg);
6951
+ --bs-btn-focus-border-color: var(--bs-btn-outline-primary-focus-border-color);
6952
+ --bs-btn-active-color: var(--bs-btn-outline-primary-active-color);
6953
+ --bs-btn-active-bg: var(--bs-btn-outline-primary-active-bg);
6954
+ --bs-btn-active-border-color: var(--bs-btn-outline-primary-active-border-color);
6955
+ --bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
6956
+ --bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
6957
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
6958
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-primary-disabled-opacity);
7037
6959
  }
7038
6960
  .btn-outline-primary.loading {
7039
- --bs-btn-disabled-opacity: 1;
7040
- --bs-btn-disabled-bg: transparent;
7041
- --bs-btn-disabled-border-color: var(--bs-primary-500);
7042
- --bs-btn-disabled-color: var(--bs-primary-500);
6961
+ --bs-btn-disabled-color: var(--bs-btn-outline-primary-active-color);
6962
+ --bs-btn-disabled-bg: var(--bs-btn-outline-primary-active-bg);
6963
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-active-border-color);
7043
6964
  }
7044
6965
 
7045
6966
  .btn-link-primary {
7046
- --bs-btn-bg: transparent;
7047
- --bs-btn-border-color: transparent;
7048
- --bs-btn-color: var(--bs-primary-600);
7049
- --bs-btn-hover-bg: var(--bs-primary-100);
7050
- --bs-btn-hover-border-color: transparent;
7051
- --bs-btn-hover-color: var(--bs-primary-600);
7052
- --bs-btn-focus-bg: transparent;
7053
- --bs-btn-focus-border-color: transparent;
7054
- --bs-btn-focus-color: var(--bs-primary-600);
7055
- --bs-btn-active-bg: var(--bs-primary-200);
7056
- --bs-btn-active-border-color: transparent;
7057
- --bs-btn-active-color: var(--bs-primary-600);
7058
- --bs-btn-disabled-bg: transparent;
7059
- --bs-btn-disabled-border-color: transparent;
7060
- --bs-btn-disabled-color: var(--bs-primary-300);
7061
- --bs-btn-focus-outline-offset: 0;
7062
- }
7063
- .btn-link-primary span {
7064
- text-decoration: underline;
6967
+ --bs-btn-color: var(--bs-btn-link-primary-color);
6968
+ --bs-btn-bg: var(--bs-btn-link-primary-bg);
6969
+ --bs-btn-border-color: var(--bs-btn-link-primary-border-color);
6970
+ --bs-btn-hover-color: var(--bs-btn-link-primary-hover-color);
6971
+ --bs-btn-hover-bg: var(--bs-btn-link-primary-hover-bg);
6972
+ --bs-btn-hover-border-color: var(--bs-btn-link-primary-hover-border-color);
6973
+ --bs-btn-focus-color: var(--bs-btn-link-primary-focus-color);
6974
+ --bs-btn-focus-bg: var(--bs-btn-link-primary-focus-bg);
6975
+ --bs-btn-focus-border-color: var(--bs-btn-link-primary-focus-border-color);
6976
+ --bs-btn-active-color: var(--bs-btn-link-primary-active-color);
6977
+ --bs-btn-active-bg: var(--bs-btn-link-primary-active-bg);
6978
+ --bs-btn-active-border-color: var(--bs-btn-link-primary-active-border-color);
6979
+ --bs-btn-disabled-color: var(--bs-btn-link-primary-disabled-color);
6980
+ --bs-btn-disabled-bg: var(--bs-btn-link-primary-disabled-bg);
6981
+ --bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
6982
+ --bs-btn-disabled-opacity: var(--bs-btn-link-primary-disabled-opacity);
7065
6983
  }
7066
6984
  .btn-link-primary.loading {
7067
- --bs-btn-disabled-opacity: 1;
7068
- --bs-btn-disabled-bg: transparent;
7069
- --bs-btn-disabled-border-color: transparent;
7070
- --bs-btn-disabled-color: var(--bs-primary-600);
6985
+ --bs-btn-disabled-color: var(--bs-btn-link-primary-active-color);
6986
+ --bs-btn-disabled-bg: var(--bs-btn-link-primary-active-bg);
6987
+ --bs-btn-disabled-border-color: var(--bs-btn-link-primary-active-border-color);
7071
6988
  }
7072
6989
 
7073
6990
  .btn-secondary {
7074
- --bs-btn-color: var(--bs-white);
7075
- --bs-btn-bg: var(--bs-secondary-500);
7076
- --bs-btn-border-color: var(--bs-secondary-500);
7077
- --bs-btn-hover-color: var(--bs-white);
7078
- --bs-btn-hover-bg: var(--bs-secondary-600);
7079
- --bs-btn-hover-border-color: var(--bs-secondary-600);
7080
- --bs-btn-focus-color: var(--bs-white);
7081
- --bs-btn-focus-bg: var(--bs-secondary-600);
7082
- --bs-btn-focus-border-color: var(--bs-secondary-600);
7083
- --bs-btn-active-color: var(--bs-white);
7084
- --bs-btn-active-bg: var(--bs-secondary-700);
7085
- --bs-btn-active-border-color: var(--bs-secondary-700);
7086
- --bs-btn-disabled-color: var(--bs-gray-700);
7087
- --bs-btn-disabled-bg: var(--bs-secondary-100);
7088
- --bs-btn-disabled-border-color: var(--bs-secondary-100);
6991
+ --bs-btn-color: var(--bs-btn-secondary-color);
6992
+ --bs-btn-bg: var(--bs-btn-secondary-bg);
6993
+ --bs-btn-border-color: var(--bs-btn-secondary-border-color);
6994
+ --bs-btn-hover-color: var(--bs-btn-secondary-hover-color);
6995
+ --bs-btn-hover-bg: var(--bs-btn-secondary-hover-bg);
6996
+ --bs-btn-hover-border-color: var(--bs-btn-secondary-hover-border-color);
6997
+ --bs-btn-focus-color: var(--bs-btn-secondary-focus-color);
6998
+ --bs-btn-focus-bg: var(--bs-btn-secondary-focus-bg);
6999
+ --bs-btn-focus-border-color: var(--bs-btn-secondary-focus-border-color);
7000
+ --bs-btn-active-color: var(--bs-btn-secondary-active-color);
7001
+ --bs-btn-active-bg: var(--bs-btn-secondary-active-bg);
7002
+ --bs-btn-active-border-color: var(--bs-btn-secondary-active-border-color);
7003
+ --bs-btn-disabled-color: var(--bs-btn-secondary-disabled-color);
7004
+ --bs-btn-disabled-bg: var(--bs-btn-secondary-disabled-bg);
7005
+ --bs-btn-disabled-border-color: var(--bs-btn-secondary-disabled-border-color);
7006
+ --bs-btn-disabled-opacity: var(--bs-btn-secondary-disabled-opacity);
7089
7007
  }
7090
7008
  .btn-secondary.loading {
7091
- --bs-btn-disabled-opacity: 1;
7092
- --bs-btn-disabled-bg: var(--bs-secondary-700);
7093
- --bs-btn-disabled-border-color: var(--bs-secondary-700);
7094
- --bs-btn-disabled-color: var(--bs-white);
7009
+ --bs-btn-disabled-color: var(--bs-btn-secondary-active-color);
7010
+ --bs-btn-disabled-bg: var(--bs-btn-secondary-active-bg);
7011
+ --bs-btn-disabled-border-color: var(--bs-btn-secondary-active-border-color);
7095
7012
  }
7096
7013
 
7097
7014
  .btn-outline-secondary {
7098
- --bs-btn-bg: transparent;
7099
- --bs-btn-border-color: var(--bs-secondary-500);
7100
- --bs-btn-color: var(--bs-secondary-500);
7101
- --bs-btn-hover-bg: var(--bs-secondary-100);
7102
- --bs-btn-hover-border-color: var(--bs-secondary-500);
7103
- --bs-btn-hover-color: var(--bs-secondary-500);
7104
- --bs-btn-focus-bg: var(--bs-secondary-100);
7105
- --bs-btn-focus-border-color: var(--bs-secondary-500);
7106
- --bs-btn-focus-color: var(--bs-secondary-500);
7107
- --bs-btn-active-bg: var(--bs-secondary-200);
7108
- --bs-btn-active-border-color: var(--bs-secondary-500);
7109
- --bs-btn-active-color: var(--bs-secondary-500);
7110
- --bs-btn-disabled-bg: transparent;
7111
- --bs-btn-disabled-border-color: var(--bs-secondary-100);
7112
- --bs-btn-disabled-color: var(--bs-gray-700);
7113
- --bs-gradient: none;
7015
+ --bs-btn-color: var(--bs-btn-outline-secondary-color);
7016
+ --bs-btn-bg: var(--bs-btn-outline-secondary-bg);
7017
+ --bs-btn-border-color: var(--bs-btn-outline-secondary-border-color);
7018
+ --bs-btn-hover-color: var(--bs-btn-outline-secondary-hover-color);
7019
+ --bs-btn-hover-bg: var(--bs-btn-outline-secondary-hover-bg);
7020
+ --bs-btn-hover-border-color: var(--bs-btn-outline-secondary-hover-border-color);
7021
+ --bs-btn-focus-color: var(--bs-btn-outline-secondary-focus-color);
7022
+ --bs-btn-focus-bg: var(--bs-btn-outline-secondary-focus-bg);
7023
+ --bs-btn-focus-border-color: var(--bs-btn-outline-secondary-focus-border-color);
7024
+ --bs-btn-active-color: var(--bs-btn-outline-secondary-active-color);
7025
+ --bs-btn-active-bg: var(--bs-btn-outline-secondary-active-bg);
7026
+ --bs-btn-active-border-color: var(--bs-btn-outline-secondary-active-border-color);
7027
+ --bs-btn-disabled-color: var(--bs-btn-outline-secondary-disabled-color);
7028
+ --bs-btn-disabled-bg: var(--bs-btn-outline-secondary-disabled-bg);
7029
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-disabled-border-color);
7030
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-secondary-disabled-opacity);
7114
7031
  }
7115
7032
  .btn-outline-secondary.loading {
7116
- --bs-btn-disabled-opacity: 1;
7117
- --bs-btn-disabled-bg: transparent;
7118
- --bs-btn-disabled-border-color: var(--bs-secondary-500);
7119
- --bs-btn-disabled-color: var(--bs-secondary-500);
7033
+ --bs-btn-disabled-color: var(--bs-btn-outline-secondary-active-color);
7034
+ --bs-btn-disabled-bg: var(--bs-btn-outline-secondary-active-bg);
7035
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-active-border-color);
7120
7036
  }
7121
7037
 
7122
7038
  .btn-link-secondary {
7123
- --bs-btn-bg: transparent;
7124
- --bs-btn-border-color: transparent;
7125
- --bs-btn-color: var(--bs-secondary-600);
7126
- --bs-btn-hover-bg: var(--bs-secondary-100);
7127
- --bs-btn-hover-border-color: transparent;
7128
- --bs-btn-hover-color: var(--bs-secondary-600);
7129
- --bs-btn-focus-bg: transparent;
7130
- --bs-btn-focus-border-color: transparent;
7131
- --bs-btn-focus-color: var(--bs-secondary-600);
7132
- --bs-btn-active-bg: var(--bs-secondary-200);
7133
- --bs-btn-active-border-color: transparent;
7134
- --bs-btn-active-color: var(--bs-secondary-600);
7135
- --bs-btn-disabled-bg: transparent;
7136
- --bs-btn-disabled-border-color: transparent;
7137
- --bs-btn-disabled-color: var(--bs-secondary-300);
7138
- --bs-btn-focus-outline-offset: 0;
7139
- }
7140
- .btn-link-secondary span {
7141
- text-decoration: underline;
7039
+ --bs-btn-color: var(--bs-btn-link-secondary-color);
7040
+ --bs-btn-bg: var(--bs-btn-link-secondary-bg);
7041
+ --bs-btn-border-color: var(--bs-btn-link-secondary-border-color);
7042
+ --bs-btn-hover-color: var(--bs-btn-link-secondary-hover-color);
7043
+ --bs-btn-hover-bg: var(--bs-btn-link-secondary-hover-bg);
7044
+ --bs-btn-hover-border-color: var(--bs-btn-link-secondary-hover-border-color);
7045
+ --bs-btn-focus-color: var(--bs-btn-link-secondary-focus-color);
7046
+ --bs-btn-focus-bg: var(--bs-btn-link-secondary-focus-bg);
7047
+ --bs-btn-focus-border-color: var(--bs-btn-link-secondary-focus-border-color);
7048
+ --bs-btn-active-color: var(--bs-btn-link-secondary-active-color);
7049
+ --bs-btn-active-bg: var(--bs-btn-link-secondary-active-bg);
7050
+ --bs-btn-active-border-color: var(--bs-btn-link-secondary-active-border-color);
7051
+ --bs-btn-disabled-color: var(--bs-btn-link-secondary-disabled-color);
7052
+ --bs-btn-disabled-bg: var(--bs-btn-link-secondary-disabled-bg);
7053
+ --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-disabled-border-color);
7054
+ --bs-btn-disabled-opacity: var(--bs-btn-link-secondary-disabled-opacity);
7142
7055
  }
7143
7056
  .btn-link-secondary.loading {
7144
- --bs-btn-disabled-opacity: 1;
7145
- --bs-btn-disabled-bg: transparent;
7146
- --bs-btn-disabled-border-color: transparent;
7147
- --bs-btn-disabled-color: var(--bs-secondary-600);
7057
+ --bs-btn-disabled-color: var(--bs-btn-link-secondary-active-color);
7058
+ --bs-btn-disabled-bg: var(--bs-btn-link-secondary-active-bg);
7059
+ --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-active-border-color);
7148
7060
  }
7149
7061
 
7150
7062
  .btn-success {
7151
- --bs-btn-color: var(--bs-white);
7152
- --bs-btn-bg: var(--bs-success-500);
7153
- --bs-btn-border-color: var(--bs-success-500);
7154
- --bs-btn-hover-color: var(--bs-white);
7155
- --bs-btn-hover-bg: var(--bs-success-600);
7156
- --bs-btn-hover-border-color: var(--bs-success-600);
7157
- --bs-btn-focus-color: var(--bs-white);
7158
- --bs-btn-focus-bg: var(--bs-success-600);
7159
- --bs-btn-focus-border-color: var(--bs-success-600);
7160
- --bs-btn-active-color: var(--bs-white);
7161
- --bs-btn-active-bg: var(--bs-success-700);
7162
- --bs-btn-active-border-color: var(--bs-success-700);
7163
- --bs-btn-disabled-color: var(--bs-gray-700);
7164
- --bs-btn-disabled-bg: var(--bs-success-100);
7165
- --bs-btn-disabled-border-color: var(--bs-success-100);
7063
+ --bs-btn-color: var(--bs-btn-success-color);
7064
+ --bs-btn-bg: var(--bs-btn-success-bg);
7065
+ --bs-btn-border-color: var(--bs-btn-success-border-color);
7066
+ --bs-btn-hover-color: var(--bs-btn-success-hover-color);
7067
+ --bs-btn-hover-bg: var(--bs-btn-success-hover-bg);
7068
+ --bs-btn-hover-border-color: var(--bs-btn-success-hover-border-color);
7069
+ --bs-btn-focus-color: var(--bs-btn-success-focus-color);
7070
+ --bs-btn-focus-bg: var(--bs-btn-success-focus-bg);
7071
+ --bs-btn-focus-border-color: var(--bs-btn-success-focus-border-color);
7072
+ --bs-btn-active-color: var(--bs-btn-success-active-color);
7073
+ --bs-btn-active-bg: var(--bs-btn-success-active-bg);
7074
+ --bs-btn-active-border-color: var(--bs-btn-success-active-border-color);
7075
+ --bs-btn-disabled-color: var(--bs-btn-success-disabled-color);
7076
+ --bs-btn-disabled-bg: var(--bs-btn-success-disabled-bg);
7077
+ --bs-btn-disabled-border-color: var(--bs-btn-success-disabled-border-color);
7078
+ --bs-btn-disabled-opacity: var(--bs-btn-success-disabled-opacity);
7166
7079
  }
7167
7080
  .btn-success.loading {
7168
- --bs-btn-disabled-opacity: 1;
7169
- --bs-btn-disabled-bg: var(--bs-success-700);
7170
- --bs-btn-disabled-border-color: var(--bs-success-700);
7171
- --bs-btn-disabled-color: var(--bs-white);
7081
+ --bs-btn-disabled-color: var(--bs-btn-success-active-color);
7082
+ --bs-btn-disabled-bg: var(--bs-btn-success-active-bg);
7083
+ --bs-btn-disabled-border-color: var(--bs-btn-success-active-border-color);
7172
7084
  }
7173
7085
 
7174
7086
  .btn-outline-success {
7175
- --bs-btn-bg: transparent;
7176
- --bs-btn-border-color: var(--bs-success-500);
7177
- --bs-btn-color: var(--bs-success-500);
7178
- --bs-btn-hover-bg: var(--bs-success-100);
7179
- --bs-btn-hover-border-color: var(--bs-success-500);
7180
- --bs-btn-hover-color: var(--bs-success-500);
7181
- --bs-btn-focus-bg: var(--bs-success-100);
7182
- --bs-btn-focus-border-color: var(--bs-success-500);
7183
- --bs-btn-focus-color: var(--bs-success-500);
7184
- --bs-btn-active-bg: var(--bs-success-200);
7185
- --bs-btn-active-border-color: var(--bs-success-500);
7186
- --bs-btn-active-color: var(--bs-success-500);
7187
- --bs-btn-disabled-bg: transparent;
7188
- --bs-btn-disabled-border-color: var(--bs-success-100);
7189
- --bs-btn-disabled-color: var(--bs-gray-700);
7190
- --bs-gradient: none;
7087
+ --bs-btn-color: var(--bs-btn-outline-success-color);
7088
+ --bs-btn-bg: var(--bs-btn-outline-success-bg);
7089
+ --bs-btn-border-color: var(--bs-btn-outline-success-border-color);
7090
+ --bs-btn-hover-color: var(--bs-btn-outline-success-hover-color);
7091
+ --bs-btn-hover-bg: var(--bs-btn-outline-success-hover-bg);
7092
+ --bs-btn-hover-border-color: var(--bs-btn-outline-success-hover-border-color);
7093
+ --bs-btn-focus-color: var(--bs-btn-outline-success-focus-color);
7094
+ --bs-btn-focus-bg: var(--bs-btn-outline-success-focus-bg);
7095
+ --bs-btn-focus-border-color: var(--bs-btn-outline-success-focus-border-color);
7096
+ --bs-btn-active-color: var(--bs-btn-outline-success-active-color);
7097
+ --bs-btn-active-bg: var(--bs-btn-outline-success-active-bg);
7098
+ --bs-btn-active-border-color: var(--bs-btn-outline-success-active-border-color);
7099
+ --bs-btn-disabled-color: var(--bs-btn-outline-success-disabled-color);
7100
+ --bs-btn-disabled-bg: var(--bs-btn-outline-success-disabled-bg);
7101
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-success-disabled-border-color);
7102
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-success-disabled-opacity);
7191
7103
  }
7192
7104
  .btn-outline-success.loading {
7193
- --bs-btn-disabled-opacity: 1;
7194
- --bs-btn-disabled-bg: transparent;
7195
- --bs-btn-disabled-border-color: var(--bs-success-500);
7196
- --bs-btn-disabled-color: var(--bs-success-500);
7105
+ --bs-btn-disabled-color: var(--bs-btn-outline-success-active-color);
7106
+ --bs-btn-disabled-bg: var(--bs-btn-outline-success-active-bg);
7107
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-success-active-border-color);
7197
7108
  }
7198
7109
 
7199
7110
  .btn-link-success {
7200
- --bs-btn-bg: transparent;
7201
- --bs-btn-border-color: transparent;
7202
- --bs-btn-color: var(--bs-success-600);
7203
- --bs-btn-hover-bg: var(--bs-success-100);
7204
- --bs-btn-hover-border-color: transparent;
7205
- --bs-btn-hover-color: var(--bs-success-600);
7206
- --bs-btn-focus-bg: transparent;
7207
- --bs-btn-focus-border-color: transparent;
7208
- --bs-btn-focus-color: var(--bs-success-600);
7209
- --bs-btn-active-bg: var(--bs-success-200);
7210
- --bs-btn-active-border-color: transparent;
7211
- --bs-btn-active-color: var(--bs-success-600);
7212
- --bs-btn-disabled-bg: transparent;
7213
- --bs-btn-disabled-border-color: transparent;
7214
- --bs-btn-disabled-color: var(--bs-success-300);
7215
- --bs-btn-focus-outline-offset: 0;
7216
- }
7217
- .btn-link-success span {
7218
- text-decoration: underline;
7111
+ --bs-btn-color: var(--bs-btn-link-success-color);
7112
+ --bs-btn-bg: var(--bs-btn-link-success-bg);
7113
+ --bs-btn-border-color: var(--bs-btn-link-success-border-color);
7114
+ --bs-btn-hover-color: var(--bs-btn-link-success-hover-color);
7115
+ --bs-btn-hover-bg: var(--bs-btn-link-success-hover-bg);
7116
+ --bs-btn-hover-border-color: var(--bs-btn-link-success-hover-border-color);
7117
+ --bs-btn-focus-color: var(--bs-btn-link-success-focus-color);
7118
+ --bs-btn-focus-bg: var(--bs-btn-link-success-focus-bg);
7119
+ --bs-btn-focus-border-color: var(--bs-btn-link-success-focus-border-color);
7120
+ --bs-btn-active-color: var(--bs-btn-link-success-active-color);
7121
+ --bs-btn-active-bg: var(--bs-btn-link-success-active-bg);
7122
+ --bs-btn-active-border-color: var(--bs-btn-link-success-active-border-color);
7123
+ --bs-btn-disabled-color: var(--bs-btn-link-success-disabled-color);
7124
+ --bs-btn-disabled-bg: var(--bs-btn-link-success-disabled-bg);
7125
+ --bs-btn-disabled-border-color: var(--bs-btn-link-success-disabled-border-color);
7126
+ --bs-btn-disabled-opacity: var(--bs-btn-link-success-disabled-opacity);
7219
7127
  }
7220
7128
  .btn-link-success.loading {
7221
- --bs-btn-disabled-opacity: 1;
7222
- --bs-btn-disabled-bg: transparent;
7223
- --bs-btn-disabled-border-color: transparent;
7224
- --bs-btn-disabled-color: var(--bs-success-600);
7129
+ --bs-btn-disabled-color: var(--bs-btn-link-success-active-color);
7130
+ --bs-btn-disabled-bg: var(--bs-btn-link-success-active-bg);
7131
+ --bs-btn-disabled-border-color: var(--bs-btn-link-success-active-border-color);
7225
7132
  }
7226
7133
 
7227
7134
  .btn-info {
7228
- --bs-btn-color: var(--bs-white);
7229
- --bs-btn-bg: var(--bs-info-500);
7230
- --bs-btn-border-color: var(--bs-info-500);
7231
- --bs-btn-hover-color: var(--bs-white);
7232
- --bs-btn-hover-bg: var(--bs-info-600);
7233
- --bs-btn-hover-border-color: var(--bs-info-600);
7234
- --bs-btn-focus-color: var(--bs-white);
7235
- --bs-btn-focus-bg: var(--bs-info-600);
7236
- --bs-btn-focus-border-color: var(--bs-info-600);
7237
- --bs-btn-active-color: var(--bs-white);
7238
- --bs-btn-active-bg: var(--bs-info-700);
7239
- --bs-btn-active-border-color: var(--bs-info-700);
7240
- --bs-btn-disabled-color: var(--bs-gray-700);
7241
- --bs-btn-disabled-bg: var(--bs-info-100);
7242
- --bs-btn-disabled-border-color: var(--bs-info-100);
7135
+ --bs-btn-color: var(--bs-btn-info-color);
7136
+ --bs-btn-bg: var(--bs-btn-info-bg);
7137
+ --bs-btn-border-color: var(--bs-btn-info-border-color);
7138
+ --bs-btn-hover-color: var(--bs-btn-info-hover-color);
7139
+ --bs-btn-hover-bg: var(--bs-btn-info-hover-bg);
7140
+ --bs-btn-hover-border-color: var(--bs-btn-info-hover-border-color);
7141
+ --bs-btn-focus-color: var(--bs-btn-info-focus-color);
7142
+ --bs-btn-focus-bg: var(--bs-btn-info-focus-bg);
7143
+ --bs-btn-focus-border-color: var(--bs-btn-info-focus-border-color);
7144
+ --bs-btn-active-color: var(--bs-btn-info-active-color);
7145
+ --bs-btn-active-bg: var(--bs-btn-info-active-bg);
7146
+ --bs-btn-active-border-color: var(--bs-btn-info-active-border-color);
7147
+ --bs-btn-disabled-color: var(--bs-btn-info-disabled-color);
7148
+ --bs-btn-disabled-bg: var(--bs-btn-info-disabled-bg);
7149
+ --bs-btn-disabled-border-color: var(--bs-btn-info-disabled-border-color);
7150
+ --bs-btn-disabled-opacity: var(--bs-btn-info-disabled-opacity);
7243
7151
  }
7244
7152
  .btn-info.loading {
7245
- --bs-btn-disabled-opacity: 1;
7246
- --bs-btn-disabled-bg: var(--bs-info-700);
7247
- --bs-btn-disabled-border-color: var(--bs-info-700);
7248
- --bs-btn-disabled-color: var(--bs-white);
7153
+ --bs-btn-disabled-color: var(--bs-btn-info-active-color);
7154
+ --bs-btn-disabled-bg: var(--bs-btn-info-active-bg);
7155
+ --bs-btn-disabled-border-color: var(--bs-btn-info-active-border-color);
7249
7156
  }
7250
7157
 
7251
7158
  .btn-outline-info {
7252
- --bs-btn-bg: transparent;
7253
- --bs-btn-border-color: var(--bs-info-500);
7254
- --bs-btn-color: var(--bs-info-500);
7255
- --bs-btn-hover-bg: var(--bs-info-100);
7256
- --bs-btn-hover-border-color: var(--bs-info-500);
7257
- --bs-btn-hover-color: var(--bs-info-500);
7258
- --bs-btn-focus-bg: var(--bs-info-100);
7259
- --bs-btn-focus-border-color: var(--bs-info-500);
7260
- --bs-btn-focus-color: var(--bs-info-500);
7261
- --bs-btn-active-bg: var(--bs-info-200);
7262
- --bs-btn-active-border-color: var(--bs-info-500);
7263
- --bs-btn-active-color: var(--bs-info-500);
7264
- --bs-btn-disabled-bg: transparent;
7265
- --bs-btn-disabled-border-color: var(--bs-info-100);
7266
- --bs-btn-disabled-color: var(--bs-gray-700);
7267
- --bs-gradient: none;
7159
+ --bs-btn-color: var(--bs-btn-outline-info-color);
7160
+ --bs-btn-bg: var(--bs-btn-outline-info-bg);
7161
+ --bs-btn-border-color: var(--bs-btn-outline-info-border-color);
7162
+ --bs-btn-hover-color: var(--bs-btn-outline-info-hover-color);
7163
+ --bs-btn-hover-bg: var(--bs-btn-outline-info-hover-bg);
7164
+ --bs-btn-hover-border-color: var(--bs-btn-outline-info-hover-border-color);
7165
+ --bs-btn-focus-color: var(--bs-btn-outline-info-focus-color);
7166
+ --bs-btn-focus-bg: var(--bs-btn-outline-info-focus-bg);
7167
+ --bs-btn-focus-border-color: var(--bs-btn-outline-info-focus-border-color);
7168
+ --bs-btn-active-color: var(--bs-btn-outline-info-active-color);
7169
+ --bs-btn-active-bg: var(--bs-btn-outline-info-active-bg);
7170
+ --bs-btn-active-border-color: var(--bs-btn-outline-info-active-border-color);
7171
+ --bs-btn-disabled-color: var(--bs-btn-outline-info-disabled-color);
7172
+ --bs-btn-disabled-bg: var(--bs-btn-outline-info-disabled-bg);
7173
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-info-disabled-border-color);
7174
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-info-disabled-opacity);
7268
7175
  }
7269
7176
  .btn-outline-info.loading {
7270
- --bs-btn-disabled-opacity: 1;
7271
- --bs-btn-disabled-bg: transparent;
7272
- --bs-btn-disabled-border-color: var(--bs-info-500);
7273
- --bs-btn-disabled-color: var(--bs-info-500);
7177
+ --bs-btn-disabled-color: var(--bs-btn-outline-info-active-color);
7178
+ --bs-btn-disabled-bg: var(--bs-btn-outline-info-active-bg);
7179
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-info-active-border-color);
7274
7180
  }
7275
7181
 
7276
7182
  .btn-link-info {
7277
- --bs-btn-bg: transparent;
7278
- --bs-btn-border-color: transparent;
7279
- --bs-btn-color: var(--bs-info-600);
7280
- --bs-btn-hover-bg: var(--bs-info-100);
7281
- --bs-btn-hover-border-color: transparent;
7282
- --bs-btn-hover-color: var(--bs-info-600);
7283
- --bs-btn-focus-bg: transparent;
7284
- --bs-btn-focus-border-color: transparent;
7285
- --bs-btn-focus-color: var(--bs-info-600);
7286
- --bs-btn-active-bg: var(--bs-info-200);
7287
- --bs-btn-active-border-color: transparent;
7288
- --bs-btn-active-color: var(--bs-info-600);
7289
- --bs-btn-disabled-bg: transparent;
7290
- --bs-btn-disabled-border-color: transparent;
7291
- --bs-btn-disabled-color: var(--bs-info-300);
7292
- --bs-btn-focus-outline-offset: 0;
7293
- }
7294
- .btn-link-info span {
7295
- text-decoration: underline;
7183
+ --bs-btn-color: var(--bs-btn-link-info-color);
7184
+ --bs-btn-bg: var(--bs-btn-link-info-bg);
7185
+ --bs-btn-border-color: var(--bs-btn-link-info-border-color);
7186
+ --bs-btn-hover-color: var(--bs-btn-link-info-hover-color);
7187
+ --bs-btn-hover-bg: var(--bs-btn-link-info-hover-bg);
7188
+ --bs-btn-hover-border-color: var(--bs-btn-link-info-hover-border-color);
7189
+ --bs-btn-focus-color: var(--bs-btn-link-info-focus-color);
7190
+ --bs-btn-focus-bg: var(--bs-btn-link-info-focus-bg);
7191
+ --bs-btn-focus-border-color: var(--bs-btn-link-info-focus-border-color);
7192
+ --bs-btn-active-color: var(--bs-btn-link-info-active-color);
7193
+ --bs-btn-active-bg: var(--bs-btn-link-info-active-bg);
7194
+ --bs-btn-active-border-color: var(--bs-btn-link-info-active-border-color);
7195
+ --bs-btn-disabled-color: var(--bs-btn-link-info-disabled-color);
7196
+ --bs-btn-disabled-bg: var(--bs-btn-link-info-disabled-bg);
7197
+ --bs-btn-disabled-border-color: var(--bs-btn-link-info-disabled-border-color);
7198
+ --bs-btn-disabled-opacity: var(--bs-btn-link-info-disabled-opacity);
7296
7199
  }
7297
7200
  .btn-link-info.loading {
7298
- --bs-btn-disabled-opacity: 1;
7299
- --bs-btn-disabled-bg: transparent;
7300
- --bs-btn-disabled-border-color: transparent;
7301
- --bs-btn-disabled-color: var(--bs-info-600);
7201
+ --bs-btn-disabled-color: var(--bs-btn-link-info-active-color);
7202
+ --bs-btn-disabled-bg: var(--bs-btn-link-info-active-bg);
7203
+ --bs-btn-disabled-border-color: var(--bs-btn-link-info-active-border-color);
7302
7204
  }
7303
7205
 
7304
7206
  .btn-warning {
7305
- --bs-btn-color: var(--bs-black);
7306
- --bs-btn-bg: var(--bs-warning-500);
7307
- --bs-btn-border-color: var(--bs-warning-500);
7308
- --bs-btn-hover-color: var(--bs-black);
7309
- --bs-btn-hover-bg: var(--bs-warning-600);
7310
- --bs-btn-hover-border-color: var(--bs-warning-600);
7311
- --bs-btn-focus-color: var(--bs-black);
7312
- --bs-btn-focus-bg: var(--bs-warning-600);
7313
- --bs-btn-focus-border-color: var(--bs-warning-600);
7314
- --bs-btn-active-color: var(--bs-black);
7315
- --bs-btn-active-bg: var(--bs-warning-700);
7316
- --bs-btn-active-border-color: var(--bs-warning-700);
7317
- --bs-btn-disabled-color: var(--bs-gray-700);
7318
- --bs-btn-disabled-bg: var(--bs-warning-100);
7319
- --bs-btn-disabled-border-color: var(--bs-warning-100);
7207
+ --bs-btn-color: var(--bs-btn-warning-color);
7208
+ --bs-btn-bg: var(--bs-btn-warning-bg);
7209
+ --bs-btn-border-color: var(--bs-btn-warning-border-color);
7210
+ --bs-btn-hover-color: var(--bs-btn-warning-hover-color);
7211
+ --bs-btn-hover-bg: var(--bs-btn-warning-hover-bg);
7212
+ --bs-btn-hover-border-color: var(--bs-btn-warning-hover-border-color);
7213
+ --bs-btn-focus-color: var(--bs-btn-warning-focus-color);
7214
+ --bs-btn-focus-bg: var(--bs-btn-warning-focus-bg);
7215
+ --bs-btn-focus-border-color: var(--bs-btn-warning-focus-border-color);
7216
+ --bs-btn-active-color: var(--bs-btn-warning-active-color);
7217
+ --bs-btn-active-bg: var(--bs-btn-warning-active-bg);
7218
+ --bs-btn-active-border-color: var(--bs-btn-warning-active-border-color);
7219
+ --bs-btn-disabled-color: var(--bs-btn-warning-disabled-color);
7220
+ --bs-btn-disabled-bg: var(--bs-btn-warning-disabled-bg);
7221
+ --bs-btn-disabled-border-color: var(--bs-btn-warning-disabled-border-color);
7222
+ --bs-btn-disabled-opacity: var(--bs-btn-warning-disabled-opacity);
7320
7223
  }
7321
7224
  .btn-warning.loading {
7322
- --bs-btn-disabled-opacity: 1;
7323
- --bs-btn-disabled-bg: var(--bs-warning-700);
7324
- --bs-btn-disabled-border-color: var(--bs-warning-700);
7325
- --bs-btn-disabled-color: var(--bs-black);
7225
+ --bs-btn-disabled-color: var(--bs-btn-warning-active-color);
7226
+ --bs-btn-disabled-bg: var(--bs-btn-warning-active-bg);
7227
+ --bs-btn-disabled-border-color: var(--bs-btn-warning-active-border-color);
7326
7228
  }
7327
7229
 
7328
7230
  .btn-outline-warning {
7329
- --bs-btn-bg: transparent;
7330
- --bs-btn-border-color: var(--bs-warning-500);
7331
- --bs-btn-color: var(--bs-warning-500);
7332
- --bs-btn-hover-bg: var(--bs-warning-100);
7333
- --bs-btn-hover-border-color: var(--bs-warning-500);
7334
- --bs-btn-hover-color: var(--bs-warning-500);
7335
- --bs-btn-focus-bg: var(--bs-warning-100);
7336
- --bs-btn-focus-border-color: var(--bs-warning-500);
7337
- --bs-btn-focus-color: var(--bs-warning-500);
7338
- --bs-btn-active-bg: var(--bs-warning-200);
7339
- --bs-btn-active-border-color: var(--bs-warning-500);
7340
- --bs-btn-active-color: var(--bs-warning-500);
7341
- --bs-btn-disabled-bg: transparent;
7342
- --bs-btn-disabled-border-color: var(--bs-warning-100);
7343
- --bs-btn-disabled-color: var(--bs-gray-700);
7344
- --bs-gradient: none;
7231
+ --bs-btn-color: var(--bs-btn-outline-warning-color);
7232
+ --bs-btn-bg: var(--bs-btn-outline-warning-bg);
7233
+ --bs-btn-border-color: var(--bs-btn-outline-warning-border-color);
7234
+ --bs-btn-hover-color: var(--bs-btn-outline-warning-hover-color);
7235
+ --bs-btn-hover-bg: var(--bs-btn-outline-warning-hover-bg);
7236
+ --bs-btn-hover-border-color: var(--bs-btn-outline-warning-hover-border-color);
7237
+ --bs-btn-focus-color: var(--bs-btn-outline-warning-focus-color);
7238
+ --bs-btn-focus-bg: var(--bs-btn-outline-warning-focus-bg);
7239
+ --bs-btn-focus-border-color: var(--bs-btn-outline-warning-focus-border-color);
7240
+ --bs-btn-active-color: var(--bs-btn-outline-warning-active-color);
7241
+ --bs-btn-active-bg: var(--bs-btn-outline-warning-active-bg);
7242
+ --bs-btn-active-border-color: var(--bs-btn-outline-warning-active-border-color);
7243
+ --bs-btn-disabled-color: var(--bs-btn-outline-warning-disabled-color);
7244
+ --bs-btn-disabled-bg: var(--bs-btn-outline-warning-disabled-bg);
7245
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-disabled-border-color);
7246
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-warning-disabled-opacity);
7345
7247
  }
7346
7248
  .btn-outline-warning.loading {
7347
- --bs-btn-disabled-opacity: 1;
7348
- --bs-btn-disabled-bg: transparent;
7349
- --bs-btn-disabled-border-color: var(--bs-warning-500);
7350
- --bs-btn-disabled-color: var(--bs-warning-500);
7249
+ --bs-btn-disabled-color: var(--bs-btn-outline-warning-active-color);
7250
+ --bs-btn-disabled-bg: var(--bs-btn-outline-warning-active-bg);
7251
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-active-border-color);
7351
7252
  }
7352
7253
 
7353
7254
  .btn-link-warning {
7354
- --bs-btn-bg: transparent;
7355
- --bs-btn-border-color: transparent;
7356
- --bs-btn-color: var(--bs-warning-600);
7357
- --bs-btn-hover-bg: var(--bs-warning-100);
7358
- --bs-btn-hover-border-color: transparent;
7359
- --bs-btn-hover-color: var(--bs-warning-600);
7360
- --bs-btn-focus-bg: transparent;
7361
- --bs-btn-focus-border-color: transparent;
7362
- --bs-btn-focus-color: var(--bs-warning-600);
7363
- --bs-btn-active-bg: var(--bs-warning-200);
7364
- --bs-btn-active-border-color: transparent;
7365
- --bs-btn-active-color: var(--bs-warning-600);
7366
- --bs-btn-disabled-bg: transparent;
7367
- --bs-btn-disabled-border-color: transparent;
7368
- --bs-btn-disabled-color: var(--bs-warning-300);
7369
- --bs-btn-focus-outline-offset: 0;
7370
- }
7371
- .btn-link-warning span {
7372
- text-decoration: underline;
7255
+ --bs-btn-color: var(--bs-btn-link-warning-color);
7256
+ --bs-btn-bg: var(--bs-btn-link-warning-bg);
7257
+ --bs-btn-border-color: var(--bs-btn-link-warning-border-color);
7258
+ --bs-btn-hover-color: var(--bs-btn-link-warning-hover-color);
7259
+ --bs-btn-hover-bg: var(--bs-btn-link-warning-hover-bg);
7260
+ --bs-btn-hover-border-color: var(--bs-btn-link-warning-hover-border-color);
7261
+ --bs-btn-focus-color: var(--bs-btn-link-warning-focus-color);
7262
+ --bs-btn-focus-bg: var(--bs-btn-link-warning-focus-bg);
7263
+ --bs-btn-focus-border-color: var(--bs-btn-link-warning-focus-border-color);
7264
+ --bs-btn-active-color: var(--bs-btn-link-warning-active-color);
7265
+ --bs-btn-active-bg: var(--bs-btn-link-warning-active-bg);
7266
+ --bs-btn-active-border-color: var(--bs-btn-link-warning-active-border-color);
7267
+ --bs-btn-disabled-color: var(--bs-btn-link-warning-disabled-color);
7268
+ --bs-btn-disabled-bg: var(--bs-btn-link-warning-disabled-bg);
7269
+ --bs-btn-disabled-border-color: var(--bs-btn-link-warning-disabled-border-color);
7270
+ --bs-btn-disabled-opacity: var(--bs-btn-link-warning-disabled-opacity);
7373
7271
  }
7374
7272
  .btn-link-warning.loading {
7375
- --bs-btn-disabled-opacity: 1;
7376
- --bs-btn-disabled-bg: transparent;
7377
- --bs-btn-disabled-border-color: transparent;
7378
- --bs-btn-disabled-color: var(--bs-warning-600);
7273
+ --bs-btn-disabled-color: var(--bs-btn-link-warning-active-color);
7274
+ --bs-btn-disabled-bg: var(--bs-btn-link-warning-active-bg);
7275
+ --bs-btn-disabled-border-color: var(--bs-btn-link-warning-active-border-color);
7379
7276
  }
7380
7277
 
7381
7278
  .btn-danger {
7382
- --bs-btn-color: var(--bs-white);
7383
- --bs-btn-bg: var(--bs-danger-500);
7384
- --bs-btn-border-color: var(--bs-danger-500);
7385
- --bs-btn-hover-color: var(--bs-white);
7386
- --bs-btn-hover-bg: var(--bs-danger-600);
7387
- --bs-btn-hover-border-color: var(--bs-danger-600);
7388
- --bs-btn-focus-color: var(--bs-white);
7389
- --bs-btn-focus-bg: var(--bs-danger-600);
7390
- --bs-btn-focus-border-color: var(--bs-danger-600);
7391
- --bs-btn-active-color: var(--bs-white);
7392
- --bs-btn-active-bg: var(--bs-danger-700);
7393
- --bs-btn-active-border-color: var(--bs-danger-700);
7394
- --bs-btn-disabled-color: var(--bs-gray-700);
7395
- --bs-btn-disabled-bg: var(--bs-danger-100);
7396
- --bs-btn-disabled-border-color: var(--bs-danger-100);
7279
+ --bs-btn-color: var(--bs-btn-danger-color);
7280
+ --bs-btn-bg: var(--bs-btn-danger-bg);
7281
+ --bs-btn-border-color: var(--bs-btn-danger-border-color);
7282
+ --bs-btn-hover-color: var(--bs-btn-danger-hover-color);
7283
+ --bs-btn-hover-bg: var(--bs-btn-danger-hover-bg);
7284
+ --bs-btn-hover-border-color: var(--bs-btn-danger-hover-border-color);
7285
+ --bs-btn-focus-color: var(--bs-btn-danger-focus-color);
7286
+ --bs-btn-focus-bg: var(--bs-btn-danger-focus-bg);
7287
+ --bs-btn-focus-border-color: var(--bs-btn-danger-focus-border-color);
7288
+ --bs-btn-active-color: var(--bs-btn-danger-active-color);
7289
+ --bs-btn-active-bg: var(--bs-btn-danger-active-bg);
7290
+ --bs-btn-active-border-color: var(--bs-btn-danger-active-border-color);
7291
+ --bs-btn-disabled-color: var(--bs-btn-danger-disabled-color);
7292
+ --bs-btn-disabled-bg: var(--bs-btn-danger-disabled-bg);
7293
+ --bs-btn-disabled-border-color: var(--bs-btn-danger-disabled-border-color);
7294
+ --bs-btn-disabled-opacity: var(--bs-btn-danger-disabled-opacity);
7397
7295
  }
7398
7296
  .btn-danger.loading {
7399
- --bs-btn-disabled-opacity: 1;
7400
- --bs-btn-disabled-bg: var(--bs-danger-700);
7401
- --bs-btn-disabled-border-color: var(--bs-danger-700);
7402
- --bs-btn-disabled-color: var(--bs-white);
7297
+ --bs-btn-disabled-color: var(--bs-btn-danger-active-color);
7298
+ --bs-btn-disabled-bg: var(--bs-btn-danger-active-bg);
7299
+ --bs-btn-disabled-border-color: var(--bs-btn-danger-active-border-color);
7403
7300
  }
7404
7301
 
7405
7302
  .btn-outline-danger {
7406
- --bs-btn-bg: transparent;
7407
- --bs-btn-border-color: var(--bs-danger-500);
7408
- --bs-btn-color: var(--bs-danger-500);
7409
- --bs-btn-hover-bg: var(--bs-danger-100);
7410
- --bs-btn-hover-border-color: var(--bs-danger-500);
7411
- --bs-btn-hover-color: var(--bs-danger-500);
7412
- --bs-btn-focus-bg: var(--bs-danger-100);
7413
- --bs-btn-focus-border-color: var(--bs-danger-500);
7414
- --bs-btn-focus-color: var(--bs-danger-500);
7415
- --bs-btn-active-bg: var(--bs-danger-200);
7416
- --bs-btn-active-border-color: var(--bs-danger-500);
7417
- --bs-btn-active-color: var(--bs-danger-500);
7418
- --bs-btn-disabled-bg: transparent;
7419
- --bs-btn-disabled-border-color: var(--bs-danger-100);
7420
- --bs-btn-disabled-color: var(--bs-gray-700);
7421
- --bs-gradient: none;
7303
+ --bs-btn-color: var(--bs-btn-outline-danger-color);
7304
+ --bs-btn-bg: var(--bs-btn-outline-danger-bg);
7305
+ --bs-btn-border-color: var(--bs-btn-outline-danger-border-color);
7306
+ --bs-btn-hover-color: var(--bs-btn-outline-danger-hover-color);
7307
+ --bs-btn-hover-bg: var(--bs-btn-outline-danger-hover-bg);
7308
+ --bs-btn-hover-border-color: var(--bs-btn-outline-danger-hover-border-color);
7309
+ --bs-btn-focus-color: var(--bs-btn-outline-danger-focus-color);
7310
+ --bs-btn-focus-bg: var(--bs-btn-outline-danger-focus-bg);
7311
+ --bs-btn-focus-border-color: var(--bs-btn-outline-danger-focus-border-color);
7312
+ --bs-btn-active-color: var(--bs-btn-outline-danger-active-color);
7313
+ --bs-btn-active-bg: var(--bs-btn-outline-danger-active-bg);
7314
+ --bs-btn-active-border-color: var(--bs-btn-outline-danger-active-border-color);
7315
+ --bs-btn-disabled-color: var(--bs-btn-outline-danger-disabled-color);
7316
+ --bs-btn-disabled-bg: var(--bs-btn-outline-danger-disabled-bg);
7317
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-disabled-border-color);
7318
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-danger-disabled-opacity);
7422
7319
  }
7423
7320
  .btn-outline-danger.loading {
7424
- --bs-btn-disabled-opacity: 1;
7425
- --bs-btn-disabled-bg: transparent;
7426
- --bs-btn-disabled-border-color: var(--bs-danger-500);
7427
- --bs-btn-disabled-color: var(--bs-danger-500);
7321
+ --bs-btn-disabled-color: var(--bs-btn-outline-danger-active-color);
7322
+ --bs-btn-disabled-bg: var(--bs-btn-outline-danger-active-bg);
7323
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-active-border-color);
7428
7324
  }
7429
7325
 
7430
7326
  .btn-link-danger {
7431
- --bs-btn-bg: transparent;
7432
- --bs-btn-border-color: transparent;
7433
- --bs-btn-color: var(--bs-danger-600);
7434
- --bs-btn-hover-bg: var(--bs-danger-100);
7435
- --bs-btn-hover-border-color: transparent;
7436
- --bs-btn-hover-color: var(--bs-danger-600);
7437
- --bs-btn-focus-bg: transparent;
7438
- --bs-btn-focus-border-color: transparent;
7439
- --bs-btn-focus-color: var(--bs-danger-600);
7440
- --bs-btn-active-bg: var(--bs-danger-200);
7441
- --bs-btn-active-border-color: transparent;
7442
- --bs-btn-active-color: var(--bs-danger-600);
7443
- --bs-btn-disabled-bg: transparent;
7444
- --bs-btn-disabled-border-color: transparent;
7445
- --bs-btn-disabled-color: var(--bs-danger-300);
7446
- --bs-btn-focus-outline-offset: 0;
7447
- }
7448
- .btn-link-danger span {
7449
- text-decoration: underline;
7327
+ --bs-btn-color: var(--bs-btn-link-danger-color);
7328
+ --bs-btn-bg: var(--bs-btn-link-danger-bg);
7329
+ --bs-btn-border-color: var(--bs-btn-link-danger-border-color);
7330
+ --bs-btn-hover-color: var(--bs-btn-link-danger-hover-color);
7331
+ --bs-btn-hover-bg: var(--bs-btn-link-danger-hover-bg);
7332
+ --bs-btn-hover-border-color: var(--bs-btn-link-danger-hover-border-color);
7333
+ --bs-btn-focus-color: var(--bs-btn-link-danger-focus-color);
7334
+ --bs-btn-focus-bg: var(--bs-btn-link-danger-focus-bg);
7335
+ --bs-btn-focus-border-color: var(--bs-btn-link-danger-focus-border-color);
7336
+ --bs-btn-active-color: var(--bs-btn-link-danger-active-color);
7337
+ --bs-btn-active-bg: var(--bs-btn-link-danger-active-bg);
7338
+ --bs-btn-active-border-color: var(--bs-btn-link-danger-active-border-color);
7339
+ --bs-btn-disabled-color: var(--bs-btn-link-danger-disabled-color);
7340
+ --bs-btn-disabled-bg: var(--bs-btn-link-danger-disabled-bg);
7341
+ --bs-btn-disabled-border-color: var(--bs-btn-link-danger-disabled-border-color);
7342
+ --bs-btn-disabled-opacity: var(--bs-btn-link-danger-disabled-opacity);
7450
7343
  }
7451
7344
  .btn-link-danger.loading {
7452
- --bs-btn-disabled-opacity: 1;
7453
- --bs-btn-disabled-bg: transparent;
7454
- --bs-btn-disabled-border-color: transparent;
7455
- --bs-btn-disabled-color: var(--bs-danger-600);
7345
+ --bs-btn-disabled-color: var(--bs-btn-link-danger-active-color);
7346
+ --bs-btn-disabled-bg: var(--bs-btn-link-danger-active-bg);
7347
+ --bs-btn-disabled-border-color: var(--bs-btn-link-danger-active-border-color);
7456
7348
  }
7457
7349
 
7458
7350
  .btn-light {
7459
- --bs-btn-color: #555564;
7460
- --bs-btn-bg: #f7f7ff;
7461
- --bs-btn-border-color: #f7f7ff;
7462
- --bs-btn-hover-color: #555564;
7463
- --bs-btn-hover-bg: #d2d2d9;
7464
- --bs-btn-hover-border-color: #c6c6cc;
7465
- --bs-btn-focus-shadow-rgb: 223, 223, 232;
7466
- --bs-btn-active-color: #000;
7467
- --bs-btn-active-bg: #c6c6cc;
7468
- --bs-btn-active-border-color: #b9b9bf;
7469
- --bs-btn-active-shadow: none;
7470
- --bs-btn-disabled-color: #555564;
7471
- --bs-btn-disabled-bg: #f7f7ff;
7472
- --bs-btn-disabled-border-color: #f7f7ff;
7351
+ --bs-btn-color: var(--bs-btn-light-color);
7352
+ --bs-btn-bg: var(--bs-btn-light-bg);
7353
+ --bs-btn-border-color: var(--bs-btn-light-border-color);
7354
+ --bs-btn-hover-color: var(--bs-btn-light-hover-color);
7355
+ --bs-btn-hover-bg: var(--bs-btn-light-hover-bg);
7356
+ --bs-btn-hover-border-color: var(--bs-btn-light-hover-border-color);
7357
+ --bs-btn-focus-color: var(--bs-btn-light-focus-color);
7358
+ --bs-btn-focus-bg: var(--bs-btn-light-focus-bg);
7359
+ --bs-btn-focus-border-color: var(--bs-btn-light-focus-border-color);
7360
+ --bs-btn-active-color: var(--bs-btn-light-active-color);
7361
+ --bs-btn-active-bg: var(--bs-btn-light-active-bg);
7362
+ --bs-btn-active-border-color: var(--bs-btn-light-active-border-color);
7363
+ --bs-btn-disabled-color: var(--bs-btn-light-disabled-color);
7364
+ --bs-btn-disabled-bg: var(--bs-btn-light-disabled-bg);
7365
+ --bs-btn-disabled-border-color: var(--bs-btn-light-disabled-border-color);
7366
+ --bs-btn-disabled-opacity: var(--bs-btn-light-disabled-opacity);
7367
+ }
7368
+ .btn-light.loading {
7369
+ --bs-btn-disabled-color: var(--bs-btn-light-active-color);
7370
+ --bs-btn-disabled-bg: var(--bs-btn-light-active-bg);
7371
+ --bs-btn-disabled-border-color: var(--bs-btn-light-active-border-color);
7473
7372
  }
7474
7373
 
7475
7374
  .btn-outline-light {
7476
- --bs-btn-color: #f7f7ff;
7477
- --bs-btn-border-color: #f7f7ff;
7478
- --bs-btn-hover-color: #555564;
7479
- --bs-btn-hover-bg: #f7f7ff;
7480
- --bs-btn-hover-border-color: #f7f7ff;
7481
- --bs-btn-focus-shadow-rgb: 247, 247, 255;
7482
- --bs-btn-active-color: #555564;
7483
- --bs-btn-active-bg: #f7f7ff;
7484
- --bs-btn-active-border-color: #f7f7ff;
7485
- --bs-btn-active-shadow: none;
7486
- --bs-btn-disabled-color: #f7f7ff;
7487
- --bs-btn-disabled-bg: transparent;
7488
- --bs-btn-disabled-border-color: #f7f7ff;
7489
- --bs-gradient: none;
7375
+ --bs-btn-color: var(--bs-btn-outline-light-color);
7376
+ --bs-btn-bg: var(--bs-btn-outline-light-bg);
7377
+ --bs-btn-border-color: var(--bs-btn-outline-light-border-color);
7378
+ --bs-btn-hover-color: var(--bs-btn-outline-light-hover-color);
7379
+ --bs-btn-hover-bg: var(--bs-btn-outline-light-hover-bg);
7380
+ --bs-btn-hover-border-color: var(--bs-btn-outline-light-hover-border-color);
7381
+ --bs-btn-focus-color: var(--bs-btn-outline-light-focus-color);
7382
+ --bs-btn-focus-bg: var(--bs-btn-outline-light-focus-bg);
7383
+ --bs-btn-focus-border-color: var(--bs-btn-outline-light-focus-border-color);
7384
+ --bs-btn-active-color: var(--bs-btn-outline-light-active-color);
7385
+ --bs-btn-active-bg: var(--bs-btn-outline-light-active-bg);
7386
+ --bs-btn-active-border-color: var(--bs-btn-outline-light-active-border-color);
7387
+ --bs-btn-disabled-color: var(--bs-btn-outline-light-disabled-color);
7388
+ --bs-btn-disabled-bg: var(--bs-btn-outline-light-disabled-bg);
7389
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-light-disabled-border-color);
7390
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-light-disabled-opacity);
7391
+ }
7392
+ .btn-outline-light.loading {
7393
+ --bs-btn-disabled-color: var(--bs-btn-outline-light-active-color);
7394
+ --bs-btn-disabled-bg: var(--bs-btn-outline-light-active-bg);
7395
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-light-active-border-color);
7490
7396
  }
7491
7397
 
7492
7398
  .btn-link-light {
7493
- --bs-btn-bg: transparent;
7494
- --bs-btn-border-color: transparent;
7495
- --bs-btn-color: #f7f7ff;
7496
- --bs-btn-hover-bg: var(--bs-gray-300);
7497
- --bs-btn-hover-border-color: transparent;
7498
- --bs-btn-hover-color: #f7f7ff;
7499
- --bs-btn-focus-bg: transparent;
7500
- --bs-btn-focus-border-color: transparent;
7501
- --bs-btn-focus-color: #f7f7ff;
7502
- --bs-btn-active-bg: var(--bs-gray-500);
7503
- --bs-btn-active-border-color: transparent;
7504
- --bs-btn-active-color: #f7f7ff;
7505
- --bs-btn-disabled-bg: transparent;
7506
- --bs-btn-disabled-border-color: transparent;
7507
- --bs-btn-disabled-color: var(--bs-gray-300);
7508
- --bs-btn-focus-outline-offset: 0;
7509
- }
7510
- .btn-link-light span {
7511
- text-decoration: underline;
7399
+ --bs-btn-color: var(--bs-btn-link-light-color);
7400
+ --bs-btn-bg: var(--bs-btn-link-light-bg);
7401
+ --bs-btn-border-color: var(--bs-btn-link-light-border-color);
7402
+ --bs-btn-hover-color: var(--bs-btn-link-light-hover-color);
7403
+ --bs-btn-hover-bg: var(--bs-btn-link-light-hover-bg);
7404
+ --bs-btn-hover-border-color: var(--bs-btn-link-light-hover-border-color);
7405
+ --bs-btn-focus-color: var(--bs-btn-link-light-focus-color);
7406
+ --bs-btn-focus-bg: var(--bs-btn-link-light-focus-bg);
7407
+ --bs-btn-focus-border-color: var(--bs-btn-link-light-focus-border-color);
7408
+ --bs-btn-active-color: var(--bs-btn-link-light-active-color);
7409
+ --bs-btn-active-bg: var(--bs-btn-link-light-active-bg);
7410
+ --bs-btn-active-border-color: var(--bs-btn-link-light-active-border-color);
7411
+ --bs-btn-disabled-color: var(--bs-btn-link-light-disabled-color);
7412
+ --bs-btn-disabled-bg: var(--bs-btn-link-light-disabled-bg);
7413
+ --bs-btn-disabled-border-color: var(--bs-btn-link-light-disabled-border-color);
7414
+ --bs-btn-disabled-opacity: var(--bs-btn-link-light-disabled-opacity);
7512
7415
  }
7513
7416
  .btn-link-light.loading {
7514
- --bs-btn-disabled-opacity: 1;
7515
- --bs-btn-disabled-bg: transparent;
7516
- --bs-btn-disabled-border-color: transparent;
7517
- --bs-btn-disabled-color: #f7f7ff;
7417
+ --bs-btn-disabled-color: var(--bs-btn-link-light-active-color);
7418
+ --bs-btn-disabled-bg: var(--bs-btn-link-light-active-bg);
7419
+ --bs-btn-disabled-border-color: var(--bs-btn-link-light-active-border-color);
7518
7420
  }
7519
7421
 
7520
7422
  .btn-dark {
7521
- --bs-btn-color: #fff;
7522
- --bs-btn-bg: #161723;
7523
- --bs-btn-border-color: #161723;
7524
- --bs-btn-hover-color: #fff;
7525
- --bs-btn-hover-bg: #393a44;
7526
- --bs-btn-hover-border-color: #2d2e39;
7527
- --bs-btn-focus-shadow-rgb: 57, 58, 68;
7528
- --bs-btn-active-color: #fff;
7529
- --bs-btn-active-bg: #45454f;
7530
- --bs-btn-active-border-color: #2d2e39;
7531
- --bs-btn-active-shadow: none;
7532
- --bs-btn-disabled-color: #fff;
7533
- --bs-btn-disabled-bg: #161723;
7534
- --bs-btn-disabled-border-color: #161723;
7423
+ --bs-btn-color: var(--bs-btn-dark-color);
7424
+ --bs-btn-bg: var(--bs-btn-dark-bg);
7425
+ --bs-btn-border-color: var(--bs-btn-dark-border-color);
7426
+ --bs-btn-hover-color: var(--bs-btn-dark-hover-color);
7427
+ --bs-btn-hover-bg: var(--bs-btn-dark-hover-bg);
7428
+ --bs-btn-hover-border-color: var(--bs-btn-dark-hover-border-color);
7429
+ --bs-btn-focus-color: var(--bs-btn-dark-focus-color);
7430
+ --bs-btn-focus-bg: var(--bs-btn-dark-focus-bg);
7431
+ --bs-btn-focus-border-color: var(--bs-btn-dark-focus-border-color);
7432
+ --bs-btn-active-color: var(--bs-btn-dark-active-color);
7433
+ --bs-btn-active-bg: var(--bs-btn-dark-active-bg);
7434
+ --bs-btn-active-border-color: var(--bs-btn-dark-active-border-color);
7435
+ --bs-btn-disabled-color: var(--bs-btn-dark-disabled-color);
7436
+ --bs-btn-disabled-bg: var(--bs-btn-dark-disabled-bg);
7437
+ --bs-btn-disabled-border-color: var(--bs-btn-dark-disabled-border-color);
7438
+ --bs-btn-disabled-opacity: var(--bs-btn-dark-disabled-opacity);
7439
+ }
7440
+ .btn-dark.loading {
7441
+ --bs-btn-disabled-color: var(--bs-btn-dark-active-color);
7442
+ --bs-btn-disabled-bg: var(--bs-btn-dark-active-bg);
7443
+ --bs-btn-disabled-border-color: var(--bs-btn-dark-active-border-color);
7535
7444
  }
7536
7445
 
7537
7446
  .btn-outline-dark {
7538
- --bs-btn-color: #161723;
7539
- --bs-btn-border-color: #161723;
7540
- --bs-btn-hover-color: #fff;
7541
- --bs-btn-hover-bg: #161723;
7542
- --bs-btn-hover-border-color: #161723;
7543
- --bs-btn-focus-shadow-rgb: 22, 23, 35;
7544
- --bs-btn-active-color: #fff;
7545
- --bs-btn-active-bg: #161723;
7546
- --bs-btn-active-border-color: #161723;
7547
- --bs-btn-active-shadow: none;
7548
- --bs-btn-disabled-color: #161723;
7549
- --bs-btn-disabled-bg: transparent;
7550
- --bs-btn-disabled-border-color: #161723;
7551
- --bs-gradient: none;
7447
+ --bs-btn-color: var(--bs-btn-outline-dark-color);
7448
+ --bs-btn-bg: var(--bs-btn-outline-dark-bg);
7449
+ --bs-btn-border-color: var(--bs-btn-outline-dark-border-color);
7450
+ --bs-btn-hover-color: var(--bs-btn-outline-dark-hover-color);
7451
+ --bs-btn-hover-bg: var(--bs-btn-outline-dark-hover-bg);
7452
+ --bs-btn-hover-border-color: var(--bs-btn-outline-dark-hover-border-color);
7453
+ --bs-btn-focus-color: var(--bs-btn-outline-dark-focus-color);
7454
+ --bs-btn-focus-bg: var(--bs-btn-outline-dark-focus-bg);
7455
+ --bs-btn-focus-border-color: var(--bs-btn-outline-dark-focus-border-color);
7456
+ --bs-btn-active-color: var(--bs-btn-outline-dark-active-color);
7457
+ --bs-btn-active-bg: var(--bs-btn-outline-dark-active-bg);
7458
+ --bs-btn-active-border-color: var(--bs-btn-outline-dark-active-border-color);
7459
+ --bs-btn-disabled-color: var(--bs-btn-outline-dark-disabled-color);
7460
+ --bs-btn-disabled-bg: var(--bs-btn-outline-dark-disabled-bg);
7461
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-disabled-border-color);
7462
+ --bs-btn-disabled-opacity: var(--bs-btn-outline-dark-disabled-opacity);
7463
+ }
7464
+ .btn-outline-dark.loading {
7465
+ --bs-btn-disabled-color: var(--bs-btn-outline-dark-active-color);
7466
+ --bs-btn-disabled-bg: var(--bs-btn-outline-dark-active-bg);
7467
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-active-border-color);
7552
7468
  }
7553
7469
 
7554
7470
  .btn-link-dark {
7555
- --bs-btn-bg: transparent;
7556
- --bs-btn-border-color: transparent;
7557
- --bs-btn-color: #161723;
7558
- --bs-btn-hover-bg: var(--bs-gray-100);
7559
- --bs-btn-hover-border-color: transparent;
7560
- --bs-btn-hover-color: #161723;
7561
- --bs-btn-focus-bg: transparent;
7562
- --bs-btn-focus-border-color: transparent;
7563
- --bs-btn-focus-color: #161723;
7564
- --bs-btn-active-bg: var(--bs-gray-200);
7565
- --bs-btn-active-border-color: transparent;
7566
- --bs-btn-active-color: #161723;
7567
- --bs-btn-disabled-bg: transparent;
7568
- --bs-btn-disabled-border-color: transparent;
7569
- --bs-btn-disabled-color: var(--bs-gray-300);
7570
- --bs-btn-focus-outline-offset: 0;
7571
- }
7572
- .btn-link-dark span {
7573
- text-decoration: underline;
7471
+ --bs-btn-color: var(--bs-btn-link-dark-color);
7472
+ --bs-btn-bg: var(--bs-btn-link-dark-bg);
7473
+ --bs-btn-border-color: var(--bs-btn-link-dark-border-color);
7474
+ --bs-btn-hover-color: var(--bs-btn-link-dark-hover-color);
7475
+ --bs-btn-hover-bg: var(--bs-btn-link-dark-hover-bg);
7476
+ --bs-btn-hover-border-color: var(--bs-btn-link-dark-hover-border-color);
7477
+ --bs-btn-focus-color: var(--bs-btn-link-dark-focus-color);
7478
+ --bs-btn-focus-bg: var(--bs-btn-link-dark-focus-bg);
7479
+ --bs-btn-focus-border-color: var(--bs-btn-link-dark-focus-border-color);
7480
+ --bs-btn-active-color: var(--bs-btn-link-dark-active-color);
7481
+ --bs-btn-active-bg: var(--bs-btn-link-dark-active-bg);
7482
+ --bs-btn-active-border-color: var(--bs-btn-link-dark-active-border-color);
7483
+ --bs-btn-disabled-color: var(--bs-btn-link-dark-disabled-color);
7484
+ --bs-btn-disabled-bg: var(--bs-btn-link-dark-disabled-bg);
7485
+ --bs-btn-disabled-border-color: var(--bs-btn-link-dark-disabled-border-color);
7486
+ --bs-btn-disabled-opacity: var(--bs-btn-link-dark-disabled-opacity);
7574
7487
  }
7575
7488
  .btn-link-dark.loading {
7576
- --bs-btn-disabled-opacity: 1;
7577
- --bs-btn-disabled-bg: transparent;
7578
- --bs-btn-disabled-border-color: transparent;
7579
- --bs-btn-disabled-color: #161723;
7489
+ --bs-btn-disabled-color: var(--bs-btn-link-dark-active-color);
7490
+ --bs-btn-disabled-bg: var(--bs-btn-link-dark-active-bg);
7491
+ --bs-btn-disabled-border-color: var(--bs-btn-link-dark-active-border-color);
7580
7492
  }
7581
7493
 
7582
7494
  .btn-lg, .btn-group-lg > .btn {
@@ -7596,9 +7508,12 @@ body {
7596
7508
  [class*=btn-link-] {
7597
7509
  --bs-btn-text-decoration: var(--bs-link-decoration);
7598
7510
  }
7511
+ [class*=btn-link-] span {
7512
+ text-decoration: underline;
7513
+ }
7599
7514
 
7600
7515
  .btn-link {
7601
- --bs-btn-font-weight: 400;
7516
+ --bs-btn-font-weight: var(--bs-fw-normal);
7602
7517
  --bs-btn-color: var(--bs-link-color);
7603
7518
  --bs-btn-bg: transparent;
7604
7519
  --bs-btn-border-color: transparent;
@@ -7622,8 +7537,18 @@ body {
7622
7537
  color: var(--bs-btn-hover-color);
7623
7538
  }
7624
7539
 
7540
+ .btn-group-vertical .btn {
7541
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
7542
+ }
7543
+ .btn-group-vertical.btn-group-lg .btn {
7544
+ --bs-btn-border-radius: var(--bs-border-radius);
7545
+ }
7546
+ .btn-group-vertical.btn-group-sm .btn {
7547
+ --bs-btn-border-radius: var(--bs-border-radius-sm);
7548
+ }
7549
+
7625
7550
  .progress {
7626
- --bs-progress-bar-font-weight: var(--bs-ref-fw-bold);
7551
+ --bs-progress-bar-font-weight: var(--bs-fw-bold);
7627
7552
  font-weight: var(--bs-progress-bar-font-weight);
7628
7553
  }
7629
7554
  .progress .progress-bar:not(:empty) {
@@ -7847,6 +7772,126 @@ label .d-icon {
7847
7772
  --bs-icon-color: var(--bs-focus-ring-color);
7848
7773
  }
7849
7774
 
7775
+ .avatar {
7776
+ --bs-avatar-size: var(--bs-ref-spacer-8);
7777
+ --bs-avatar-title-bg: var(--bs-gray-500);
7778
+ --bs-avatar-title-color: var(--bs-white);
7779
+ --bs-avatar-radius: var(--bs-border-radius-pill);
7780
+ position: relative;
7781
+ display: inline-block;
7782
+ width: var(--bs-avatar-size);
7783
+ height: var(--bs-avatar-size);
7784
+ font-size: calc(var(--bs-avatar-size) / 3);
7785
+ }
7786
+ .avatar .avatar-img {
7787
+ width: 100%;
7788
+ height: 100%;
7789
+ -o-object-fit: cover;
7790
+ object-fit: cover;
7791
+ border-radius: var(--bs-avatar-radius);
7792
+ }
7793
+ .avatar .avatar-title {
7794
+ display: flex;
7795
+ align-items: center;
7796
+ justify-content: center;
7797
+ width: 100%;
7798
+ height: 100%;
7799
+ color: var(--bs-avatar-title-color);
7800
+ white-space: pre-wrap;
7801
+ background-color: var(--bs-avatar-title-bg);
7802
+ border-radius: var(--bs-avatar-radius);
7803
+ }
7804
+
7805
+ .avatar-xs {
7806
+ --bs-avatar-size: var(--bs-ref-spacer-4);
7807
+ }
7808
+
7809
+ .avatar-sm {
7810
+ --bs-avatar-size: var(--bs-ref-spacer-6);
7811
+ }
7812
+
7813
+ .avatar-lg {
7814
+ --bs-avatar-size: var(--bs-ref-spacer-10);
7815
+ }
7816
+
7817
+ .avatar-xl {
7818
+ --bs-avatar-size: var(--bs-ref-spacer-12);
7819
+ }
7820
+
7821
+ .avatar-xxl {
7822
+ --bs-avatar-size: var(--bs-ref-spacer-14);
7823
+ }
7824
+
7825
+ .avatar-group .avatar-img {
7826
+ box-shadow: -2px 0 2px rgba(0, 0, 0, 0.1);
7827
+ }
7828
+ .avatar-group .avatar + .avatar {
7829
+ margin-left: calc(var(--bs-avatar-size) * -0.25);
7830
+ }
7831
+
7832
+ .backdrop {
7833
+ --bs-backdrop-zindex: 1055;
7834
+ --bs-backdrop-bg: var(--bs-black);
7835
+ --bs-backdrop-opacity: 0.3;
7836
+ position: fixed;
7837
+ top: 0;
7838
+ left: 0;
7839
+ z-index: var(--bs-backdrop-zindex);
7840
+ width: 100vw;
7841
+ height: 100vh;
7842
+ background-color: var(--bs-backdrop-bg);
7843
+ }
7844
+ .backdrop.fade {
7845
+ opacity: 0;
7846
+ }
7847
+ .backdrop.show {
7848
+ opacity: var(--bs-backdrop-opacity);
7849
+ }
7850
+
7851
+ .tooltip {
7852
+ --bs-tooltip-sm-font-size: var(--bs-fs-small);
7853
+ --bs-tooltip-lg-font-size: var(--bs-fs-6);
7854
+ fill: var(--bs-tooltip-bg);
7855
+ }
7856
+ .tooltip.tooltip-sm {
7857
+ --bs-tooltip-font-size: var(--bs-tooltip-sm-font-size);
7858
+ }
7859
+ .tooltip.tooltip-lg {
7860
+ --bs-tooltip-font-size: var(--bs-tooltip-lg-font-size);
7861
+ }
7862
+ .tooltip.tooltip-primary {
7863
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7864
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-primary));
7865
+ }
7866
+ .tooltip.tooltip-secondary {
7867
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7868
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-secondary));
7869
+ }
7870
+ .tooltip.tooltip-success {
7871
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7872
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-success));
7873
+ }
7874
+ .tooltip.tooltip-info {
7875
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7876
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-info));
7877
+ }
7878
+ .tooltip.tooltip-warning {
7879
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-black));
7880
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-warning));
7881
+ }
7882
+ .tooltip.tooltip-danger {
7883
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7884
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-danger));
7885
+ }
7886
+ .tooltip.tooltip-light {
7887
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-gray-700));
7888
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-light));
7889
+ }
7890
+ .tooltip.tooltip-dark {
7891
+ --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
7892
+ --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-dark));
7893
+ }
7894
+
7850
7895
  :root {
7851
7896
  --toastify-color-light: #fff;
7852
7897
  --toastify-color-dark: #121212;
@@ -7860,9 +7905,15 @@ label .d-icon {
7860
7905
  --toastify-icon-color-warning: var(--toastify-color-warning);
7861
7906
  --toastify-icon-color-error: var(--toastify-color-error);
7862
7907
  --toastify-toast-width: 320px;
7908
+ --toastify-toast-offset: 16px;
7909
+ --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
7910
+ --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
7911
+ --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
7912
+ --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
7863
7913
  --toastify-toast-background: #fff;
7864
7914
  --toastify-toast-min-height: 64px;
7865
7915
  --toastify-toast-max-height: 800px;
7916
+ --toastify-toast-bd-radius: 6px;
7866
7917
  --toastify-font-family: sans-serif;
7867
7918
  --toastify-z-index: 9999;
7868
7919
  --toastify-text-color-light: #757575;
@@ -7887,6 +7938,7 @@ label .d-icon {
7887
7938
  --toastify-color-progress-success: var(--toastify-color-success);
7888
7939
  --toastify-color-progress-warning: var(--toastify-color-warning);
7889
7940
  --toastify-color-progress-error: var(--toastify-color-error);
7941
+ --toastify-color-progress-bgo: 0.2;
7890
7942
  }
7891
7943
 
7892
7944
  .Toastify__toast-container {
@@ -7899,69 +7951,116 @@ label .d-icon {
7899
7951
  color: #fff;
7900
7952
  }
7901
7953
  .Toastify__toast-container--top-left {
7902
- top: 1em;
7903
- left: 1em;
7954
+ top: var(--toastify-toast-top);
7955
+ left: var(--toastify-toast-left);
7904
7956
  }
7905
7957
  .Toastify__toast-container--top-center {
7906
- top: 1em;
7958
+ top: var(--toastify-toast-top);
7907
7959
  left: 50%;
7908
7960
  transform: translateX(-50%);
7909
7961
  }
7910
7962
  .Toastify__toast-container--top-right {
7911
- top: 1em;
7912
- right: 1em;
7963
+ top: var(--toastify-toast-top);
7964
+ right: var(--toastify-toast-right);
7913
7965
  }
7914
7966
  .Toastify__toast-container--bottom-left {
7915
- bottom: 1em;
7916
- left: 1em;
7967
+ bottom: var(--toastify-toast-bottom);
7968
+ left: var(--toastify-toast-left);
7917
7969
  }
7918
7970
  .Toastify__toast-container--bottom-center {
7919
- bottom: 1em;
7971
+ bottom: var(--toastify-toast-bottom);
7920
7972
  left: 50%;
7921
7973
  transform: translateX(-50%);
7922
7974
  }
7923
7975
  .Toastify__toast-container--bottom-right {
7924
- bottom: 1em;
7925
- right: 1em;
7976
+ bottom: var(--toastify-toast-bottom);
7977
+ right: var(--toastify-toast-right);
7926
7978
  }
7927
7979
 
7928
7980
  @media only screen and (max-width : 480px) {
7929
7981
  .Toastify__toast-container {
7930
7982
  width: 100vw;
7931
7983
  padding: 0;
7932
- left: 0;
7984
+ left: env(safe-area-inset-left);
7933
7985
  margin: 0;
7934
7986
  }
7935
7987
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
7936
- top: 0;
7988
+ top: env(safe-area-inset-top);
7937
7989
  transform: translateX(0);
7938
7990
  }
7939
7991
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
7940
- bottom: 0;
7992
+ bottom: env(safe-area-inset-bottom);
7941
7993
  transform: translateX(0);
7942
7994
  }
7943
7995
  .Toastify__toast-container--rtl {
7944
- right: 0;
7996
+ right: env(safe-area-inset-right);
7945
7997
  left: initial;
7946
7998
  }
7947
7999
  }
7948
8000
  .Toastify__toast {
8001
+ --y: 0;
7949
8002
  position: relative;
8003
+ touch-action: none;
7950
8004
  min-height: var(--toastify-toast-min-height);
7951
8005
  box-sizing: border-box;
7952
8006
  margin-bottom: 1rem;
7953
8007
  padding: 8px;
7954
- border-radius: 4px;
7955
- box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
8008
+ border-radius: var(--toastify-toast-bd-radius);
8009
+ box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
7956
8010
  display: flex;
7957
8011
  justify-content: space-between;
7958
8012
  max-height: var(--toastify-toast-max-height);
7959
- overflow: hidden;
7960
8013
  font-family: var(--toastify-font-family);
7961
8014
  cursor: default;
7962
8015
  direction: ltr;
7963
8016
  /* webkit only issue #791 */
7964
8017
  z-index: 0;
8018
+ overflow: hidden;
8019
+ }
8020
+ .Toastify__toast--stacked {
8021
+ position: absolute;
8022
+ width: 100%;
8023
+ transform: translate3d(0, var(--y), 0) scale(var(--s));
8024
+ transition: transform 0.3s;
8025
+ }
8026
+ .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
8027
+ transition: opacity 0.1s;
8028
+ }
8029
+ .Toastify__toast--stacked[data-collapsed=false] {
8030
+ overflow: visible;
8031
+ }
8032
+ .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
8033
+ opacity: 0;
8034
+ }
8035
+ .Toastify__toast--stacked:after {
8036
+ content: "";
8037
+ position: absolute;
8038
+ left: 0;
8039
+ right: 0;
8040
+ height: calc(var(--g) * 1px);
8041
+ bottom: 100%;
8042
+ }
8043
+ .Toastify__toast--stacked[data-pos=top] {
8044
+ top: 0;
8045
+ }
8046
+ .Toastify__toast--stacked[data-pos=bot] {
8047
+ bottom: 0;
8048
+ }
8049
+ .Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
8050
+ transform-origin: top;
8051
+ }
8052
+ .Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
8053
+ transform-origin: bottom;
8054
+ }
8055
+ .Toastify__toast--stacked:before {
8056
+ content: "";
8057
+ position: absolute;
8058
+ left: 0;
8059
+ right: 0;
8060
+ bottom: 0;
8061
+ height: 100%;
8062
+ transform: scaleY(3);
8063
+ z-index: -1;
7965
8064
  }
7966
8065
  .Toastify__toast--rtl {
7967
8066
  direction: rtl;
@@ -7990,7 +8089,7 @@ label .d-icon {
7990
8089
 
7991
8090
  .Toastify--animate {
7992
8091
  animation-fill-mode: both;
7993
- animation-duration: 0.7s;
8092
+ animation-duration: 0.5s;
7994
8093
  }
7995
8094
 
7996
8095
  .Toastify--animate-icon {
@@ -8065,6 +8164,7 @@ label .d-icon {
8065
8164
  opacity: 0.7;
8066
8165
  transition: 0.3s ease;
8067
8166
  align-self: flex-start;
8167
+ z-index: 1;
8068
8168
  }
8069
8169
  .Toastify__close-button--light {
8070
8170
  color: #000;
@@ -8092,10 +8192,11 @@ label .d-icon {
8092
8192
  bottom: 0;
8093
8193
  left: 0;
8094
8194
  width: 100%;
8095
- height: 5px;
8195
+ height: 100%;
8096
8196
  z-index: var(--toastify-z-index);
8097
8197
  opacity: 0.7;
8098
8198
  transform-origin: left;
8199
+ border-bottom-left-radius: var(--toastify-toast-bd-radius);
8099
8200
  }
8100
8201
  .Toastify__progress-bar--animated {
8101
8202
  animation: Toastify__trackProgress linear 1 forwards;
@@ -8107,6 +8208,24 @@ label .d-icon {
8107
8208
  right: 0;
8108
8209
  left: initial;
8109
8210
  transform-origin: right;
8211
+ border-bottom-left-radius: initial;
8212
+ border-bottom-right-radius: var(--toastify-toast-bd-radius);
8213
+ }
8214
+ .Toastify__progress-bar--wrp {
8215
+ position: absolute;
8216
+ bottom: 0;
8217
+ left: 0;
8218
+ width: 100%;
8219
+ height: 5px;
8220
+ border-bottom-left-radius: var(--toastify-toast-bd-radius);
8221
+ }
8222
+ .Toastify__progress-bar--wrp[data-hidden=true] {
8223
+ opacity: 0;
8224
+ }
8225
+ .Toastify__progress-bar--bg {
8226
+ opacity: var(--toastify-color-progress-bgo);
8227
+ width: 100%;
8228
+ height: 100%;
8110
8229
  }
8111
8230
 
8112
8231
  .Toastify__spinner {
@@ -8145,11 +8264,11 @@ label .d-icon {
8145
8264
  @keyframes Toastify__bounceOutRight {
8146
8265
  20% {
8147
8266
  opacity: 1;
8148
- transform: translate3d(-20px, 0, 0);
8267
+ transform: translate3d(-20px, var(--y), 0);
8149
8268
  }
8150
8269
  to {
8151
8270
  opacity: 0;
8152
- transform: translate3d(2000px, 0, 0);
8271
+ transform: translate3d(2000px, var(--y), 0);
8153
8272
  }
8154
8273
  }
8155
8274
  @keyframes Toastify__bounceInLeft {
@@ -8177,11 +8296,11 @@ label .d-icon {
8177
8296
  @keyframes Toastify__bounceOutLeft {
8178
8297
  20% {
8179
8298
  opacity: 1;
8180
- transform: translate3d(20px, 0, 0);
8299
+ transform: translate3d(20px, var(--y), 0);
8181
8300
  }
8182
8301
  to {
8183
8302
  opacity: 0;
8184
- transform: translate3d(-2000px, 0, 0);
8303
+ transform: translate3d(-2000px, var(--y), 0);
8185
8304
  }
8186
8305
  }
8187
8306
  @keyframes Toastify__bounceInUp {
@@ -8208,11 +8327,11 @@ label .d-icon {
8208
8327
  }
8209
8328
  @keyframes Toastify__bounceOutUp {
8210
8329
  20% {
8211
- transform: translate3d(0, -10px, 0);
8330
+ transform: translate3d(0, calc(var(--y) - 10px), 0);
8212
8331
  }
8213
8332
  40%, 45% {
8214
8333
  opacity: 1;
8215
- transform: translate3d(0, 20px, 0);
8334
+ transform: translate3d(0, calc(var(--y) + 20px), 0);
8216
8335
  }
8217
8336
  to {
8218
8337
  opacity: 0;
@@ -8243,11 +8362,11 @@ label .d-icon {
8243
8362
  }
8244
8363
  @keyframes Toastify__bounceOutDown {
8245
8364
  20% {
8246
- transform: translate3d(0, 10px, 0);
8365
+ transform: translate3d(0, calc(var(--y) - 10px), 0);
8247
8366
  }
8248
8367
  40%, 45% {
8249
8368
  opacity: 1;
8250
- transform: translate3d(0, -20px, 0);
8369
+ transform: translate3d(0, calc(var(--y) + 20px), 0);
8251
8370
  }
8252
8371
  to {
8253
8372
  opacity: 0;
@@ -8295,7 +8414,7 @@ label .d-icon {
8295
8414
  }
8296
8415
  50% {
8297
8416
  opacity: 0;
8298
- transform: scale3d(0.3, 0.3, 0.3);
8417
+ transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
8299
8418
  }
8300
8419
  to {
8301
8420
  opacity: 0;
@@ -8332,14 +8451,14 @@ label .d-icon {
8332
8451
  }
8333
8452
  @keyframes Toastify__flipOut {
8334
8453
  from {
8335
- transform: perspective(400px);
8454
+ transform: translate3d(0, var(--y), 0) perspective(400px);
8336
8455
  }
8337
8456
  30% {
8338
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
8457
+ transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
8339
8458
  opacity: 1;
8340
8459
  }
8341
8460
  to {
8342
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
8461
+ transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
8343
8462
  opacity: 0;
8344
8463
  }
8345
8464
  }
@@ -8357,7 +8476,7 @@ label .d-icon {
8357
8476
  visibility: visible;
8358
8477
  }
8359
8478
  to {
8360
- transform: translate3d(0, 0, 0);
8479
+ transform: translate3d(0, var(--y), 0);
8361
8480
  }
8362
8481
  }
8363
8482
  @keyframes Toastify__slideInLeft {
@@ -8366,7 +8485,7 @@ label .d-icon {
8366
8485
  visibility: visible;
8367
8486
  }
8368
8487
  to {
8369
- transform: translate3d(0, 0, 0);
8488
+ transform: translate3d(0, var(--y), 0);
8370
8489
  }
8371
8490
  }
8372
8491
  @keyframes Toastify__slideInUp {
@@ -8375,7 +8494,7 @@ label .d-icon {
8375
8494
  visibility: visible;
8376
8495
  }
8377
8496
  to {
8378
- transform: translate3d(0, 0, 0);
8497
+ transform: translate3d(0, var(--y), 0);
8379
8498
  }
8380
8499
  }
8381
8500
  @keyframes Toastify__slideInDown {
@@ -8384,30 +8503,30 @@ label .d-icon {
8384
8503
  visibility: visible;
8385
8504
  }
8386
8505
  to {
8387
- transform: translate3d(0, 0, 0);
8506
+ transform: translate3d(0, var(--y), 0);
8388
8507
  }
8389
8508
  }
8390
8509
  @keyframes Toastify__slideOutRight {
8391
8510
  from {
8392
- transform: translate3d(0, 0, 0);
8511
+ transform: translate3d(0, var(--y), 0);
8393
8512
  }
8394
8513
  to {
8395
8514
  visibility: hidden;
8396
- transform: translate3d(110%, 0, 0);
8515
+ transform: translate3d(110%, var(--y), 0);
8397
8516
  }
8398
8517
  }
8399
8518
  @keyframes Toastify__slideOutLeft {
8400
8519
  from {
8401
- transform: translate3d(0, 0, 0);
8520
+ transform: translate3d(0, var(--y), 0);
8402
8521
  }
8403
8522
  to {
8404
8523
  visibility: hidden;
8405
- transform: translate3d(-110%, 0, 0);
8524
+ transform: translate3d(-110%, var(--y), 0);
8406
8525
  }
8407
8526
  }
8408
8527
  @keyframes Toastify__slideOutDown {
8409
8528
  from {
8410
- transform: translate3d(0, 0, 0);
8529
+ transform: translate3d(0, var(--y), 0);
8411
8530
  }
8412
8531
  to {
8413
8532
  visibility: hidden;
@@ -8416,7 +8535,7 @@ label .d-icon {
8416
8535
  }
8417
8536
  @keyframes Toastify__slideOutUp {
8418
8537
  from {
8419
- transform: translate3d(0, 0, 0);
8538
+ transform: translate3d(0, var(--y), 0);
8420
8539
  }
8421
8540
  to {
8422
8541
  visibility: hidden;
@@ -8438,15 +8557,23 @@ label .d-icon {
8438
8557
 
8439
8558
  .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
8440
8559
  animation-name: Toastify__slideOutLeft;
8560
+ animation-timing-function: ease-in;
8561
+ animation-duration: 0.3s;
8441
8562
  }
8442
8563
  .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
8443
8564
  animation-name: Toastify__slideOutRight;
8565
+ animation-timing-function: ease-in;
8566
+ animation-duration: 0.3s;
8444
8567
  }
8445
8568
  .Toastify__slide-exit--top-center {
8446
8569
  animation-name: Toastify__slideOutUp;
8570
+ animation-timing-function: ease-in;
8571
+ animation-duration: 0.3s;
8447
8572
  }
8448
8573
  .Toastify__slide-exit--bottom-center {
8449
8574
  animation-name: Toastify__slideOutDown;
8575
+ animation-timing-function: ease-in;
8576
+ animation-duration: 0.3s;
8450
8577
  }
8451
8578
 
8452
8579
  @keyframes Toastify__spin {
@@ -8460,7 +8587,7 @@ label .d-icon {
8460
8587
  .d-icon {
8461
8588
  --bs-icon-color: var(--bs-icon-component-color, inherit);
8462
8589
  --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
8463
- --bs-icon-size: var(--bs-icon-component-size, $spacer-6);
8590
+ --bs-icon-size: var(--bs-icon-component-size, var(--bs-ref-spacer-6));
8464
8591
  --bs-icon-padding: var(--bs-icon-component-padding, 0);
8465
8592
  --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
8466
8593
  display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
@@ -8508,6 +8635,9 @@ label .d-icon {
8508
8635
  text-align: center;
8509
8636
  box-shadow: none;
8510
8637
  }
8638
+ .d-input-pin .form-control:has(~ .input-group-text) {
8639
+ padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4);
8640
+ }
8511
8641
  .d-input-pin .form-control::-webkit-inner-spin-button,
8512
8642
  .d-input-pin .form-control::-webkit-outer-spin-button {
8513
8643
  margin: 0;
@@ -8543,6 +8673,7 @@ label .d-icon {
8543
8673
  }
8544
8674
  .d-input-pin .input-group-text {
8545
8675
  padding-left: var(--bs-input-pin-form-gap);
8676
+ background-color: transparent;
8546
8677
  }
8547
8678
 
8548
8679
  .d-quick-action-button {
@@ -8556,17 +8687,19 @@ label .d-icon {
8556
8687
  --bs-quick-action-button-border-right: var(--bs-quick-action-button-component-border-right, var(--bs-quick-action-button-border));
8557
8688
  --bs-quick-action-button-border-bottom: var(--bs-quick-action-button-component-border-bottom, var(--bs-quick-action-button-border));
8558
8689
  --bs-quick-action-button-border-left: var(--bs-quick-action-button-component-border-left, var(--bs-quick-action-button-border));
8559
- --bs-quick-action-button-line1-font-size: var(--bs-ref-fs-6);
8560
- --bs-quick-action-button-line1-font-weight: var(--bs-ref-fw-bold);
8690
+ --bs-quick-action-button-line1-font-size: var(--bs-fs-6);
8691
+ --bs-quick-action-button-line1-font-weight: var(--bs-fw-bold);
8561
8692
  --bs-quick-action-button-line1-color: var(--bs-body-color);
8562
- --bs-quick-action-button-line2-font-size: var(--bs-ref-fs-small);
8563
- --bs-quick-action-button-line2-font-weight: var(--bs-ref-fw-normal);
8693
+ --bs-quick-action-button-line2-font-size: var(--bs-fs-small);
8694
+ --bs-quick-action-button-line2-font-weight: var(--bs-fw-normal);
8564
8695
  --bs-quick-action-button-line2-color: var(--bs-gray-500);
8565
8696
  --bs-quick-action-button-representative-image-size: var(--bs-ref-spacer-9);
8566
8697
  --bs-quick-action-button-representative-image-border-radius: 0.5rem;
8567
8698
  --bs-quick-action-button-representative-icon-size: var(--bs-ref-spacer-6);
8568
8699
  --bs-quick-action-button-action-icon-color: var(--bs-gray-500);
8569
8700
  --bs-quick-action-button-action-icon-size: var(--bs-body-font-size);
8701
+ --bs-quick-action-button-action-link-padding-x: var(--bs-ref-spacer-3);
8702
+ --bs-quick-action-button-action-link-padding-y: var(--bs-ref-spacer-2);
8570
8703
  --bs-quick-action-button-hover-bg: var(--bs-gray-100);
8571
8704
  --bs-quick-action-button-hover-border-color: var(--bs-secondary-100);
8572
8705
  --bs-quick-action-button-hover-action-icon-color: var(--bs-secondary);
@@ -8619,6 +8752,11 @@ label .d-icon {
8619
8752
  flex-direction: column;
8620
8753
  flex-grow: 1;
8621
8754
  }
8755
+ .d-quick-action-button .d-quick-action-button-action-link,
8756
+ .d-quick-action-button .d-quick-action-button-secondary-action-link {
8757
+ --bs-btn-padding-x: var(--bs-quick-action-button-action-link-padding-x);
8758
+ --bs-btn-padding-y: var(--bs-quick-action-button-action-link-padding-y);
8759
+ }
8622
8760
  .d-quick-action-button .d-quick-action-button-line1 {
8623
8761
  font-size: var(--bs-quick-action-button-line1-font-size);
8624
8762
  font-weight: var(--bs-quick-action-button-line1-font-weight);
@@ -8643,17 +8781,19 @@ label .d-icon {
8643
8781
  --bs-quick-action-select-padding: var(--bs-ref-spacer-4);
8644
8782
  --bs-quick-action-select-bg: var(--bs-gray-100);
8645
8783
  --bs-quick-action-select-border-radius: var(--bs-border-radius-sm);
8646
- --bs-quick-action-select-line1-font-size: var(--bs-ref-fs-small);
8647
- --bs-quick-action-select-line1-font-weight: var(--bs-ref-fw-normal);
8784
+ --bs-quick-action-select-line1-font-size: var(--bs-fs-small);
8785
+ --bs-quick-action-select-line1-font-weight: var(--bs-fw-normal);
8648
8786
  --bs-quick-action-select-line1-color: var(--bs-secondary);
8649
8787
  --bs-quick-action-select-line2-font-size: var(--bs-body-font-size);
8650
- --bs-quick-action-select-line2-font-weight: var(--bs-ref-fw-bold);
8788
+ --bs-quick-action-select-line2-font-weight: var(--bs-fw-bold);
8651
8789
  --bs-quick-action-select-line2-color: var(--bs-light-text-emphasis);
8652
8790
  --bs-quick-action-select-hover-bg: var(--bs-gray-200);
8653
8791
  --bs-quick-action-select-checked-bg: var(--bs-secondary);
8654
8792
  --bs-quick-action-select-checked-color: var(--bs-white);
8655
8793
  display: flex;
8656
8794
  flex-direction: column;
8795
+ gap: 0;
8796
+ align-items: flex-start;
8657
8797
  width: 100%;
8658
8798
  padding: var(--bs-quick-action-select-padding);
8659
8799
  text-align: left;
@@ -8691,13 +8831,13 @@ label .d-icon {
8691
8831
  --bs-quick-action-check-bg: var(--bs-white);
8692
8832
  --bs-quick-action-check-border-radius: var(--bs-border-radius-sm);
8693
8833
  --bs-quick-action-check-line1-font-size: var(--bs-body-font-size);
8694
- --bs-quick-action-check-line1-font-weight: var(--bs-ref-fw-bold);
8834
+ --bs-quick-action-check-line1-font-weight: var(--bs-fw-bold);
8695
8835
  --bs-quick-action-check-line1-color: var(--bs-gray-900);
8696
- --bs-quick-action-check-line2-font-size: var(--bs-ref-fs-small);
8697
- --bs-quick-action-check-line2-font-weight: var(--bs-ref-fw-normal);
8836
+ --bs-quick-action-check-line2-font-size: var(--bs-fs-small);
8837
+ --bs-quick-action-check-line2-font-weight: var(--bs-fw-normal);
8698
8838
  --bs-quick-action-check-line2-color: var(--bs-gray);
8699
8839
  --bs-quick-action-check-line3-font-size: var(--bs-body-font-size);
8700
- --bs-quick-action-check-line3-font-weight: var(--bs-ref-fw-bold);
8840
+ --bs-quick-action-check-line3-font-weight: var(--bs-fw-bold);
8701
8841
  --bs-quick-action-check-line3-color: var(--bs-gray);
8702
8842
  --bs-quick-action-check-hover-bg: var(--bs-gray-100);
8703
8843
  --bs-quick-action-check-checked-bg: var(--bs-white);
@@ -8753,10 +8893,10 @@ label .d-icon {
8753
8893
  --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
8754
8894
  --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
8755
8895
  --bs-quick-action-switch-label-font-size: 1rem;
8756
- --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
8896
+ --bs-quick-action-switch-label-font-weight: var(--bs-fw-bold);
8757
8897
  --bs-quick-action-switch-label-color: var(--bs-gray);
8758
- --bs-quick-action-switch-hint-font-size: var(--bs-ref-fs-small);
8759
- --bs-quick-action-switch-hint-font-weight: var(--bs-ref-fw-normal);
8898
+ --bs-quick-action-switch-hint-font-size: var(--bs-fs-small);
8899
+ --bs-quick-action-switch-hint-font-weight: var(--bs-fw-normal);
8760
8900
  --bs-quick-action-switch-hint-color: var(--bs-gray-400);
8761
8901
  --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
8762
8902
  --bs-quick-action-switch-checked-bg: var(--bs-white);
@@ -8790,10 +8930,10 @@ label .d-icon {
8790
8930
  flex-direction: row;
8791
8931
  gap: var(--bs-quick-action-switch-content-gap);
8792
8932
  }
8793
- .d-quick-action-switch .d-quick-action-switch-label {
8794
- font-size: var(--bs-quick-action-switch-label-font-size);
8795
- font-weight: var(--bs-quick-action-switch-label-font-weight);
8796
- color: var(--bs-quick-action-switch-label-color);
8933
+ .d-quick-action-switch label {
8934
+ --bs-label-font-size: var(--bs-quick-action-switch-label-font-size);
8935
+ --bs-label-font-weight: var(--bs-quick-action-switch-label-font-weight);
8936
+ --bs-label-color: var(--bs-quick-action-switch-label-color);
8797
8937
  }
8798
8938
  .d-quick-action-switch .d-quick-action-switch-hint {
8799
8939
  font-size: var(--bs-quick-action-switch-hint-font-size);
@@ -8811,8 +8951,8 @@ label .d-icon {
8811
8951
  --bs-chip-border-radius: 50rem;
8812
8952
  --bs-chip-padding-x: 0.5rem;
8813
8953
  --bs-chip-padding-y: 0.25rem;
8814
- --bs-chip-font-size: 0.875rem;
8815
- --bs-chip-font-weight: 700;
8954
+ --bs-chip-font-size: var(--bs-fs-small);
8955
+ --bs-chip-font-weight: var(--bs-fw-bold);
8816
8956
  --bs-chip-line-height: 1.5rem;
8817
8957
  display: inline-flex;
8818
8958
  flex-direction: row;
@@ -8962,8 +9102,8 @@ label .d-icon {
8962
9102
 
8963
9103
  .d-collapse-icon-text {
8964
9104
  --bs-collapse-icon-text-header-gap: var(--bs-ref-spacer-4);
8965
- --bs-collapse-icon-text-header-font-size: var(--bs-ref-fs-6);
8966
- --bs-collapse-icon-text-header-font-weight: var(--bs-ref-fw-bold);
9105
+ --bs-collapse-icon-text-header-font-size: var(--bs-fs-6);
9106
+ --bs-collapse-icon-text-header-font-weight: var(--bs-fw-bold);
8967
9107
  }
8968
9108
  .d-collapse-icon-text .d-collapse-icon-text-header {
8969
9109
  display: flex;
@@ -9777,35 +9917,42 @@ label .d-icon {
9777
9917
  --bs-datepicker-box-shadow: var(--bs-box-shadow);
9778
9918
  --bs-datepicker-font-size: var(--bs-ref-spacer-4);
9779
9919
  --bs-datepicker-header-gap: var(--bs-ref-spacer-4);
9780
- --bs-datepicker-header-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-6);
9920
+ --bs-datepicker-header-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-7);
9781
9921
  --bs-datepicker-header-background-color: var(--bs-secondary-soft);
9782
9922
  --bs-datepicker-header-border: 0;
9783
- --bs-datepicker-header-font-size: var(--bs-ref-fs-6);
9923
+ --bs-datepicker-header-font-size: var(--bs-fs-6);
9924
+ --bs-datepicker-header-button-padding: 0;
9925
+ --bs-datepicker-header-select-padding: 0 var(--bs-ref-spacer-1);
9926
+ --bs-datepicker-header-select-font-weight: var(--bs-fw-bold);
9927
+ --bs-datepicker-header-select-menu-width: fit-content;
9784
9928
  --bs-datepicker-day-names-margin: 0;
9785
9929
  --bs-datepicker-day-names-font-size: var(--bs-ref-spacer-4);
9786
- --bs-datepicker-day-name-weight: var(--bs-ref-fw-bold);
9930
+ --bs-datepicker-day-name-weight: var(--bs-fw-bold);
9787
9931
  --bs-datepicker-day-name-margin: 0;
9788
- --bs-datepicker-day-name-size: var(--bs-ref-spacer-4);
9932
+ --bs-datepicker-day-name-padding: 0;
9933
+ --bs-datepicker-day-name-size: var(--bs-ref-spacer-5);
9789
9934
  --bs-datepicker-day-name-color: var(--bs-gray-500);
9790
- --bs-datepicker-month-gap: var(--bs-ref-spacer-2);
9791
- --bs-datepicker-month-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-6) var(--bs-ref-spacer-6);
9935
+ --bs-datepicker-month-gap: .875rem;
9936
+ --bs-datepicker-month-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-7) var(--bs-ref-spacer-6);
9792
9937
  --bs-datepicker-month-margin: 0;
9793
9938
  --bs-datepicker-month-color: var(--bs-white);
9794
- --bs-datepicker-week-gap: var(--bs-ref-spacer-2);
9939
+ --bs-datepicker-week-gap: var(--bs-ref-spacer-8);
9795
9940
  --bs-datepicker-day-margin: 0;
9796
- --bs-datepicker-day-font-size: var(--bs-ref-fs-small);
9797
- --bs-datepicker-day-size: var(--bs-ref-spacer-4);
9798
- --bs-datepicker-day-padding: var(--bs-ref-spacer-4);
9941
+ --bs-datepicker-day-font-size: var(--bs-fs-small);
9942
+ --bs-datepicker-day-size: var(--bs-ref-spacer-5);
9943
+ --bs-datepicker-day-padding: 0;
9799
9944
  --bs-datepicker-day-radius: 100%;
9800
- --bs-datepicker-day-bg-hover: var(--bs-body);
9801
- --bs-datepicker-day-color-hover: var(--bs-info-100);
9945
+ --bs-datepicker-day-color: var(--bs-gray-900);
9946
+ --bs-datepicker-day-disabled-color: var(--bs-gray-300);
9947
+ --bs-datepicker-day-color-hover: var(--bs-gray-900);
9948
+ --bs-datepicker-day-bg-hover: var(--bs-info-100);
9802
9949
  --bs-datepicker-day-selected-color: var(--bs-white);
9803
9950
  --bs-datepicker-day-selected-bg: var(--bs-secondary-500);
9804
9951
  --bs-datepicker-day-in-range-color: var(--bs-dark);
9805
9952
  --bs-datepicker-day-in-range-bg: var(--bs-secondary-100);
9806
9953
  --bs-datepicker-day-outside-month-color: var(--bs-gray-400);
9807
- --bs-datepicker-day-today-font-weight: var(--bs-ref-fw-normal);
9808
- --bs-datepicker-day-today-box-shadow: 0 0 0 2px inset var(--bs-secondary);
9954
+ --bs-datepicker-day-today-font-weight: var(--bs-fw-normal);
9955
+ --bs-datepicker-day-today-box-shadow: 0 0 0 2px var(--bs-secondary);
9809
9956
  --bs-datepicker-time-container-margin: 0;
9810
9957
  --bs-datepicker-time-container-align: center;
9811
9958
  --bs-datepicker-time-input-width: 50%;
@@ -9813,9 +9960,9 @@ label .d-icon {
9813
9960
  --bs-datepicker-time-input-align: center;
9814
9961
  --bs-datepicker-time-input-padding: var(--bs-ref-spacer-4);
9815
9962
  --bs-datepicker-time-input-gap: var(--bs-ref-spacer-2);
9816
- --bs-datepicker-time-input-label-weight: var(--bs-ref-fw-bold);
9963
+ --bs-datepicker-time-input-label-weight: var(--bs-fw-bold);
9817
9964
  --bs-datepicker-time-input-label-color: var(--bs-gray-700);
9818
- --bs-datepicker-time-input-label-size: var(--bs-ref-fs-small);
9965
+ --bs-datepicker-time-input-label-size: var(--bs-fs-small);
9819
9966
  font-family: var(--bs-datepicker-font-family);
9820
9967
  font-size: var(--bs-datepicker-font-size);
9821
9968
  border: var(--bs-datepicker-border);
@@ -9834,17 +9981,14 @@ label .d-icon {
9834
9981
  }
9835
9982
  .react-datepicker .react-datepicker__header .react-datepicker__day-names {
9836
9983
  display: flex;
9837
- gap: var(--bs-ref-spacer-2);
9984
+ gap: var(--bs-ref-spacer-8);
9838
9985
  margin: var(--bs-datepicker-day-names-margin);
9839
9986
  font-size: var(--bs-datepicker-day-names-font-size);
9840
9987
  }
9841
9988
  .react-datepicker .react-datepicker__header .react-datepicker__day-name {
9842
- display: flex;
9843
- align-items: center;
9844
- justify-content: center;
9845
9989
  width: var(--bs-datepicker-day-name-size);
9846
9990
  height: var(--bs-datepicker-day-name-size);
9847
- padding: var(--bs-datepicker-day-padding);
9991
+ padding: var(--bs-datepicker-day-name-padding);
9848
9992
  margin: var(--bs-datepicker-day-name-margin);
9849
9993
  font-weight: var(--bs-datepicker-day-name-weight);
9850
9994
  line-height: var(--bs-datepicker-day-name-size);
@@ -9860,11 +10004,11 @@ label .d-icon {
9860
10004
  padding: var(--bs-datepicker-month-padding);
9861
10005
  margin: var(--bs-datepicker-month-margin);
9862
10006
  }
9863
- .react-datepicker .react-datepicker__month .react-datepicker__week {
10007
+ .react-datepicker .react-datepicker__week {
9864
10008
  display: flex;
9865
10009
  gap: var(--bs-datepicker-week-gap);
9866
10010
  }
9867
- .react-datepicker .react-datepicker__month .react-datepicker__day {
10011
+ .react-datepicker .react-datepicker__day {
9868
10012
  display: flex;
9869
10013
  align-items: center;
9870
10014
  justify-content: center;
@@ -9874,6 +10018,12 @@ label .d-icon {
9874
10018
  margin: var(--bs-datepicker-day-margin);
9875
10019
  font-size: var(--bs-datepicker-day-font-size);
9876
10020
  line-height: var(--bs-datepicker-day-size);
10021
+ color: var(--bs-datepicker-day-color);
10022
+ }
10023
+ .react-datepicker .react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end, .react-datepicker .react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end {
10024
+ color: var(--bs-datepicker-day-selected-color);
10025
+ background-color: var(--bs-datepicker-day-selected-bg);
10026
+ box-shadow: 0 0 0 2px var(--bs-datepicker-day-selected-bg);
9877
10027
  }
9878
10028
  .react-datepicker .react-datepicker__day:not(.react-datepicker__day--selected,
9879
10029
  .react-datepicker__month-text--selected,
@@ -9891,9 +10041,13 @@ label .d-icon {
9891
10041
  .react-datepicker__month-text--selected,
9892
10042
  .react-datepicker__quarter-text--selected,
9893
10043
  .react-datepicker__year-text--selected):hover {
9894
- color: var(--bs-datepicker-day-bg-hover);
9895
- background-color: var(--bs-datepicker-day-color-hover);
10044
+ color: var(--bs-datepicker-day-color-hover);
10045
+ background-color: var(--bs-datepicker-day-bg-hover);
9896
10046
  border-radius: var(--bs-datepicker-day-radius);
10047
+ box-shadow: 0 0 0 2px var(--bs-datepicker-day-bg-hover);
10048
+ }
10049
+ .react-datepicker .react-datepicker__day--disabled {
10050
+ color: var(--bs-datepicker-day-disabled-color);
9897
10051
  }
9898
10052
  .react-datepicker .react-datepicker__day--selected,
9899
10053
  .react-datepicker .react-datepicker__month--selected,
@@ -9902,14 +10056,12 @@ label .d-icon {
9902
10056
  color: var(--bs-datepicker-day-selected-color);
9903
10057
  background-color: var(--bs-datepicker-day-selected-bg);
9904
10058
  border-radius: var(--bs-datepicker-day-radius);
10059
+ box-shadow: 0 0 0 2px var(--bs-datepicker-day-selected-bg);
9905
10060
  }
9906
10061
  .react-datepicker .react-datepicker__day--selected.react-datepicker__day--in-range.react-datepicker__day--range-start, .react-datepicker .react-datepicker__day--selected.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start {
9907
10062
  color: var(--bs-datepicker-day-selected-color);
9908
10063
  background-color: var(--bs-datepicker-day-selected-bg);
9909
- }
9910
- .react-datepicker .react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end, .react-datepicker .react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end {
9911
- color: var(--bs-datepicker-day-selected-color);
9912
- background-color: var(--bs-datepicker-day-selected-bg);
10064
+ box-shadow: 0 0 0 2px var(--bs-datepicker-day-selected-bg);
9913
10065
  }
9914
10066
  .react-datepicker .react-datepicker__day--in-range,
9915
10067
  .react-datepicker .react-datepicker__month-text--in-range,
@@ -9966,7 +10118,40 @@ label .d-icon {
9966
10118
  color: var(--bs-datepicker-time-input-label-color);
9967
10119
  }
9968
10120
  .react-datepicker .d-datepicker-header {
9969
- font-size: var(--bs-ref-fs-6);
10121
+ font-size: var(--bs-datepicker-header-font-size);
10122
+ }
10123
+ .react-datepicker .header-button {
10124
+ --bs-btn-padding-y: var(--bs-datepicker-header-button-padding);
10125
+ --bs-btn-padding-x: var(--bs-datepicker-header-button-padding);
10126
+ }
10127
+ .react-datepicker .header-button:hover, .react-datepicker .header-button:active {
10128
+ color: inherit;
10129
+ background-color: inherit;
10130
+ }
10131
+ .react-datepicker .header-button:focus {
10132
+ --bs-btn-focus-outline-offset: 8px;
10133
+ }
10134
+ .react-datepicker .d-select:focus-within .input-group {
10135
+ border-color: transparent;
10136
+ box-shadow: none;
10137
+ }
10138
+ .react-datepicker .d-select .input-group {
10139
+ --bs-input-border-width: 0;
10140
+ }
10141
+ .react-datepicker .d-select .d-select__indicators {
10142
+ display: none;
10143
+ }
10144
+ .react-datepicker .d-select .d-select__control {
10145
+ padding: var(--bs-datepicker-header-select-padding);
10146
+ background-color: transparent;
10147
+ }
10148
+ .react-datepicker .d-select .d-select__single-value {
10149
+ font-weight: var(--bs-datepicker-header-select-font-weight);
10150
+ }
10151
+ .react-datepicker .d-select__menu {
10152
+ left: 50%;
10153
+ min-width: var(--bs-datepicker-header-select-menu-width);
10154
+ translate: -50%;
9970
10155
  }
9971
10156
 
9972
10157
  .d-datepicker-time {
@@ -10000,85 +10185,6 @@ label .d-icon {
10000
10185
  background-image: var(--bs-datepicker-calendar-picker-icon);
10001
10186
  }
10002
10187
 
10003
- .react-datepicker.d-month-picker {
10004
- --bs-monthpicker-header-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-2) 0;
10005
- --bs-monthpicker-font-weight: var(--bs-ref-fw-normal);
10006
- --bs-monthpicker-header-color: var(--bs-white);
10007
- --bs-monthpicker-header-bg: var(--bs-dark);
10008
- --bs-monthpicker-month-gap: 0;
10009
- --bs-monthpicker-month-padding: var(--bs-ref-spacer-2) var(--bs-ref-spacer-6) var(--bs-ref-spacer-4);
10010
- --bs-monthpicker-month-color: var(--bs-white);
10011
- --bs-monthpicker-month-bg: var(--bs-dark);
10012
- --bs-monthpicker-month-today-color: var(--bs-white);
10013
- --bs-monthpicker-month-selected-bg: var(--bs-gray-500);
10014
- --bs-monthpicker-month-selected-box-shadow: 0 0 0 1px inset var(--bs-gray-100);
10015
- --bs-monthpicker-month-hover-bg: var(--bs-gray-700);
10016
- --bs-monthpicker-month-wrapper-gap: var(--bs-ref-spacer-2);
10017
- --bs-monthpicker-month-wrapper-font-size: var(--bs-ref-fs-small);
10018
- --bs-monthpicker-single-month-width: 46px;
10019
- --bs-monthpicker-single-month-padding: var(--bs-ref-spacer-2);
10020
- --bs-monthpicker-single-month-margin: 0;
10021
- --bs-monthpicker-single-month-text-transform: capitalize;
10022
- --bs-monthpicker-single-month-radius: var(--bs-ref-spacer-6);
10023
- --bs-monthpicker-single-month-line-height: var(--bs-ref-fs-6);
10024
- --bs-monthpicker-single-month-after-display: inline;
10025
- --bs-monthpicker-single-month-after-content: ".";
10026
- --bs-datepicker-triangle-color: var(--bs-dark);
10027
- font-family: var(--bs-datepicker-font-family);
10028
- border: var(--bs-datepicker-border);
10029
- box-shadow: var(--bs-datepicker-box-shadow);
10030
- }
10031
- .react-datepicker.d-month-picker .react-datepicker__header {
10032
- padding: var(--bs-monthpicker-header-padding);
10033
- font-weight: var(--bs-monthpicker-font-weight);
10034
- color: var(--bs-monthpicker-header-color);
10035
- background-color: var(--bs-monthpicker-header-bg);
10036
- }
10037
- .react-datepicker.d-month-picker .react-datepicker__header .btn-sm, .react-datepicker.d-month-picker .react-datepicker__header .btn-group-sm > .btn {
10038
- --bs-btn-padding-x: 0;
10039
- --bs-btn-padding-y: 0;
10040
- --bs-btn-font-size: var(--bs-ref-fs-5);
10041
- }
10042
- .react-datepicker.d-month-picker .react-datepicker__month.react-datepicker__monthPicker,
10043
- .react-datepicker.d-month-picker .react-datepicker__header.react-datepicker-year-header {
10044
- gap: var(--bs-monthpicker-month-gap);
10045
- padding: var(--bs-monthpicker-month-padding);
10046
- color: var(--bs-monthpicker-month-color);
10047
- background-color: var(--bs-monthpicker-month-bg);
10048
- }
10049
- .react-datepicker.d-month-picker .react-datepicker__month--selected,
10050
- .react-datepicker.d-month-picker .react-datepicker__month-text--in-range,
10051
- .react-datepicker.d-month-picker .react-datepicker__month-text--in-selecting-range,
10052
- .react-datepicker.d-month-picker .react-datepicker__month-text--keyboard-selected {
10053
- color: var(--bs-monthpicker-month-today-color);
10054
- background-color: var(--bs-monthpicker-month-selected-bg);
10055
- box-shadow: var(--bs-monthpicker-month-selected-box-shadow);
10056
- }
10057
- .react-datepicker.d-month-picker .react-datepicker__month-text:hover {
10058
- background-color: var(--bs-monthpicker-month-hover-bg);
10059
- }
10060
- .react-datepicker.d-month-picker .react-datepicker__month-wrapper {
10061
- display: flex;
10062
- gap: var(--bs-monthpicker-month-wrapper-gap);
10063
- font-size: var(--bs-monthpicker-month-wrapper-font-size);
10064
- }
10065
- .react-datepicker.d-month-picker .react-datepicker__month-wrapper .react-datepicker__month-text {
10066
- width: var(--bs-monthpicker-single-month-width);
10067
- padding: var(--bs-monthpicker-single-month-padding);
10068
- margin: var(--bs-monthpicker-single-month-margin);
10069
- line-height: var(--bs-monthpicker-single-month-line-height);
10070
- text-transform: var(--bs-monthpicker-single-month-text-transform);
10071
- border-radius: var(--bs-monthpicker-single-month-radius);
10072
- }
10073
- .react-datepicker.d-month-picker .react-datepicker__month-wrapper .react-datepicker__month-text::after {
10074
- display: var(--bs-monthpicker-single-month-after-display);
10075
- content: var(--bs-monthpicker-single-month-after-content);
10076
- }
10077
- .react-datepicker.d-month-picker .react-datepicker__triangle::after, .react-datepicker.d-month-picker .react-datepicker__triangle::before {
10078
- top: 0;
10079
- border-bottom-color: var(--bs-datepicker-triangle-color);
10080
- }
10081
-
10082
10188
  .nav-pills,
10083
10189
  .nav-underline {
10084
10190
  --bs-tabs-nav-gap: var(--bs-ref-spacer-6);
@@ -10097,7 +10203,7 @@ label .d-icon {
10097
10203
  }
10098
10204
 
10099
10205
  .nav-tabs {
10100
- --bs-tabs-link-border-active-font-weight: var(--bs-ref-fw-bold);
10206
+ --bs-tabs-link-border-active-font-weight: var(--bs-fw-bold);
10101
10207
  }
10102
10208
  .nav-tabs .nav-link.active {
10103
10209
  font-weight: var(--bs-tabs-link-border-active-font-weight);
@@ -10728,12 +10834,12 @@ label .d-icon {
10728
10834
  --bs-step-progress-inner-background-color: var(--bs-white);
10729
10835
  /* Current step */
10730
10836
  --bs-step-current-step-z-index: 3;
10731
- --bs-step-current-step-font-weight: var(--bs-ref-fw-bold);
10837
+ --bs-step-current-step-font-weight: var(--bs-fw-bold);
10732
10838
  --bs-step-current-step-color: var(--bs-gray-700);
10733
10839
  /* Info circle */
10734
10840
  --bs-step-info-max-width: 12rem;
10735
- --bs-step-info-label-font-size: var(--bs-ref-fs-6);
10736
- --bs-step-info-description-font-size: var(--bs-ref-fs-small);
10841
+ --bs-step-info-label-font-size: var(--bs-fs-6);
10842
+ --bs-step-info-description-font-size: var(--bs-fs-small);
10737
10843
  --bs-step-info-description-color: var(--bs-gray-500);
10738
10844
  display: flex;
10739
10845
  gap: var(--bs-step-container-gap);
@@ -10791,62 +10897,6 @@ label .d-icon {
10791
10897
  gap: var(--bs-card-body-gap);
10792
10898
  }
10793
10899
 
10794
- .d-tooltip {
10795
- --bs-tooltip-font-size: var(--bs-tooltip-component-font-size, var(--bs-body-font-size));
10796
- --bs-tooltip-sm-font-size: var(--bs-ref-fs-small);
10797
- --bs-tooltip-lg-font-size: var(--bs-ref-fs-6);
10798
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, transparent);
10799
- --bs-tooltip-border-radius: var(--bs-tooltip-component-border-radius, var(--bs-border-radius));
10800
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-body-color));
10801
- --bs-tooltip-padding: var(--bs-tooltip-component-padding, var(--bs-ref-spacer-2));
10802
- --bs-tooltip-max-width: var(--bs-tooltip-component-max-width, 300px);
10803
- max-width: var(--bs-tooltip-max-width);
10804
- padding: var(--bs-tooltip-padding);
10805
- font-size: var(--bs-tooltip-font-size);
10806
- color: var(--bs-tooltip-color);
10807
- background: var(--bs-tooltip-bg);
10808
- border-radius: var(--bs-tooltip-border-radius);
10809
- fill: var(--bs-tooltip-bg);
10810
- }
10811
- .d-tooltip.d-tooltip-sm {
10812
- --bs-tooltip-font-size: var(--bs-tooltip-sm-font-size);
10813
- }
10814
- .d-tooltip.d-tooltip-lg {
10815
- --bs-tooltip-font-size: var(--bs-tooltip-lg-font-size);
10816
- }
10817
- .d-tooltip.d-tooltip-primary {
10818
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10819
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-primary));
10820
- }
10821
- .d-tooltip.d-tooltip-secondary {
10822
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10823
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-secondary));
10824
- }
10825
- .d-tooltip.d-tooltip-success {
10826
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10827
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-success));
10828
- }
10829
- .d-tooltip.d-tooltip-info {
10830
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10831
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-info));
10832
- }
10833
- .d-tooltip.d-tooltip-warning {
10834
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-black));
10835
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-warning));
10836
- }
10837
- .d-tooltip.d-tooltip-danger {
10838
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10839
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-danger));
10840
- }
10841
- .d-tooltip.d-tooltip-light {
10842
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-gray-700));
10843
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-light));
10844
- }
10845
- .d-tooltip.d-tooltip-dark {
10846
- --bs-tooltip-color: var(--bs-tooltip-component-color, var(--bs-white));
10847
- --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-dark));
10848
- }
10849
-
10850
10900
  .d-select {
10851
10901
  --bs-select-gap: 0.5rem;
10852
10902
  --bs-select-menu-shadow: 0 8px 12px 0 rgba(22, 23, 35, 0.05);
@@ -10854,7 +10904,7 @@ label .d-icon {
10854
10904
  --bs-select-option-selected-color: var(--bs-secondary);
10855
10905
  --bs-select-option-selected-bg: var(--bs-gray-100);
10856
10906
  --bs-select-option-is-checkbox-font-size: var(--bs-body-font-size);
10857
- --bs-select-option-is-checkbox-font-weight: var(--bs-ref-fw-normal);
10907
+ --bs-select-option-is-checkbox-font-weight: var(--bs-fw-normal);
10858
10908
  --bs-select-option-is-checkbox-color: var(--bs-gray-900);
10859
10909
  --bs-select-option-has-icon-icon-size: var(--bs-ref-spacer-4);
10860
10910
  --bs-select-multi-value-padding-x: var(--bs-select-gap);
@@ -10906,9 +10956,9 @@ label .d-icon {
10906
10956
  width: 100%;
10907
10957
  padding: 0.75rem 1rem;
10908
10958
  1rem: 1rem;
10909
- font-weight: 400;
10959
+ font-weight: var(--bs-fw-normal);
10910
10960
  line-height: 1.5;
10911
- color: var(--bs-gray);
10961
+ color: var(--bs-gray-900);
10912
10962
  -webkit-appearance: none;
10913
10963
  -moz-appearance: none;
10914
10964
  appearance: none;
@@ -10923,7 +10973,7 @@ label .d-icon {
10923
10973
  }
10924
10974
  }
10925
10975
  .d-select .d-select__control:focus {
10926
- color: var(--bs-gray);
10976
+ color: var(--bs-gray-900);
10927
10977
  background-color: var(--bs-white);
10928
10978
  outline: 0;
10929
10979
  }
@@ -11097,102 +11147,102 @@ label .d-icon {
11097
11147
  }
11098
11148
 
11099
11149
  .link-primary {
11100
- color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
11101
- -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
11102
- text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
11150
+ color: rgba(var(--bs-primary-500-rgb), var(--bs-link-opacity, 1)) !important;
11151
+ -webkit-text-decoration-color: rgba(var(--bs-primary-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11152
+ text-decoration-color: rgba(var(--bs-primary-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11103
11153
  }
11104
11154
  .link-primary:hover, .link-primary:focus {
11105
- color: RGBA(173, 22, 77, var(--bs-link-opacity, 1)) !important;
11106
- -webkit-text-decoration-color: RGBA(173, 22, 77, var(--bs-link-underline-opacity, 1)) !important;
11107
- text-decoration-color: RGBA(173, 22, 77, var(--bs-link-underline-opacity, 1)) !important;
11155
+ color: rgba(var(--bs-primary-600-rgb), var(--bs-link-opacity, 1)) !important;
11156
+ -webkit-text-decoration-color: rgba(var(--bs-primary-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11157
+ text-decoration-color: rgba(var(--bs-primary-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11108
11158
  }
11109
11159
 
11110
11160
  .link-secondary {
11111
- color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
11112
- -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
11113
- text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
11161
+ color: rgba(var(--bs-secondary-500-rgb), var(--bs-link-opacity, 1)) !important;
11162
+ -webkit-text-decoration-color: rgba(var(--bs-secondary-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11163
+ text-decoration-color: rgba(var(--bs-secondary-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11114
11164
  }
11115
11165
  .link-secondary:hover, .link-secondary:focus {
11116
- color: RGBA(58, 58, 146, var(--bs-link-opacity, 1)) !important;
11117
- -webkit-text-decoration-color: RGBA(58, 58, 146, var(--bs-link-underline-opacity, 1)) !important;
11118
- text-decoration-color: RGBA(58, 58, 146, var(--bs-link-underline-opacity, 1)) !important;
11166
+ color: rgba(var(--bs-secondary-600-rgb), var(--bs-link-opacity, 1)) !important;
11167
+ -webkit-text-decoration-color: rgba(var(--bs-secondary-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11168
+ text-decoration-color: rgba(var(--bs-secondary-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11119
11169
  }
11120
11170
 
11121
11171
  .link-success {
11122
- color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
11123
- -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
11124
- text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
11172
+ color: rgba(var(--bs-success-500-rgb), var(--bs-link-opacity, 1)) !important;
11173
+ -webkit-text-decoration-color: rgba(var(--bs-success-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11174
+ text-decoration-color: rgba(var(--bs-success-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11125
11175
  }
11126
11176
  .link-success:hover, .link-success:focus {
11127
- color: RGBA(2, 108, 71, var(--bs-link-opacity, 1)) !important;
11128
- -webkit-text-decoration-color: RGBA(2, 108, 71, var(--bs-link-underline-opacity, 1)) !important;
11129
- text-decoration-color: RGBA(2, 108, 71, var(--bs-link-underline-opacity, 1)) !important;
11177
+ color: rgba(var(--bs-success-600-rgb), var(--bs-link-opacity, 1)) !important;
11178
+ -webkit-text-decoration-color: rgba(var(--bs-success-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11179
+ text-decoration-color: rgba(var(--bs-success-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11130
11180
  }
11131
11181
 
11132
11182
  .link-info {
11133
- color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
11134
- -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
11135
- text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
11183
+ color: rgba(var(--bs-info-500-rgb), var(--bs-link-opacity, 1)) !important;
11184
+ -webkit-text-decoration-color: rgba(var(--bs-info-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11185
+ text-decoration-color: rgba(var(--bs-info-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11136
11186
  }
11137
11187
  .link-info:hover, .link-info:focus {
11138
- color: RGBA(43, 87, 175, var(--bs-link-opacity, 1)) !important;
11139
- -webkit-text-decoration-color: RGBA(43, 87, 175, var(--bs-link-underline-opacity, 1)) !important;
11140
- text-decoration-color: RGBA(43, 87, 175, var(--bs-link-underline-opacity, 1)) !important;
11188
+ color: rgba(var(--bs-info-600-rgb), var(--bs-link-opacity, 1)) !important;
11189
+ -webkit-text-decoration-color: rgba(var(--bs-info-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11190
+ text-decoration-color: rgba(var(--bs-info-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11141
11191
  }
11142
11192
 
11143
11193
  .link-warning {
11144
- color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
11145
- -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
11146
- text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
11194
+ color: rgba(var(--bs-warning-500-rgb), var(--bs-link-opacity, 1)) !important;
11195
+ -webkit-text-decoration-color: rgba(var(--bs-warning-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11196
+ text-decoration-color: rgba(var(--bs-warning-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11147
11197
  }
11148
11198
  .link-warning:hover, .link-warning:focus {
11149
- color: RGBA(252, 205, 87, var(--bs-link-opacity, 1)) !important;
11150
- -webkit-text-decoration-color: RGBA(252, 205, 87, var(--bs-link-underline-opacity, 1)) !important;
11151
- text-decoration-color: RGBA(252, 205, 87, var(--bs-link-underline-opacity, 1)) !important;
11199
+ color: rgba(var(--bs-warning-600-rgb), var(--bs-link-opacity, 1)) !important;
11200
+ -webkit-text-decoration-color: rgba(var(--bs-warning-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11201
+ text-decoration-color: rgba(var(--bs-warning-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11152
11202
  }
11153
11203
 
11154
11204
  .link-danger {
11155
- color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
11156
- -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
11157
- text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
11205
+ color: rgba(var(--bs-danger-500-rgb), var(--bs-link-opacity, 1)) !important;
11206
+ -webkit-text-decoration-color: rgba(var(--bs-danger-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11207
+ text-decoration-color: rgba(var(--bs-danger-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
11158
11208
  }
11159
11209
  .link-danger:hover, .link-danger:focus {
11160
- color: RGBA(169, 38, 38, var(--bs-link-opacity, 1)) !important;
11161
- -webkit-text-decoration-color: RGBA(169, 38, 38, var(--bs-link-underline-opacity, 1)) !important;
11162
- text-decoration-color: RGBA(169, 38, 38, var(--bs-link-underline-opacity, 1)) !important;
11210
+ color: rgba(var(--bs-danger-600-rgb), var(--bs-link-opacity, 1)) !important;
11211
+ -webkit-text-decoration-color: rgba(var(--bs-danger-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11212
+ text-decoration-color: rgba(var(--bs-danger-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
11163
11213
  }
11164
11214
 
11165
11215
  .link-light {
11166
- color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
11167
- -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
11168
- text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
11216
+ color: rgba(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
11217
+ -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
11218
+ text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
11169
11219
  }
11170
11220
  .link-light:hover, .link-light:focus {
11171
- color: RGBA(249, 249, 255, var(--bs-link-opacity, 1)) !important;
11172
- -webkit-text-decoration-color: RGBA(249, 249, 255, var(--bs-link-underline-opacity, 1)) !important;
11173
- text-decoration-color: RGBA(249, 249, 255, var(--bs-link-underline-opacity, 1)) !important;
11221
+ color: rgba(var(--bs-gray-300-rgb), var(--bs-link-opacity, 1)) !important;
11222
+ -webkit-text-decoration-color: rgba(var(--bs-gray-300-rgb), var(--bs-link-underline-opacity, 1)) !important;
11223
+ text-decoration-color: rgba(var(--bs-gray-300-rgb), var(--bs-link-underline-opacity, 1)) !important;
11174
11224
  }
11175
11225
 
11176
11226
  .link-dark {
11177
- color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
11178
- -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
11179
- text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
11227
+ color: rgba(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
11228
+ -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
11229
+ text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
11180
11230
  }
11181
11231
  .link-dark:hover, .link-dark:focus {
11182
- color: RGBA(18, 18, 28, var(--bs-link-opacity, 1)) !important;
11183
- -webkit-text-decoration-color: RGBA(18, 18, 28, var(--bs-link-underline-opacity, 1)) !important;
11184
- text-decoration-color: RGBA(18, 18, 28, var(--bs-link-underline-opacity, 1)) !important;
11232
+ color: rgba(var(--bs-gray-700-rgb), var(--bs-link-opacity, 1)) !important;
11233
+ -webkit-text-decoration-color: rgba(var(--bs-gray-700-rgb), var(--bs-link-underline-opacity, 1)) !important;
11234
+ text-decoration-color: rgba(var(--bs-gray-700-rgb), var(--bs-link-underline-opacity, 1)) !important;
11185
11235
  }
11186
11236
 
11187
11237
  .link-body-emphasis {
11188
- color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
11189
- -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
11190
- text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
11238
+ color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
11239
+ -webkit-text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
11240
+ text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
11191
11241
  }
11192
11242
  .link-body-emphasis:hover, .link-body-emphasis:focus {
11193
- color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
11194
- -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
11195
- text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
11243
+ color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
11244
+ -webkit-text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
11245
+ text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
11196
11246
  }
11197
11247
 
11198
11248
  .focus-ring:focus {
@@ -11429,6 +11479,15 @@ label .d-icon {
11429
11479
  background-color: var(--bs-black);
11430
11480
  }
11431
11481
 
11482
+ [class*=text-truncate-] {
11483
+ display: -webkit-box;
11484
+ -webkit-line-clamp: var(--bs-text-truncate);
11485
+ -webkit-box-orient: vertical;
11486
+ overflow: hidden;
11487
+ text-overflow: ellipsis;
11488
+ white-space: normal;
11489
+ }
11490
+
11432
11491
  .align-baseline {
11433
11492
  vertical-align: baseline !important;
11434
11493
  }
@@ -13308,27 +13367,27 @@ label .d-icon {
13308
13367
  }
13309
13368
 
13310
13369
  .fs-1 {
13311
- font-size: calc(1.525rem + 3.3vw) !important;
13370
+ font-size: var(--bs-fs-1) !important;
13312
13371
  }
13313
13372
 
13314
13373
  .fs-2 {
13315
- font-size: calc(1.475rem + 2.7vw) !important;
13374
+ font-size: var(--bs-fs-2) !important;
13316
13375
  }
13317
13376
 
13318
13377
  .fs-3 {
13319
- font-size: calc(1.425rem + 2.1vw) !important;
13378
+ font-size: var(--bs-fs-3) !important;
13320
13379
  }
13321
13380
 
13322
13381
  .fs-4 {
13323
- font-size: calc(1.325rem + 0.9vw) !important;
13382
+ font-size: var(--bs-fs-4) !important;
13324
13383
  }
13325
13384
 
13326
13385
  .fs-5 {
13327
- font-size: calc(1.275rem + 0.3vw) !important;
13386
+ font-size: var(--bs-fs-5) !important;
13328
13387
  }
13329
13388
 
13330
13389
  .fs-6 {
13331
- font-size: 1.125rem !important;
13390
+ font-size: var(--bs-fs-6) !important;
13332
13391
  }
13333
13392
 
13334
13393
  .fst-italic {
@@ -13340,15 +13399,15 @@ label .d-icon {
13340
13399
  }
13341
13400
 
13342
13401
  .fw-lighter {
13343
- font-weight: lighter !important;
13402
+ font-weight: var(--bs-fw-lighter) !important;
13344
13403
  }
13345
13404
 
13346
13405
  .fw-light {
13347
- font-weight: 200 !important;
13406
+ font-weight: var(--bs-fw-light) !important;
13348
13407
  }
13349
13408
 
13350
13409
  .fw-normal {
13351
- font-weight: 400 !important;
13410
+ font-weight: var(--bs-fw-normal) !important;
13352
13411
  }
13353
13412
 
13354
13413
  .fw-medium {
@@ -13356,15 +13415,15 @@ label .d-icon {
13356
13415
  }
13357
13416
 
13358
13417
  .fw-semibold {
13359
- font-weight: 600 !important;
13418
+ font-weight: var(--bs-fw-semibold) !important;
13360
13419
  }
13361
13420
 
13362
13421
  .fw-bold {
13363
- font-weight: 700 !important;
13422
+ font-weight: var(--bs-fw-bold) !important;
13364
13423
  }
13365
13424
 
13366
13425
  .fw-bolder {
13367
- font-weight: 800 !important;
13426
+ font-weight: var(--bs-fw-bolder) !important;
13368
13427
  }
13369
13428
 
13370
13429
  .lh-1 {
@@ -14803,6 +14862,30 @@ label .d-icon {
14803
14862
  --bs-overlay: 1;
14804
14863
  }
14805
14864
 
14865
+ .text-truncate-1 {
14866
+ --bs-text-truncate: 1;
14867
+ }
14868
+
14869
+ .text-truncate-2 {
14870
+ --bs-text-truncate: 2;
14871
+ }
14872
+
14873
+ .text-truncate-3 {
14874
+ --bs-text-truncate: 3;
14875
+ }
14876
+
14877
+ .text-truncate-4 {
14878
+ --bs-text-truncate: 4;
14879
+ }
14880
+
14881
+ .text-truncate-5 {
14882
+ --bs-text-truncate: 6;
14883
+ }
14884
+
14885
+ .text-truncate-6 {
14886
+ --bs-text-truncate: 6;
14887
+ }
14888
+
14806
14889
  .cursor-auto {
14807
14890
  cursor: auto !important;
14808
14891
  }
@@ -14931,6 +15014,30 @@ label .d-icon {
14931
15014
  cursor: nwse-resize !important;
14932
15015
  }
14933
15016
 
15017
+ .display-1 {
15018
+ --bs-display-font-size: var(--bs-fs-display-1);
15019
+ }
15020
+
15021
+ .display-2 {
15022
+ --bs-display-font-size: var(--bs-fs-display-2);
15023
+ }
15024
+
15025
+ .display-3 {
15026
+ --bs-display-font-size: var(--bs-fs-display-3);
15027
+ }
15028
+
15029
+ .display-4 {
15030
+ --bs-display-font-size: var(--bs-fs-display-4);
15031
+ }
15032
+
15033
+ .display-5 {
15034
+ --bs-display-font-size: var(--bs-fs-display-5);
15035
+ }
15036
+
15037
+ .display-6 {
15038
+ --bs-display-font-size: var(--bs-fs-display-6);
15039
+ }
15040
+
14934
15041
  @media (min-width: 576px) {
14935
15042
  .float-sm-start {
14936
15043
  float: left !important;
@@ -14994,6 +15101,36 @@ label .d-icon {
14994
15101
  .d-sm-none {
14995
15102
  display: none !important;
14996
15103
  }
15104
+ .w-sm-25 {
15105
+ width: 25% !important;
15106
+ }
15107
+ .w-sm-50 {
15108
+ width: 50% !important;
15109
+ }
15110
+ .w-sm-75 {
15111
+ width: 75% !important;
15112
+ }
15113
+ .w-sm-100 {
15114
+ width: 100% !important;
15115
+ }
15116
+ .w-sm-auto {
15117
+ width: auto !important;
15118
+ }
15119
+ .h-sm-25 {
15120
+ height: 25% !important;
15121
+ }
15122
+ .h-sm-50 {
15123
+ height: 50% !important;
15124
+ }
15125
+ .h-sm-75 {
15126
+ height: 75% !important;
15127
+ }
15128
+ .h-sm-100 {
15129
+ height: 100% !important;
15130
+ }
15131
+ .h-sm-auto {
15132
+ height: auto !important;
15133
+ }
14997
15134
  .flex-sm-fill {
14998
15135
  flex: 1 1 auto !important;
14999
15136
  }
@@ -15986,6 +16123,45 @@ label .d-icon {
15986
16123
  -moz-column-gap: 3.5rem !important;
15987
16124
  column-gap: 3.5rem !important;
15988
16125
  }
16126
+ .fs-sm-1 {
16127
+ font-size: var(--bs-fs-1) !important;
16128
+ }
16129
+ .fs-sm-2 {
16130
+ font-size: var(--bs-fs-2) !important;
16131
+ }
16132
+ .fs-sm-3 {
16133
+ font-size: var(--bs-fs-3) !important;
16134
+ }
16135
+ .fs-sm-4 {
16136
+ font-size: var(--bs-fs-4) !important;
16137
+ }
16138
+ .fs-sm-5 {
16139
+ font-size: var(--bs-fs-5) !important;
16140
+ }
16141
+ .fs-sm-6 {
16142
+ font-size: var(--bs-fs-6) !important;
16143
+ }
16144
+ .fw-sm-lighter {
16145
+ font-weight: var(--bs-fw-lighter) !important;
16146
+ }
16147
+ .fw-sm-light {
16148
+ font-weight: var(--bs-fw-light) !important;
16149
+ }
16150
+ .fw-sm-normal {
16151
+ font-weight: var(--bs-fw-normal) !important;
16152
+ }
16153
+ .fw-sm-medium {
16154
+ font-weight: 500 !important;
16155
+ }
16156
+ .fw-sm-semibold {
16157
+ font-weight: var(--bs-fw-semibold) !important;
16158
+ }
16159
+ .fw-sm-bold {
16160
+ font-weight: var(--bs-fw-bold) !important;
16161
+ }
16162
+ .fw-sm-bolder {
16163
+ font-weight: var(--bs-fw-bolder) !important;
16164
+ }
15989
16165
  .text-sm-start {
15990
16166
  text-align: left !important;
15991
16167
  }
@@ -15995,6 +16171,42 @@ label .d-icon {
15995
16171
  .text-sm-center {
15996
16172
  text-align: center !important;
15997
16173
  }
16174
+ .text-truncate-sm-1 {
16175
+ --bs-text-truncate: 1;
16176
+ }
16177
+ .text-truncate-sm-2 {
16178
+ --bs-text-truncate: 2;
16179
+ }
16180
+ .text-truncate-sm-3 {
16181
+ --bs-text-truncate: 3;
16182
+ }
16183
+ .text-truncate-sm-4 {
16184
+ --bs-text-truncate: 4;
16185
+ }
16186
+ .text-truncate-sm-5 {
16187
+ --bs-text-truncate: 6;
16188
+ }
16189
+ .text-truncate-sm-6 {
16190
+ --bs-text-truncate: 6;
16191
+ }
16192
+ .display-sm-1 {
16193
+ --bs-display-font-size: var(--bs-fs-display-1);
16194
+ }
16195
+ .display-sm-2 {
16196
+ --bs-display-font-size: var(--bs-fs-display-2);
16197
+ }
16198
+ .display-sm-3 {
16199
+ --bs-display-font-size: var(--bs-fs-display-3);
16200
+ }
16201
+ .display-sm-4 {
16202
+ --bs-display-font-size: var(--bs-fs-display-4);
16203
+ }
16204
+ .display-sm-5 {
16205
+ --bs-display-font-size: var(--bs-fs-display-5);
16206
+ }
16207
+ .display-sm-6 {
16208
+ --bs-display-font-size: var(--bs-fs-display-6);
16209
+ }
15998
16210
  }
15999
16211
  @media (min-width: 768px) {
16000
16212
  .float-md-start {
@@ -16059,6 +16271,36 @@ label .d-icon {
16059
16271
  .d-md-none {
16060
16272
  display: none !important;
16061
16273
  }
16274
+ .w-md-25 {
16275
+ width: 25% !important;
16276
+ }
16277
+ .w-md-50 {
16278
+ width: 50% !important;
16279
+ }
16280
+ .w-md-75 {
16281
+ width: 75% !important;
16282
+ }
16283
+ .w-md-100 {
16284
+ width: 100% !important;
16285
+ }
16286
+ .w-md-auto {
16287
+ width: auto !important;
16288
+ }
16289
+ .h-md-25 {
16290
+ height: 25% !important;
16291
+ }
16292
+ .h-md-50 {
16293
+ height: 50% !important;
16294
+ }
16295
+ .h-md-75 {
16296
+ height: 75% !important;
16297
+ }
16298
+ .h-md-100 {
16299
+ height: 100% !important;
16300
+ }
16301
+ .h-md-auto {
16302
+ height: auto !important;
16303
+ }
16062
16304
  .flex-md-fill {
16063
16305
  flex: 1 1 auto !important;
16064
16306
  }
@@ -17051,6 +17293,45 @@ label .d-icon {
17051
17293
  -moz-column-gap: 3.5rem !important;
17052
17294
  column-gap: 3.5rem !important;
17053
17295
  }
17296
+ .fs-md-1 {
17297
+ font-size: var(--bs-fs-1) !important;
17298
+ }
17299
+ .fs-md-2 {
17300
+ font-size: var(--bs-fs-2) !important;
17301
+ }
17302
+ .fs-md-3 {
17303
+ font-size: var(--bs-fs-3) !important;
17304
+ }
17305
+ .fs-md-4 {
17306
+ font-size: var(--bs-fs-4) !important;
17307
+ }
17308
+ .fs-md-5 {
17309
+ font-size: var(--bs-fs-5) !important;
17310
+ }
17311
+ .fs-md-6 {
17312
+ font-size: var(--bs-fs-6) !important;
17313
+ }
17314
+ .fw-md-lighter {
17315
+ font-weight: var(--bs-fw-lighter) !important;
17316
+ }
17317
+ .fw-md-light {
17318
+ font-weight: var(--bs-fw-light) !important;
17319
+ }
17320
+ .fw-md-normal {
17321
+ font-weight: var(--bs-fw-normal) !important;
17322
+ }
17323
+ .fw-md-medium {
17324
+ font-weight: 500 !important;
17325
+ }
17326
+ .fw-md-semibold {
17327
+ font-weight: var(--bs-fw-semibold) !important;
17328
+ }
17329
+ .fw-md-bold {
17330
+ font-weight: var(--bs-fw-bold) !important;
17331
+ }
17332
+ .fw-md-bolder {
17333
+ font-weight: var(--bs-fw-bolder) !important;
17334
+ }
17054
17335
  .text-md-start {
17055
17336
  text-align: left !important;
17056
17337
  }
@@ -17060,6 +17341,42 @@ label .d-icon {
17060
17341
  .text-md-center {
17061
17342
  text-align: center !important;
17062
17343
  }
17344
+ .text-truncate-md-1 {
17345
+ --bs-text-truncate: 1;
17346
+ }
17347
+ .text-truncate-md-2 {
17348
+ --bs-text-truncate: 2;
17349
+ }
17350
+ .text-truncate-md-3 {
17351
+ --bs-text-truncate: 3;
17352
+ }
17353
+ .text-truncate-md-4 {
17354
+ --bs-text-truncate: 4;
17355
+ }
17356
+ .text-truncate-md-5 {
17357
+ --bs-text-truncate: 6;
17358
+ }
17359
+ .text-truncate-md-6 {
17360
+ --bs-text-truncate: 6;
17361
+ }
17362
+ .display-md-1 {
17363
+ --bs-display-font-size: var(--bs-fs-display-1);
17364
+ }
17365
+ .display-md-2 {
17366
+ --bs-display-font-size: var(--bs-fs-display-2);
17367
+ }
17368
+ .display-md-3 {
17369
+ --bs-display-font-size: var(--bs-fs-display-3);
17370
+ }
17371
+ .display-md-4 {
17372
+ --bs-display-font-size: var(--bs-fs-display-4);
17373
+ }
17374
+ .display-md-5 {
17375
+ --bs-display-font-size: var(--bs-fs-display-5);
17376
+ }
17377
+ .display-md-6 {
17378
+ --bs-display-font-size: var(--bs-fs-display-6);
17379
+ }
17063
17380
  }
17064
17381
  @media (min-width: 992px) {
17065
17382
  .float-lg-start {
@@ -17124,6 +17441,36 @@ label .d-icon {
17124
17441
  .d-lg-none {
17125
17442
  display: none !important;
17126
17443
  }
17444
+ .w-lg-25 {
17445
+ width: 25% !important;
17446
+ }
17447
+ .w-lg-50 {
17448
+ width: 50% !important;
17449
+ }
17450
+ .w-lg-75 {
17451
+ width: 75% !important;
17452
+ }
17453
+ .w-lg-100 {
17454
+ width: 100% !important;
17455
+ }
17456
+ .w-lg-auto {
17457
+ width: auto !important;
17458
+ }
17459
+ .h-lg-25 {
17460
+ height: 25% !important;
17461
+ }
17462
+ .h-lg-50 {
17463
+ height: 50% !important;
17464
+ }
17465
+ .h-lg-75 {
17466
+ height: 75% !important;
17467
+ }
17468
+ .h-lg-100 {
17469
+ height: 100% !important;
17470
+ }
17471
+ .h-lg-auto {
17472
+ height: auto !important;
17473
+ }
17127
17474
  .flex-lg-fill {
17128
17475
  flex: 1 1 auto !important;
17129
17476
  }
@@ -18116,6 +18463,45 @@ label .d-icon {
18116
18463
  -moz-column-gap: 3.5rem !important;
18117
18464
  column-gap: 3.5rem !important;
18118
18465
  }
18466
+ .fs-lg-1 {
18467
+ font-size: var(--bs-fs-1) !important;
18468
+ }
18469
+ .fs-lg-2 {
18470
+ font-size: var(--bs-fs-2) !important;
18471
+ }
18472
+ .fs-lg-3 {
18473
+ font-size: var(--bs-fs-3) !important;
18474
+ }
18475
+ .fs-lg-4 {
18476
+ font-size: var(--bs-fs-4) !important;
18477
+ }
18478
+ .fs-lg-5 {
18479
+ font-size: var(--bs-fs-5) !important;
18480
+ }
18481
+ .fs-lg-6 {
18482
+ font-size: var(--bs-fs-6) !important;
18483
+ }
18484
+ .fw-lg-lighter {
18485
+ font-weight: var(--bs-fw-lighter) !important;
18486
+ }
18487
+ .fw-lg-light {
18488
+ font-weight: var(--bs-fw-light) !important;
18489
+ }
18490
+ .fw-lg-normal {
18491
+ font-weight: var(--bs-fw-normal) !important;
18492
+ }
18493
+ .fw-lg-medium {
18494
+ font-weight: 500 !important;
18495
+ }
18496
+ .fw-lg-semibold {
18497
+ font-weight: var(--bs-fw-semibold) !important;
18498
+ }
18499
+ .fw-lg-bold {
18500
+ font-weight: var(--bs-fw-bold) !important;
18501
+ }
18502
+ .fw-lg-bolder {
18503
+ font-weight: var(--bs-fw-bolder) !important;
18504
+ }
18119
18505
  .text-lg-start {
18120
18506
  text-align: left !important;
18121
18507
  }
@@ -18125,6 +18511,42 @@ label .d-icon {
18125
18511
  .text-lg-center {
18126
18512
  text-align: center !important;
18127
18513
  }
18514
+ .text-truncate-lg-1 {
18515
+ --bs-text-truncate: 1;
18516
+ }
18517
+ .text-truncate-lg-2 {
18518
+ --bs-text-truncate: 2;
18519
+ }
18520
+ .text-truncate-lg-3 {
18521
+ --bs-text-truncate: 3;
18522
+ }
18523
+ .text-truncate-lg-4 {
18524
+ --bs-text-truncate: 4;
18525
+ }
18526
+ .text-truncate-lg-5 {
18527
+ --bs-text-truncate: 6;
18528
+ }
18529
+ .text-truncate-lg-6 {
18530
+ --bs-text-truncate: 6;
18531
+ }
18532
+ .display-lg-1 {
18533
+ --bs-display-font-size: var(--bs-fs-display-1);
18534
+ }
18535
+ .display-lg-2 {
18536
+ --bs-display-font-size: var(--bs-fs-display-2);
18537
+ }
18538
+ .display-lg-3 {
18539
+ --bs-display-font-size: var(--bs-fs-display-3);
18540
+ }
18541
+ .display-lg-4 {
18542
+ --bs-display-font-size: var(--bs-fs-display-4);
18543
+ }
18544
+ .display-lg-5 {
18545
+ --bs-display-font-size: var(--bs-fs-display-5);
18546
+ }
18547
+ .display-lg-6 {
18548
+ --bs-display-font-size: var(--bs-fs-display-6);
18549
+ }
18128
18550
  }
18129
18551
  @media (min-width: 1200px) {
18130
18552
  .float-xl-start {
@@ -18189,6 +18611,36 @@ label .d-icon {
18189
18611
  .d-xl-none {
18190
18612
  display: none !important;
18191
18613
  }
18614
+ .w-xl-25 {
18615
+ width: 25% !important;
18616
+ }
18617
+ .w-xl-50 {
18618
+ width: 50% !important;
18619
+ }
18620
+ .w-xl-75 {
18621
+ width: 75% !important;
18622
+ }
18623
+ .w-xl-100 {
18624
+ width: 100% !important;
18625
+ }
18626
+ .w-xl-auto {
18627
+ width: auto !important;
18628
+ }
18629
+ .h-xl-25 {
18630
+ height: 25% !important;
18631
+ }
18632
+ .h-xl-50 {
18633
+ height: 50% !important;
18634
+ }
18635
+ .h-xl-75 {
18636
+ height: 75% !important;
18637
+ }
18638
+ .h-xl-100 {
18639
+ height: 100% !important;
18640
+ }
18641
+ .h-xl-auto {
18642
+ height: auto !important;
18643
+ }
18192
18644
  .flex-xl-fill {
18193
18645
  flex: 1 1 auto !important;
18194
18646
  }
@@ -19181,6 +19633,45 @@ label .d-icon {
19181
19633
  -moz-column-gap: 3.5rem !important;
19182
19634
  column-gap: 3.5rem !important;
19183
19635
  }
19636
+ .fs-xl-1 {
19637
+ font-size: var(--bs-fs-1) !important;
19638
+ }
19639
+ .fs-xl-2 {
19640
+ font-size: var(--bs-fs-2) !important;
19641
+ }
19642
+ .fs-xl-3 {
19643
+ font-size: var(--bs-fs-3) !important;
19644
+ }
19645
+ .fs-xl-4 {
19646
+ font-size: var(--bs-fs-4) !important;
19647
+ }
19648
+ .fs-xl-5 {
19649
+ font-size: var(--bs-fs-5) !important;
19650
+ }
19651
+ .fs-xl-6 {
19652
+ font-size: var(--bs-fs-6) !important;
19653
+ }
19654
+ .fw-xl-lighter {
19655
+ font-weight: var(--bs-fw-lighter) !important;
19656
+ }
19657
+ .fw-xl-light {
19658
+ font-weight: var(--bs-fw-light) !important;
19659
+ }
19660
+ .fw-xl-normal {
19661
+ font-weight: var(--bs-fw-normal) !important;
19662
+ }
19663
+ .fw-xl-medium {
19664
+ font-weight: 500 !important;
19665
+ }
19666
+ .fw-xl-semibold {
19667
+ font-weight: var(--bs-fw-semibold) !important;
19668
+ }
19669
+ .fw-xl-bold {
19670
+ font-weight: var(--bs-fw-bold) !important;
19671
+ }
19672
+ .fw-xl-bolder {
19673
+ font-weight: var(--bs-fw-bolder) !important;
19674
+ }
19184
19675
  .text-xl-start {
19185
19676
  text-align: left !important;
19186
19677
  }
@@ -19190,6 +19681,42 @@ label .d-icon {
19190
19681
  .text-xl-center {
19191
19682
  text-align: center !important;
19192
19683
  }
19684
+ .text-truncate-xl-1 {
19685
+ --bs-text-truncate: 1;
19686
+ }
19687
+ .text-truncate-xl-2 {
19688
+ --bs-text-truncate: 2;
19689
+ }
19690
+ .text-truncate-xl-3 {
19691
+ --bs-text-truncate: 3;
19692
+ }
19693
+ .text-truncate-xl-4 {
19694
+ --bs-text-truncate: 4;
19695
+ }
19696
+ .text-truncate-xl-5 {
19697
+ --bs-text-truncate: 6;
19698
+ }
19699
+ .text-truncate-xl-6 {
19700
+ --bs-text-truncate: 6;
19701
+ }
19702
+ .display-xl-1 {
19703
+ --bs-display-font-size: var(--bs-fs-display-1);
19704
+ }
19705
+ .display-xl-2 {
19706
+ --bs-display-font-size: var(--bs-fs-display-2);
19707
+ }
19708
+ .display-xl-3 {
19709
+ --bs-display-font-size: var(--bs-fs-display-3);
19710
+ }
19711
+ .display-xl-4 {
19712
+ --bs-display-font-size: var(--bs-fs-display-4);
19713
+ }
19714
+ .display-xl-5 {
19715
+ --bs-display-font-size: var(--bs-fs-display-5);
19716
+ }
19717
+ .display-xl-6 {
19718
+ --bs-display-font-size: var(--bs-fs-display-6);
19719
+ }
19193
19720
  }
19194
19721
  @media (min-width: 1400px) {
19195
19722
  .float-xxl-start {
@@ -19254,6 +19781,36 @@ label .d-icon {
19254
19781
  .d-xxl-none {
19255
19782
  display: none !important;
19256
19783
  }
19784
+ .w-xxl-25 {
19785
+ width: 25% !important;
19786
+ }
19787
+ .w-xxl-50 {
19788
+ width: 50% !important;
19789
+ }
19790
+ .w-xxl-75 {
19791
+ width: 75% !important;
19792
+ }
19793
+ .w-xxl-100 {
19794
+ width: 100% !important;
19795
+ }
19796
+ .w-xxl-auto {
19797
+ width: auto !important;
19798
+ }
19799
+ .h-xxl-25 {
19800
+ height: 25% !important;
19801
+ }
19802
+ .h-xxl-50 {
19803
+ height: 50% !important;
19804
+ }
19805
+ .h-xxl-75 {
19806
+ height: 75% !important;
19807
+ }
19808
+ .h-xxl-100 {
19809
+ height: 100% !important;
19810
+ }
19811
+ .h-xxl-auto {
19812
+ height: auto !important;
19813
+ }
19257
19814
  .flex-xxl-fill {
19258
19815
  flex: 1 1 auto !important;
19259
19816
  }
@@ -20246,6 +20803,45 @@ label .d-icon {
20246
20803
  -moz-column-gap: 3.5rem !important;
20247
20804
  column-gap: 3.5rem !important;
20248
20805
  }
20806
+ .fs-xxl-1 {
20807
+ font-size: var(--bs-fs-1) !important;
20808
+ }
20809
+ .fs-xxl-2 {
20810
+ font-size: var(--bs-fs-2) !important;
20811
+ }
20812
+ .fs-xxl-3 {
20813
+ font-size: var(--bs-fs-3) !important;
20814
+ }
20815
+ .fs-xxl-4 {
20816
+ font-size: var(--bs-fs-4) !important;
20817
+ }
20818
+ .fs-xxl-5 {
20819
+ font-size: var(--bs-fs-5) !important;
20820
+ }
20821
+ .fs-xxl-6 {
20822
+ font-size: var(--bs-fs-6) !important;
20823
+ }
20824
+ .fw-xxl-lighter {
20825
+ font-weight: var(--bs-fw-lighter) !important;
20826
+ }
20827
+ .fw-xxl-light {
20828
+ font-weight: var(--bs-fw-light) !important;
20829
+ }
20830
+ .fw-xxl-normal {
20831
+ font-weight: var(--bs-fw-normal) !important;
20832
+ }
20833
+ .fw-xxl-medium {
20834
+ font-weight: 500 !important;
20835
+ }
20836
+ .fw-xxl-semibold {
20837
+ font-weight: var(--bs-fw-semibold) !important;
20838
+ }
20839
+ .fw-xxl-bold {
20840
+ font-weight: var(--bs-fw-bold) !important;
20841
+ }
20842
+ .fw-xxl-bolder {
20843
+ font-weight: var(--bs-fw-bolder) !important;
20844
+ }
20249
20845
  .text-xxl-start {
20250
20846
  text-align: left !important;
20251
20847
  }
@@ -20255,22 +20851,41 @@ label .d-icon {
20255
20851
  .text-xxl-center {
20256
20852
  text-align: center !important;
20257
20853
  }
20258
- }
20259
- @media (min-width: 1200px) {
20260
- .fs-1 {
20261
- font-size: 4rem !important;
20854
+ .text-truncate-xxl-1 {
20855
+ --bs-text-truncate: 1;
20856
+ }
20857
+ .text-truncate-xxl-2 {
20858
+ --bs-text-truncate: 2;
20859
+ }
20860
+ .text-truncate-xxl-3 {
20861
+ --bs-text-truncate: 3;
20862
+ }
20863
+ .text-truncate-xxl-4 {
20864
+ --bs-text-truncate: 4;
20865
+ }
20866
+ .text-truncate-xxl-5 {
20867
+ --bs-text-truncate: 6;
20868
+ }
20869
+ .text-truncate-xxl-6 {
20870
+ --bs-text-truncate: 6;
20871
+ }
20872
+ .display-xxl-1 {
20873
+ --bs-display-font-size: var(--bs-fs-display-1);
20874
+ }
20875
+ .display-xxl-2 {
20876
+ --bs-display-font-size: var(--bs-fs-display-2);
20262
20877
  }
20263
- .fs-2 {
20264
- font-size: 3.5rem !important;
20878
+ .display-xxl-3 {
20879
+ --bs-display-font-size: var(--bs-fs-display-3);
20265
20880
  }
20266
- .fs-3 {
20267
- font-size: 3rem !important;
20881
+ .display-xxl-4 {
20882
+ --bs-display-font-size: var(--bs-fs-display-4);
20268
20883
  }
20269
- .fs-4 {
20270
- font-size: 2rem !important;
20884
+ .display-xxl-5 {
20885
+ --bs-display-font-size: var(--bs-fs-display-5);
20271
20886
  }
20272
- .fs-5 {
20273
- font-size: 1.5rem !important;
20887
+ .display-xxl-6 {
20888
+ --bs-display-font-size: var(--bs-fs-display-6);
20274
20889
  }
20275
20890
  }
20276
20891
  @media print {