@dynamic-framework/ui-react 1.26.0 → 1.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/css/dynamic-ui-non-root.css +851 -927
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +228 -152
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +1062 -1062
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +125 -58
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +126 -57
  10. package/dist/index.js.map +1 -1
  11. package/dist/types/components/DButtonIcon/DButtonIcon.d.ts +19 -0
  12. package/dist/types/components/DButtonIcon/index.d.ts +2 -0
  13. package/dist/types/components/DDatePicker/DDatePicker.d.ts +3 -3
  14. package/dist/types/components/DDatePickerInput/DDatePickerInput.d.ts +2 -0
  15. package/dist/types/components/DInput/DInput.d.ts +3 -2
  16. package/dist/types/components/DInputCheck/DInputCheck.d.ts +3 -1
  17. package/dist/types/components/DInputCounter/DInputCounter.d.ts +2 -1
  18. package/dist/types/components/DInputCurrency/DInputCurrency.d.ts +2 -1
  19. package/dist/types/components/DInputCurrencyBase/DInputCurrencyBase.d.ts +2 -1
  20. package/dist/types/components/DInputMask/DInputMask.d.ts +2 -1
  21. package/dist/types/components/DInputSearch/DInputSearch.d.ts +2 -1
  22. package/dist/types/components/DInputSelect/DInputSelect.d.ts +3 -2
  23. package/dist/types/components/DInputSwitch/DInputSwitch.d.ts +3 -1
  24. package/dist/types/components/DSelect/DSelect.d.ts +3 -3
  25. package/dist/types/components/DStepper/DStepper.d.ts +2 -1
  26. package/dist/types/components/DStepperDesktop/DStepperDesktop.d.ts +2 -1
  27. package/dist/types/components/DTableHead/DTableHead.d.ts +9 -0
  28. package/dist/types/components/DTableHead/index.d.ts +2 -0
  29. package/dist/types/components/DToastContainer/DToastContainer.d.ts +2 -14
  30. package/dist/types/components/DToastContainer/useDToast.d.ts +11 -12
  31. package/dist/types/components/index.d.ts +2 -0
  32. package/dist/types/contexts/DContext.d.ts +1 -1
  33. package/dist/types/hooks/useFormatCurrency.d.ts +2 -1
  34. package/package.json +7 -5
  35. package/setupJest.js +16 -0
  36. package/src/style/abstracts/_mixins.scss +41 -21
  37. package/src/style/abstracts/variables/_+import.scss +12 -3
  38. package/src/style/abstracts/variables/_border.scss +1 -1
  39. package/src/style/abstracts/variables/_buttons.scss +3 -5
  40. package/src/style/abstracts/variables/_colors.scss +10 -10
  41. package/src/style/abstracts/variables/_forms.scss +24 -50
  42. package/src/style/abstracts/variables/_options.scss +1 -1
  43. package/src/style/abstracts/variables/_quick-action-switch.scss +0 -2
  44. package/src/style/abstracts/variables/_toast.scss +5 -0
  45. package/src/style/base/_+import.scss +1 -0
  46. package/src/style/base/_alert.scss +1 -1
  47. package/src/style/base/_buttons.scss +41 -16
  48. package/src/style/base/_form-check.scss +2 -19
  49. package/src/style/base/_form-switch.scss +4 -53
  50. package/src/style/base/_toast.scss +56 -0
  51. package/src/style/components/_+import.scss +3 -2
  52. package/src/style/components/_d-button-icon.scss +26 -0
  53. package/src/style/components/_d-close.scss +11 -0
  54. package/src/style/components/_d-modal.scss +0 -11
  55. package/src/style/components/_d-offcanvas.scss +0 -11
  56. package/src/style/components/_d-quick-action-switch.scss +0 -7
  57. package/src/style/components/_d-table-head.scss +18 -0
  58. package/src/style/root/_root.scss +42 -36
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 1.26.0
2
+ * dynamic-framework 1.28.0
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
  */
@@ -37,7 +37,7 @@ hr {
37
37
  margin: var(--bs-ref-spacer-4) 0;
38
38
  color: inherit;
39
39
  border: 0;
40
- border-top: var(--bs-border-width) solid var(--bs-gray-200);
40
+ border-top: var(--bs-border-width) solid var(--bs-gray-300);
41
41
  opacity: 1;
42
42
  }
43
43
 
@@ -500,6 +500,437 @@ progress {
500
500
  margin-top: var(--bs-gutter-y);
501
501
  }
502
502
 
503
+ .grid {
504
+ display: grid;
505
+ grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
506
+ grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
507
+ gap: var(--bs-gap, 1.5rem);
508
+ }
509
+ .grid .g-col-1 {
510
+ grid-column: auto/span 1;
511
+ }
512
+ .grid .g-col-2 {
513
+ grid-column: auto/span 2;
514
+ }
515
+ .grid .g-col-3 {
516
+ grid-column: auto/span 3;
517
+ }
518
+ .grid .g-col-4 {
519
+ grid-column: auto/span 4;
520
+ }
521
+ .grid .g-col-5 {
522
+ grid-column: auto/span 5;
523
+ }
524
+ .grid .g-col-6 {
525
+ grid-column: auto/span 6;
526
+ }
527
+ .grid .g-col-7 {
528
+ grid-column: auto/span 7;
529
+ }
530
+ .grid .g-col-8 {
531
+ grid-column: auto/span 8;
532
+ }
533
+ .grid .g-col-9 {
534
+ grid-column: auto/span 9;
535
+ }
536
+ .grid .g-col-10 {
537
+ grid-column: auto/span 10;
538
+ }
539
+ .grid .g-col-11 {
540
+ grid-column: auto/span 11;
541
+ }
542
+ .grid .g-col-12 {
543
+ grid-column: auto/span 12;
544
+ }
545
+ .grid .g-start-1 {
546
+ grid-column-start: 1;
547
+ }
548
+ .grid .g-start-2 {
549
+ grid-column-start: 2;
550
+ }
551
+ .grid .g-start-3 {
552
+ grid-column-start: 3;
553
+ }
554
+ .grid .g-start-4 {
555
+ grid-column-start: 4;
556
+ }
557
+ .grid .g-start-5 {
558
+ grid-column-start: 5;
559
+ }
560
+ .grid .g-start-6 {
561
+ grid-column-start: 6;
562
+ }
563
+ .grid .g-start-7 {
564
+ grid-column-start: 7;
565
+ }
566
+ .grid .g-start-8 {
567
+ grid-column-start: 8;
568
+ }
569
+ .grid .g-start-9 {
570
+ grid-column-start: 9;
571
+ }
572
+ .grid .g-start-10 {
573
+ grid-column-start: 10;
574
+ }
575
+ .grid .g-start-11 {
576
+ grid-column-start: 11;
577
+ }
578
+ @media (min-width: 576px) {
579
+ .grid .g-col-sm-1 {
580
+ grid-column: auto/span 1;
581
+ }
582
+ .grid .g-col-sm-2 {
583
+ grid-column: auto/span 2;
584
+ }
585
+ .grid .g-col-sm-3 {
586
+ grid-column: auto/span 3;
587
+ }
588
+ .grid .g-col-sm-4 {
589
+ grid-column: auto/span 4;
590
+ }
591
+ .grid .g-col-sm-5 {
592
+ grid-column: auto/span 5;
593
+ }
594
+ .grid .g-col-sm-6 {
595
+ grid-column: auto/span 6;
596
+ }
597
+ .grid .g-col-sm-7 {
598
+ grid-column: auto/span 7;
599
+ }
600
+ .grid .g-col-sm-8 {
601
+ grid-column: auto/span 8;
602
+ }
603
+ .grid .g-col-sm-9 {
604
+ grid-column: auto/span 9;
605
+ }
606
+ .grid .g-col-sm-10 {
607
+ grid-column: auto/span 10;
608
+ }
609
+ .grid .g-col-sm-11 {
610
+ grid-column: auto/span 11;
611
+ }
612
+ .grid .g-col-sm-12 {
613
+ grid-column: auto/span 12;
614
+ }
615
+ .grid .g-start-sm-1 {
616
+ grid-column-start: 1;
617
+ }
618
+ .grid .g-start-sm-2 {
619
+ grid-column-start: 2;
620
+ }
621
+ .grid .g-start-sm-3 {
622
+ grid-column-start: 3;
623
+ }
624
+ .grid .g-start-sm-4 {
625
+ grid-column-start: 4;
626
+ }
627
+ .grid .g-start-sm-5 {
628
+ grid-column-start: 5;
629
+ }
630
+ .grid .g-start-sm-6 {
631
+ grid-column-start: 6;
632
+ }
633
+ .grid .g-start-sm-7 {
634
+ grid-column-start: 7;
635
+ }
636
+ .grid .g-start-sm-8 {
637
+ grid-column-start: 8;
638
+ }
639
+ .grid .g-start-sm-9 {
640
+ grid-column-start: 9;
641
+ }
642
+ .grid .g-start-sm-10 {
643
+ grid-column-start: 10;
644
+ }
645
+ .grid .g-start-sm-11 {
646
+ grid-column-start: 11;
647
+ }
648
+ }
649
+ @media (min-width: 768px) {
650
+ .grid .g-col-md-1 {
651
+ grid-column: auto/span 1;
652
+ }
653
+ .grid .g-col-md-2 {
654
+ grid-column: auto/span 2;
655
+ }
656
+ .grid .g-col-md-3 {
657
+ grid-column: auto/span 3;
658
+ }
659
+ .grid .g-col-md-4 {
660
+ grid-column: auto/span 4;
661
+ }
662
+ .grid .g-col-md-5 {
663
+ grid-column: auto/span 5;
664
+ }
665
+ .grid .g-col-md-6 {
666
+ grid-column: auto/span 6;
667
+ }
668
+ .grid .g-col-md-7 {
669
+ grid-column: auto/span 7;
670
+ }
671
+ .grid .g-col-md-8 {
672
+ grid-column: auto/span 8;
673
+ }
674
+ .grid .g-col-md-9 {
675
+ grid-column: auto/span 9;
676
+ }
677
+ .grid .g-col-md-10 {
678
+ grid-column: auto/span 10;
679
+ }
680
+ .grid .g-col-md-11 {
681
+ grid-column: auto/span 11;
682
+ }
683
+ .grid .g-col-md-12 {
684
+ grid-column: auto/span 12;
685
+ }
686
+ .grid .g-start-md-1 {
687
+ grid-column-start: 1;
688
+ }
689
+ .grid .g-start-md-2 {
690
+ grid-column-start: 2;
691
+ }
692
+ .grid .g-start-md-3 {
693
+ grid-column-start: 3;
694
+ }
695
+ .grid .g-start-md-4 {
696
+ grid-column-start: 4;
697
+ }
698
+ .grid .g-start-md-5 {
699
+ grid-column-start: 5;
700
+ }
701
+ .grid .g-start-md-6 {
702
+ grid-column-start: 6;
703
+ }
704
+ .grid .g-start-md-7 {
705
+ grid-column-start: 7;
706
+ }
707
+ .grid .g-start-md-8 {
708
+ grid-column-start: 8;
709
+ }
710
+ .grid .g-start-md-9 {
711
+ grid-column-start: 9;
712
+ }
713
+ .grid .g-start-md-10 {
714
+ grid-column-start: 10;
715
+ }
716
+ .grid .g-start-md-11 {
717
+ grid-column-start: 11;
718
+ }
719
+ }
720
+ @media (min-width: 992px) {
721
+ .grid .g-col-lg-1 {
722
+ grid-column: auto/span 1;
723
+ }
724
+ .grid .g-col-lg-2 {
725
+ grid-column: auto/span 2;
726
+ }
727
+ .grid .g-col-lg-3 {
728
+ grid-column: auto/span 3;
729
+ }
730
+ .grid .g-col-lg-4 {
731
+ grid-column: auto/span 4;
732
+ }
733
+ .grid .g-col-lg-5 {
734
+ grid-column: auto/span 5;
735
+ }
736
+ .grid .g-col-lg-6 {
737
+ grid-column: auto/span 6;
738
+ }
739
+ .grid .g-col-lg-7 {
740
+ grid-column: auto/span 7;
741
+ }
742
+ .grid .g-col-lg-8 {
743
+ grid-column: auto/span 8;
744
+ }
745
+ .grid .g-col-lg-9 {
746
+ grid-column: auto/span 9;
747
+ }
748
+ .grid .g-col-lg-10 {
749
+ grid-column: auto/span 10;
750
+ }
751
+ .grid .g-col-lg-11 {
752
+ grid-column: auto/span 11;
753
+ }
754
+ .grid .g-col-lg-12 {
755
+ grid-column: auto/span 12;
756
+ }
757
+ .grid .g-start-lg-1 {
758
+ grid-column-start: 1;
759
+ }
760
+ .grid .g-start-lg-2 {
761
+ grid-column-start: 2;
762
+ }
763
+ .grid .g-start-lg-3 {
764
+ grid-column-start: 3;
765
+ }
766
+ .grid .g-start-lg-4 {
767
+ grid-column-start: 4;
768
+ }
769
+ .grid .g-start-lg-5 {
770
+ grid-column-start: 5;
771
+ }
772
+ .grid .g-start-lg-6 {
773
+ grid-column-start: 6;
774
+ }
775
+ .grid .g-start-lg-7 {
776
+ grid-column-start: 7;
777
+ }
778
+ .grid .g-start-lg-8 {
779
+ grid-column-start: 8;
780
+ }
781
+ .grid .g-start-lg-9 {
782
+ grid-column-start: 9;
783
+ }
784
+ .grid .g-start-lg-10 {
785
+ grid-column-start: 10;
786
+ }
787
+ .grid .g-start-lg-11 {
788
+ grid-column-start: 11;
789
+ }
790
+ }
791
+ @media (min-width: 1200px) {
792
+ .grid .g-col-xl-1 {
793
+ grid-column: auto/span 1;
794
+ }
795
+ .grid .g-col-xl-2 {
796
+ grid-column: auto/span 2;
797
+ }
798
+ .grid .g-col-xl-3 {
799
+ grid-column: auto/span 3;
800
+ }
801
+ .grid .g-col-xl-4 {
802
+ grid-column: auto/span 4;
803
+ }
804
+ .grid .g-col-xl-5 {
805
+ grid-column: auto/span 5;
806
+ }
807
+ .grid .g-col-xl-6 {
808
+ grid-column: auto/span 6;
809
+ }
810
+ .grid .g-col-xl-7 {
811
+ grid-column: auto/span 7;
812
+ }
813
+ .grid .g-col-xl-8 {
814
+ grid-column: auto/span 8;
815
+ }
816
+ .grid .g-col-xl-9 {
817
+ grid-column: auto/span 9;
818
+ }
819
+ .grid .g-col-xl-10 {
820
+ grid-column: auto/span 10;
821
+ }
822
+ .grid .g-col-xl-11 {
823
+ grid-column: auto/span 11;
824
+ }
825
+ .grid .g-col-xl-12 {
826
+ grid-column: auto/span 12;
827
+ }
828
+ .grid .g-start-xl-1 {
829
+ grid-column-start: 1;
830
+ }
831
+ .grid .g-start-xl-2 {
832
+ grid-column-start: 2;
833
+ }
834
+ .grid .g-start-xl-3 {
835
+ grid-column-start: 3;
836
+ }
837
+ .grid .g-start-xl-4 {
838
+ grid-column-start: 4;
839
+ }
840
+ .grid .g-start-xl-5 {
841
+ grid-column-start: 5;
842
+ }
843
+ .grid .g-start-xl-6 {
844
+ grid-column-start: 6;
845
+ }
846
+ .grid .g-start-xl-7 {
847
+ grid-column-start: 7;
848
+ }
849
+ .grid .g-start-xl-8 {
850
+ grid-column-start: 8;
851
+ }
852
+ .grid .g-start-xl-9 {
853
+ grid-column-start: 9;
854
+ }
855
+ .grid .g-start-xl-10 {
856
+ grid-column-start: 10;
857
+ }
858
+ .grid .g-start-xl-11 {
859
+ grid-column-start: 11;
860
+ }
861
+ }
862
+ @media (min-width: 1400px) {
863
+ .grid .g-col-xxl-1 {
864
+ grid-column: auto/span 1;
865
+ }
866
+ .grid .g-col-xxl-2 {
867
+ grid-column: auto/span 2;
868
+ }
869
+ .grid .g-col-xxl-3 {
870
+ grid-column: auto/span 3;
871
+ }
872
+ .grid .g-col-xxl-4 {
873
+ grid-column: auto/span 4;
874
+ }
875
+ .grid .g-col-xxl-5 {
876
+ grid-column: auto/span 5;
877
+ }
878
+ .grid .g-col-xxl-6 {
879
+ grid-column: auto/span 6;
880
+ }
881
+ .grid .g-col-xxl-7 {
882
+ grid-column: auto/span 7;
883
+ }
884
+ .grid .g-col-xxl-8 {
885
+ grid-column: auto/span 8;
886
+ }
887
+ .grid .g-col-xxl-9 {
888
+ grid-column: auto/span 9;
889
+ }
890
+ .grid .g-col-xxl-10 {
891
+ grid-column: auto/span 10;
892
+ }
893
+ .grid .g-col-xxl-11 {
894
+ grid-column: auto/span 11;
895
+ }
896
+ .grid .g-col-xxl-12 {
897
+ grid-column: auto/span 12;
898
+ }
899
+ .grid .g-start-xxl-1 {
900
+ grid-column-start: 1;
901
+ }
902
+ .grid .g-start-xxl-2 {
903
+ grid-column-start: 2;
904
+ }
905
+ .grid .g-start-xxl-3 {
906
+ grid-column-start: 3;
907
+ }
908
+ .grid .g-start-xxl-4 {
909
+ grid-column-start: 4;
910
+ }
911
+ .grid .g-start-xxl-5 {
912
+ grid-column-start: 5;
913
+ }
914
+ .grid .g-start-xxl-6 {
915
+ grid-column-start: 6;
916
+ }
917
+ .grid .g-start-xxl-7 {
918
+ grid-column-start: 7;
919
+ }
920
+ .grid .g-start-xxl-8 {
921
+ grid-column-start: 8;
922
+ }
923
+ .grid .g-start-xxl-9 {
924
+ grid-column-start: 9;
925
+ }
926
+ .grid .g-start-xxl-10 {
927
+ grid-column-start: 10;
928
+ }
929
+ .grid .g-start-xxl-11 {
930
+ grid-column-start: 11;
931
+ }
932
+ }
933
+
503
934
  .col {
504
935
  flex: 1 0 0%;
505
936
  }
@@ -2084,57 +2515,57 @@ progress {
2084
2515
  }
2085
2516
 
2086
2517
  .table-primary {
2087
- --bs-table-color: var(--bs-black);
2518
+ --bs-table-color: var(--bs-gray-700);
2088
2519
  --bs-table-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 0%);
2089
2520
  --bs-table-border-color: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 20%);
2090
2521
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 10%);
2091
- --bs-table-striped-color: var(--bs-black);
2522
+ --bs-table-striped-color: var(--bs-gray-700);
2092
2523
  --bs-table-active-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 20%);
2093
- --bs-table-active-color: var(--bs-black);
2524
+ --bs-table-active-color: var(--bs-gray-700);
2094
2525
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-primary-100), var(--bs-white) 15%);
2095
- --bs-table-hover-color: var(--bs-black);
2526
+ --bs-table-hover-color: var(--bs-gray-700);
2096
2527
  color: var(--bs-table-color);
2097
2528
  border-color: var(--bs-table-border-color);
2098
2529
  }
2099
2530
 
2100
2531
  .table-secondary {
2101
- --bs-table-color: var(--bs-black);
2532
+ --bs-table-color: var(--bs-gray-700);
2102
2533
  --bs-table-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 0%);
2103
2534
  --bs-table-border-color: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 20%);
2104
2535
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 10%);
2105
- --bs-table-striped-color: var(--bs-black);
2536
+ --bs-table-striped-color: var(--bs-gray-700);
2106
2537
  --bs-table-active-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 20%);
2107
- --bs-table-active-color: var(--bs-black);
2538
+ --bs-table-active-color: var(--bs-gray-700);
2108
2539
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-secondary-100), var(--bs-white) 15%);
2109
- --bs-table-hover-color: var(--bs-black);
2540
+ --bs-table-hover-color: var(--bs-gray-700);
2110
2541
  color: var(--bs-table-color);
2111
2542
  border-color: var(--bs-table-border-color);
2112
2543
  }
2113
2544
 
2114
2545
  .table-success {
2115
- --bs-table-color: var(--bs-black);
2546
+ --bs-table-color: var(--bs-gray-700);
2116
2547
  --bs-table-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 0%);
2117
2548
  --bs-table-border-color: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 20%);
2118
2549
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 10%);
2119
- --bs-table-striped-color: var(--bs-black);
2550
+ --bs-table-striped-color: var(--bs-gray-700);
2120
2551
  --bs-table-active-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 20%);
2121
- --bs-table-active-color: var(--bs-black);
2552
+ --bs-table-active-color: var(--bs-gray-700);
2122
2553
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-success-100), var(--bs-white) 15%);
2123
- --bs-table-hover-color: var(--bs-black);
2554
+ --bs-table-hover-color: var(--bs-gray-700);
2124
2555
  color: var(--bs-table-color);
2125
2556
  border-color: var(--bs-table-border-color);
2126
2557
  }
2127
2558
 
2128
2559
  .table-info {
2129
- --bs-table-color: var(--bs-black);
2560
+ --bs-table-color: var(--bs-gray-700);
2130
2561
  --bs-table-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 0%);
2131
2562
  --bs-table-border-color: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 20%);
2132
2563
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 10%);
2133
- --bs-table-striped-color: var(--bs-black);
2564
+ --bs-table-striped-color: var(--bs-gray-700);
2134
2565
  --bs-table-active-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 20%);
2135
- --bs-table-active-color: var(--bs-black);
2566
+ --bs-table-active-color: var(--bs-gray-700);
2136
2567
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-info-100), var(--bs-white) 15%);
2137
- --bs-table-hover-color: var(--bs-black);
2568
+ --bs-table-hover-color: var(--bs-gray-700);
2138
2569
  color: var(--bs-table-color);
2139
2570
  border-color: var(--bs-table-border-color);
2140
2571
  }
@@ -2154,15 +2585,15 @@ progress {
2154
2585
  }
2155
2586
 
2156
2587
  .table-danger {
2157
- --bs-table-color: var(--bs-black);
2588
+ --bs-table-color: var(--bs-gray-700);
2158
2589
  --bs-table-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 0%);
2159
2590
  --bs-table-border-color: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 20%);
2160
2591
  --bs-table-striped-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 10%);
2161
- --bs-table-striped-color: var(--bs-black);
2592
+ --bs-table-striped-color: var(--bs-gray-700);
2162
2593
  --bs-table-active-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 20%);
2163
- --bs-table-active-color: var(--bs-black);
2594
+ --bs-table-active-color: var(--bs-gray-700);
2164
2595
  --bs-table-hover-bg: color-mix(in srgb, var(--bs-danger-100), var(--bs-white) 15%);
2165
- --bs-table-hover-color: var(--bs-black);
2596
+ --bs-table-hover-color: var(--bs-gray-700);
2166
2597
  color: var(--bs-table-color);
2167
2598
  border-color: var(--bs-table-border-color);
2168
2599
  }
@@ -2269,9 +2700,9 @@ progress {
2269
2700
 
2270
2701
  .form-label {
2271
2702
  margin-bottom: 0;
2272
- font-size: var(--bs-fs-small);
2273
- font-weight: var(--bs-fw-bold);
2274
- color: var(--bs-gray);
2703
+ font-size: var(--bs-label-font-size);
2704
+ font-weight: var(--bs-label-font-weight);
2705
+ color: var(--bs-label-color);
2275
2706
  }
2276
2707
 
2277
2708
  .col-form-label {
@@ -2279,9 +2710,9 @@ progress {
2279
2710
  padding-bottom: calc(0.75rem + var(--bs-border-width));
2280
2711
  margin-bottom: 0;
2281
2712
  font-size: inherit;
2282
- font-weight: var(--bs-fw-bold);
2713
+ font-weight: var(--bs-label-font-weight);
2283
2714
  line-height: 1.5;
2284
- color: var(--bs-gray);
2715
+ color: var(--bs-label-color);
2285
2716
  }
2286
2717
 
2287
2718
  .col-form-label-lg {
@@ -2299,7 +2730,7 @@ progress {
2299
2730
  .form-text {
2300
2731
  margin-top: 0.5rem;
2301
2732
  font-size: var(--bs-fs-small);
2302
- color: var(--bs-gray);
2733
+ color: var(--bs-body-color);
2303
2734
  }
2304
2735
 
2305
2736
  .form-control {
@@ -2309,13 +2740,13 @@ progress {
2309
2740
  font-size: 1rem;
2310
2741
  font-weight: var(--bs-fw-normal);
2311
2742
  line-height: 1.5;
2312
- color: var(--bs-gray-900);
2743
+ color: var(--bs-body-color);
2313
2744
  -webkit-appearance: none;
2314
2745
  -moz-appearance: none;
2315
2746
  appearance: none;
2316
2747
  background-color: var(--bs-white);
2317
2748
  background-clip: padding-box;
2318
- border: var(--bs-border-width) solid var(--bs-gray-300);
2749
+ border: var(--bs-border-width) solid var(--bs-border-color);
2319
2750
  border-radius: var(--bs-border-radius-sm);
2320
2751
  box-shadow: 0 0 0 transparent;
2321
2752
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2332,11 +2763,11 @@ progress {
2332
2763
  cursor: pointer;
2333
2764
  }
2334
2765
  .form-control:focus {
2335
- color: var(--bs-gray-900);
2766
+ color: var(--bs-body-color);
2336
2767
  background-color: var(--bs-white);
2337
- border-color: var(--bs-focus-ring-color);
2768
+ border-color: var(--bs-focus-ring-border-color);
2338
2769
  outline: 0;
2339
- box-shadow: 0 0 0 transparent, 0 0 0 1px rgba(var(--bs-secondary-rgb));
2770
+ box-shadow: 0 0 0 transparent, 0 0 0 0.25rem var(--bs-focus-ring-color);
2340
2771
  }
2341
2772
  .form-control::-webkit-date-and-time-value {
2342
2773
  min-width: 85px;
@@ -2348,11 +2779,11 @@ progress {
2348
2779
  padding: 0;
2349
2780
  }
2350
2781
  .form-control::-moz-placeholder {
2351
- color: var(--bs-gray-300);
2782
+ color: var(--bs-border-color);
2352
2783
  opacity: 1;
2353
2784
  }
2354
2785
  .form-control::placeholder {
2355
- color: var(--bs-gray-300);
2786
+ color: var(--bs-border-color);
2356
2787
  opacity: 1;
2357
2788
  }
2358
2789
  .form-control:disabled {
@@ -2366,7 +2797,7 @@ progress {
2366
2797
  margin: -0.75rem -1rem;
2367
2798
  -webkit-margin-end: 1rem;
2368
2799
  margin-inline-end: 1rem;
2369
- color: var(--bs-gray-900);
2800
+ color: var(--bs-body-color);
2370
2801
  background-color: var(--bs-white);
2371
2802
  pointer-events: none;
2372
2803
  border-color: inherit;
@@ -2382,7 +2813,7 @@ progress {
2382
2813
  margin: -0.75rem -1rem;
2383
2814
  -webkit-margin-end: 1rem;
2384
2815
  margin-inline-end: 1rem;
2385
- color: var(--bs-gray-900);
2816
+ color: var(--bs-body-color);
2386
2817
  background-color: var(--bs-white);
2387
2818
  pointer-events: none;
2388
2819
  border-color: inherit;
@@ -2499,14 +2930,14 @@ textarea.form-control-lg {
2499
2930
  }
2500
2931
 
2501
2932
  .form-select {
2502
- --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2933
+ --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236d6d82' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2503
2934
  display: block;
2504
2935
  width: 100%;
2505
2936
  padding: 0.75rem 3rem 0.75rem 1rem;
2506
2937
  font-size: 1rem;
2507
2938
  font-weight: var(--bs-fw-normal);
2508
2939
  line-height: 1.5;
2509
- color: var(--bs-gray-900);
2940
+ color: var(--bs-body-color);
2510
2941
  -webkit-appearance: none;
2511
2942
  -moz-appearance: none;
2512
2943
  appearance: none;
@@ -2515,7 +2946,7 @@ textarea.form-control-lg {
2515
2946
  background-repeat: no-repeat;
2516
2947
  background-position: right 1rem center;
2517
2948
  background-size: 24px;
2518
- border: var(--bs-border-width) solid var(--bs-gray-300);
2949
+ border: var(--bs-border-width) solid var(--bs-border-color);
2519
2950
  border-radius: var(--bs-border-radius-sm);
2520
2951
  box-shadow: none;
2521
2952
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2526,9 +2957,9 @@ textarea.form-control-lg {
2526
2957
  }
2527
2958
  }
2528
2959
  .form-select:focus {
2529
- border-color: var(--bs-focus-ring-color);
2960
+ border-color: var(--bs-focus-ring-border-color);
2530
2961
  outline: 0;
2531
- box-shadow: none, 0 0 0 1px rgba(var(--bs-secondary-rgb), 1);
2962
+ box-shadow: none, 0 0 0 0.25rem var(--bs-focus-ring-color);
2532
2963
  }
2533
2964
  .form-select[multiple], .form-select[size]:not([size="1"]) {
2534
2965
  padding-right: 1rem;
@@ -2541,7 +2972,7 @@ textarea.form-control-lg {
2541
2972
  }
2542
2973
  .form-select:-moz-focusring {
2543
2974
  color: transparent;
2544
- text-shadow: 0 0 0 var(--bs-gray-900);
2975
+ text-shadow: 0 0 0 var(--bs-body-color);
2545
2976
  }
2546
2977
 
2547
2978
  .form-select-sm {
@@ -2562,32 +2993,32 @@ textarea.form-control-lg {
2562
2993
 
2563
2994
  .form-check {
2564
2995
  display: block;
2565
- min-height: 1.5em;
2566
- padding-left: 0.75em;
2996
+ min-height: 1em;
2997
+ padding-left: 0.5em;
2567
2998
  margin-bottom: 0.125rem;
2568
2999
  }
2569
3000
  .form-check .form-check-input {
2570
3001
  float: left;
2571
- margin-left: -0.75em;
3002
+ margin-left: -0.5em;
2572
3003
  }
2573
3004
 
2574
3005
  .form-check-reverse {
2575
- padding-right: 0.75em;
3006
+ padding-right: 0.5em;
2576
3007
  padding-left: 0;
2577
3008
  text-align: right;
2578
3009
  }
2579
3010
  .form-check-reverse .form-check-input {
2580
3011
  float: right;
2581
- margin-right: -0.75em;
3012
+ margin-right: -0.5em;
2582
3013
  margin-left: 0;
2583
3014
  }
2584
3015
 
2585
3016
  .form-check-input {
2586
3017
  --bs-form-check-bg: var(--bs-white);
2587
3018
  flex-shrink: 0;
2588
- width: 1.5em;
2589
- height: 1.5em;
2590
- margin-top: 0em;
3019
+ width: 1em;
3020
+ height: 1em;
3021
+ margin-top: 0.25em;
2591
3022
  vertical-align: top;
2592
3023
  -webkit-appearance: none;
2593
3024
  -moz-appearance: none;
@@ -2612,9 +3043,9 @@ textarea.form-control-lg {
2612
3043
  filter: brightness(90%);
2613
3044
  }
2614
3045
  .form-check-input:focus {
2615
- border-color: var(--bs-focus-ring-color);
3046
+ border-color: var(--bs-form-check-input-focus-border-color);
2616
3047
  outline: 0;
2617
- box-shadow: none;
3048
+ box-shadow: var(--bs-form-check-input-focus-box-shadow);
2618
3049
  }
2619
3050
  .form-check-input:checked {
2620
3051
  background-color: var(--bs-primary);
@@ -2642,15 +3073,15 @@ textarea.form-control-lg {
2642
3073
  }
2643
3074
 
2644
3075
  .form-switch {
2645
- padding-left: 3.5em;
3076
+ padding-left: 2em;
2646
3077
  }
2647
3078
  .form-switch .form-check-input {
2648
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
2649
- width: 3em;
2650
- margin-left: -3.5em;
3079
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a7a7b4'/%3e%3c/svg%3e");
3080
+ width: 2em;
3081
+ margin-left: -2em;
2651
3082
  background-image: var(--bs-form-switch-bg);
2652
3083
  background-position: left center;
2653
- border-radius: 3em;
3084
+ border-radius: 2em;
2654
3085
  transition: background-position 0.15s ease-in-out;
2655
3086
  }
2656
3087
  @media (prefers-reduced-motion: reduce) {
@@ -2659,18 +3090,18 @@ textarea.form-control-lg {
2659
3090
  }
2660
3091
  }
2661
3092
  .form-switch .form-check-input:focus {
2662
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
3093
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239191d4'/%3e%3c/svg%3e");
2663
3094
  }
2664
3095
  .form-switch .form-check-input:checked {
2665
3096
  background-position: right center;
2666
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
3097
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
2667
3098
  }
2668
3099
  .form-switch.form-check-reverse {
2669
- padding-right: 3.5em;
3100
+ padding-right: 2em;
2670
3101
  padding-left: 0;
2671
3102
  }
2672
3103
  .form-switch.form-check-reverse .form-check-input {
2673
- margin-right: -3.5em;
3104
+ margin-right: -2em;
2674
3105
  margin-left: 0;
2675
3106
  }
2676
3107
 
@@ -2687,12 +3118,12 @@ textarea.form-control-lg {
2687
3118
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
2688
3119
  pointer-events: none;
2689
3120
  filter: none;
2690
- opacity: 1;
3121
+ opacity: 0.65;
2691
3122
  }
2692
3123
 
2693
3124
  .form-range {
2694
3125
  width: 100%;
2695
- height: calc(1rem + 2px);
3126
+ height: 1.5rem;
2696
3127
  padding: 0;
2697
3128
  -webkit-appearance: none;
2698
3129
  -moz-appearance: none;
@@ -2928,7 +3359,7 @@ textarea.form-control-lg {
2928
3359
  font-size: 1rem;
2929
3360
  font-weight: var(--bs-fw-normal);
2930
3361
  line-height: 1.5;
2931
- color: var(--bs-gray-900);
3362
+ color: var(--bs-body-color);
2932
3363
  text-align: center;
2933
3364
  white-space: nowrap;
2934
3365
  background-color: var(--bs-white);
@@ -3018,7 +3449,7 @@ textarea.form-control-lg {
3018
3449
  }
3019
3450
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
3020
3451
  border-color: var(--bs-form-valid-border-color);
3021
- box-shadow: 0 0 0 transparent, 0 0 0 1px rgba(var(--bs-success-rgb), 1);
3452
+ box-shadow: 0 0 0 transparent, 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
3022
3453
  }
3023
3454
 
3024
3455
  .was-validated .form-select:valid, .form-select.is-valid {
@@ -3026,7 +3457,7 @@ textarea.form-control-lg {
3026
3457
  }
3027
3458
  .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
3028
3459
  border-color: var(--bs-form-valid-border-color);
3029
- box-shadow: none, 0 0 0 1px rgba(var(--bs-success-rgb), 1);
3460
+ box-shadow: none, 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
3030
3461
  }
3031
3462
 
3032
3463
  .was-validated .form-check-input:valid, .form-check-input.is-valid {
@@ -3036,7 +3467,7 @@ textarea.form-control-lg {
3036
3467
  background-color: var(--bs-form-valid-color);
3037
3468
  }
3038
3469
  .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
3039
- box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
3470
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
3040
3471
  }
3041
3472
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
3042
3473
  color: var(--bs-form-valid-color);
@@ -3088,7 +3519,7 @@ textarea.form-control-lg {
3088
3519
  }
3089
3520
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
3090
3521
  border-color: var(--bs-form-invalid-border-color);
3091
- box-shadow: 0 0 0 transparent, 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
3522
+ box-shadow: 0 0 0 transparent, 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
3092
3523
  }
3093
3524
 
3094
3525
  .was-validated .form-select:invalid, .form-select.is-invalid {
@@ -3096,7 +3527,7 @@ textarea.form-control-lg {
3096
3527
  }
3097
3528
  .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
3098
3529
  border-color: var(--bs-form-invalid-border-color);
3099
- box-shadow: none, 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
3530
+ box-shadow: none, 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
3100
3531
  }
3101
3532
 
3102
3533
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
@@ -3106,7 +3537,7 @@ textarea.form-control-lg {
3106
3537
  background-color: var(--bs-form-invalid-color);
3107
3538
  }
3108
3539
  .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
3109
- box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
3540
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
3110
3541
  }
3111
3542
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
3112
3543
  color: var(--bs-form-invalid-color);
@@ -3519,7 +3950,7 @@ textarea.form-control-lg {
3519
3950
  }
3520
3951
 
3521
3952
  .btn-group.show .dropdown-toggle {
3522
- box-shadow: none;
3953
+ box-shadow: 0 0 0 transparent;
3523
3954
  }
3524
3955
  .btn-group.show .dropdown-toggle.btn-link {
3525
3956
  box-shadow: none;
@@ -3704,7 +4135,7 @@ textarea.form-control-lg {
3704
4135
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var%28--bs-body-color-rgb%29, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
3705
4136
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
3706
4137
  --bs-navbar-toggler-border-radius: var(--bs-border-radius-pill);
3707
- --bs-navbar-toggler-focus-width: 0;
4138
+ --bs-navbar-toggler-focus-width: 0.25rem;
3708
4139
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
3709
4140
  position: relative;
3710
4141
  display: flex;
@@ -4318,12 +4749,12 @@ textarea.form-control-lg {
4318
4749
  --bs-accordion-btn-padding-y: var(--bs-ref-spacer-6);
4319
4750
  --bs-accordion-btn-color: var(--bs-body-color);
4320
4751
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
4321
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23232426'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4752
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2315151a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4322
4753
  --bs-accordion-btn-icon-width: 1.25rem;
4323
4754
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4324
4755
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4325
4756
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary-600%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4326
- --bs-accordion-btn-focus-box-shadow: none;
4757
+ --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
4327
4758
  --bs-accordion-body-padding-x: var(--bs-ref-spacer-4);
4328
4759
  --bs-accordion-body-padding-y: var(--bs-ref-spacer-6);
4329
4760
  --bs-accordion-active-color: var(--bs-body-color);
@@ -5114,14 +5545,14 @@ textarea.form-control-lg {
5114
5545
  --bs-toast-max-width: 350px;
5115
5546
  --bs-toast-font-size: 0.875rem;
5116
5547
  --bs-toast-color: ;
5117
- --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
5548
+ --bs-toast-bg: var(--bs-white);
5118
5549
  --bs-toast-border-width: var(--bs-border-width);
5119
- --bs-toast-border-color: var(--bs-border-color-translucent);
5550
+ --bs-toast-border-color: var(--bs-border-color);
5120
5551
  --bs-toast-border-radius: var(--bs-border-radius);
5121
- --bs-toast-box-shadow: var(--bs-box-shadow);
5122
- --bs-toast-header-color: var(--bs-secondary-color);
5123
- --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
5124
- --bs-toast-header-border-color: var(--bs-border-color-translucent);
5552
+ --bs-toast-box-shadow: var(--bs-box-shadow-sm);
5553
+ --bs-toast-header-color: var(--bs-body-color);
5554
+ --bs-toast-header-bg: var(--bs-white);
5555
+ --bs-toast-header-border-color: var(--bs-border-color);
5125
5556
  width: var(--bs-toast-max-width);
5126
5557
  max-width: 100%;
5127
5558
  font-size: var(--bs-toast-font-size);
@@ -6640,64 +7071,16 @@ body {
6640
7071
  padding-top: var(--bs-accordion-body-padding-top);
6641
7072
  }
6642
7073
 
6643
- .form-switch {
6644
- --bs-input-switch-bg: var(--bs-gray-300);
6645
- --bs-input-switch-border-color: var(--bs-gray-500);
6646
- --bs-input-switch-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23adb5bd'/%3e%3c/svg%3e");
6647
- --bs-input-switch-hover-border-color: var(--bs-focus-ring-color);
6648
- --bs-input-switch-focus-outline-color: var(--bs-focus-ring-color);
6649
- --bs-input-switch-active-border-color: var(--bs-focus-ring-color);
6650
- --bs-input-switch-active-bg: var(--bs-focus-ring-color);
6651
- --bs-input-switch-disabled-border-color: var(--bs-gray-300);
6652
- --bs-input-switch-disabled-bg: var(--bs-gray-100);
6653
- --bs-input-switch-disabled-dot: url("data:image/svg+xml,%3csvg viewBox='-4 -4 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='15' height='15' rx='7.5' fill='%23fff' stroke='%23ced3d7'/%3e%3c/svg%3e");
6654
- --bs-input-switch-label-color: var(--bs-gray);
6655
- --bs-input-switch-active-label-color: var(--bs-gray-700);
6656
- }
6657
- .form-switch .form-check-label {
6658
- color: var(--bs-input-switch-label-color);
6659
- }
6660
- .form-switch .form-check-input:checked ~ .form-check-label {
6661
- color: var(--bs-input-switch-active-label-color);
7074
+ .form-switch .form-check-input.is-valid:not(:checked) {
7075
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23198754'/%3e%3c/svg%3e");
6662
7076
  }
6663
- .form-switch .form-check-input {
6664
- background-color: var(--bs-input-switch-bg);
6665
- background-image: var(--bs-input-switch-dot);
6666
- border: 1px solid var(--bs-input-switch-border-color);
6667
- }
6668
- .form-switch .form-check-input:checked {
6669
- background-color: var(--bs-input-switch-active-bg);
6670
- border-color: var(--bs-input-switch-active-border-color);
6671
- }
6672
- .form-switch .form-check-input[disabled]:not(:checked), .form-switch .form-check-input:disabled:not(:checked) {
6673
- background-color: var(--bs-input-switch-disabled-bg);
6674
- background-image: var(--bs-input-switch-disabled-dot);
6675
- border-color: var(--bs-input-switch-disabled-border-color);
6676
- }
6677
- .form-switch:hover.form-switch .form-check-input:not([disabled]),
6678
- .form-switch:hover.form-switch .form-check-input:not(:disabled) {
6679
- border-color: var(--bs-input-switch-hover-border-color);
6680
- }
6681
- .form-switch:focus-within.form-switch .form-check-input {
6682
- outline: 2px solid var(--bs-input-switch-focus-outline-color);
6683
- outline-offset: 2px;
7077
+ .form-switch .form-check-input.is-invalid:not(:checked) {
7078
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dc3545'/%3e%3c/svg%3e");
6684
7079
  }
6685
7080
 
6686
- .form-check-input:hover {
6687
- border-color: var(--bs-focus-ring-color);
6688
- }
6689
- .form-check-input:focus {
6690
- border-color: var(--bs-gray-400);
6691
- outline: 2px solid var(--bs-focus-ring-color);
6692
- outline-offset: 2px;
6693
- }
6694
- .form-check-input:checked {
6695
- border-color: var(--bs-primary);
6696
- }
6697
- .form-check-input:disabled:not(:checked, :indeterminate) {
6698
- background-color: var(--bs-gray-100);
6699
- border-color: var(--bs-gray-300);
6700
- opacity: 1;
7081
+ .form-check-input {
7082
+ --bs-form-check-input-focus-border-color: var(--bs-focus-ring-border-color);
7083
+ --bs-form-check-input-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
6701
7084
  }
6702
7085
 
6703
7086
  .form-control {
@@ -6726,7 +7109,7 @@ body {
6726
7109
  .form-text {
6727
7110
  --bs-form-text-padding: 0 0.5rem;
6728
7111
  --bs-form-text-gap: var(--bs-ref-spacer-1);
6729
- --bs-form-text-color: var(--bs-gray);
7112
+ --bs-form-text-color: var(--bs-body-color);
6730
7113
  display: inline-flex;
6731
7114
  flex-direction: row;
6732
7115
  gap: var(--bs-form-text-gap);
@@ -6783,11 +7166,11 @@ body {
6783
7166
  }
6784
7167
 
6785
7168
  .input-group {
6786
- --bs-input-border-color: var(--bs-gray-300);
7169
+ --bs-input-border-color: var(--bs-border-color);
6787
7170
  --bs-input-border-width: var(--bs-border-width);
6788
7171
  --bs-input-border-radius: var(--bs-border-radius-sm);
6789
- --bs-input-focus-border-color: var(--bs-focus-ring-color);
6790
- --bs-input-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
7172
+ --bs-input-focus-border-color: var(--bs-focus-ring-border-color);
7173
+ --bs-input-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
6791
7174
  --bs-input-disabled-border-color: var(--bs-gray-300);
6792
7175
  --bs-input-disabled-bg: var(--bs-gray-100);
6793
7176
  --bs-input-disabled-color: var(--bs-gray-300);
@@ -6800,7 +7183,7 @@ body {
6800
7183
  }
6801
7184
  .input-group:has(.form-control.is-valid, .form-select.is-valid) {
6802
7185
  border-color: var(--bs-form-valid-border-color);
6803
- box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
7186
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
6804
7187
  }
6805
7188
  .input-group:has(.form-control.is-valid, .form-select.is-valid) ~ .form-text {
6806
7189
  color: var(--bs-form-valid-border-color);
@@ -6810,7 +7193,7 @@ body {
6810
7193
  }
6811
7194
  .input-group:has(.form-control.is-invalid, .form-select.is-invalid) {
6812
7195
  border-color: var(--bs-form-invalid-border-color);
6813
- box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
7196
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
6814
7197
  }
6815
7198
  .input-group:has(.form-control.is-invalid, .form-select.is-invalid) ~ .form-text {
6816
7199
  color: var(--bs-form-invalid-border-color);
@@ -6848,10 +7231,10 @@ body {
6848
7231
  --bs-btn-border-width: var(--bs-border-width);
6849
7232
  --bs-btn-border-color: transparent;
6850
7233
  --bs-btn-hover-border-color: transparent;
6851
- --bs-btn-box-shadow: none;
6852
- --bs-btn-disabled-opacity: 1;
6853
- --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
6854
- --bs-btn–text-decoration: if($link-decoration == none, null, none);
7234
+ --bs-btn-box-shadow: 0 0 0 transparent;
7235
+ --bs-btn-disabled-opacity: 0.65;
7236
+ --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
7237
+ --bs-btn–text-decoration: ;
6855
7238
  --bs-btn-lg-padding-y: 1rem;
6856
7239
  --bs-btn-lg-padding-x: 2rem;
6857
7240
  --bs-btn-lg-font-size: var(--bs-fs-6);
@@ -6891,36 +7274,42 @@ body {
6891
7274
  -webkit-text-decoration: var(--bs-btn-text-decoration);
6892
7275
  text-decoration: var(--bs-btn-text-decoration);
6893
7276
  }
6894
- .btn:hover, .btn.hover {
7277
+ .btn.hover, .btn:hover {
6895
7278
  color: var(--bs-btn-hover-color);
6896
7279
  text-decoration: none;
6897
7280
  background-color: var(--bs-btn-hover-bg);
6898
7281
  border-color: var(--bs-btn-hover-border-color);
6899
7282
  }
6900
- .btn-check + .btn:hover {
7283
+ .btn-check + .btn.hover, .btn-check + .btn:hover {
6901
7284
  color: var(--bs-btn-color);
6902
7285
  background-color: var(--bs-btn-bg);
6903
7286
  border-color: var(--bs-btn-border-color);
6904
7287
  }
6905
- .btn-check:focus-visible + .btn, .btn:focus-visible:not(:hover), .btn.focus-visible:not(:hover) {
7288
+ .btn.focus-visible, .btn:focus-visible {
6906
7289
  color: var(--bs-btn-focus-color, var(--bs-btn-hover-color));
6907
7290
  background-color: var(--bs-btn-focus-bg, var(--bs-btn-hover-bg));
6908
7291
  border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
7292
+ outline: 0;
7293
+ box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
6909
7294
  }
6910
- .btn-check:focus-visible + .btn, .btn:focus-visible, .btn.focus-visible {
6911
- outline: var(--bs-btn-focus-border-width, var(--bs-btn-border-width)) solid var(--bs-btn-focus-outline-color, var(--bs-focus-ring-color));
6912
- outline-offset: var(--bs-btn-focus-outline-offset, var(--bs-btn-border-width));
7295
+ .btn-check.focus-visible + .btn, .btn-check:focus-visible + .btn {
7296
+ border-color: var(--bs-btn-hover-border-color);
7297
+ outline: 0;
7298
+ box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
6913
7299
  }
6914
7300
  .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
6915
7301
  color: var(--bs-btn-active-color);
6916
7302
  background-color: var(--bs-btn-active-bg);
6917
7303
  border-color: var(--bs-btn-active-border-color);
6918
- box-shadow: var(--bs-btn-active-shadow);
7304
+ box-shadow: var(--bs-btn-active-box-shadow);
7305
+ }
7306
+ .btn-check:checked + .btn.focus-visible, .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active.focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active.focus-visible, .btn:first-child:active:focus-visible, .btn.active.focus-visible, .btn.active:focus-visible, .btn.show.focus-visible, .btn.show:focus-visible {
7307
+ box-shadow: var(--bs-btn-active-box-shadow), var(--bs-btn-focus-box-shadow);
6919
7308
  }
6920
- .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
6921
- box-shadow: var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow);
7309
+ .btn-check:checked.focus-visible + .btn, .btn-check:checked:focus-visible + .btn {
7310
+ box-shadow: var(--bs-btn-active-box-shadow), var(--bs-btn-focus-box-shadow);
6922
7311
  }
6923
- .btn:disabled, .btn.disabled, fieldset:disabled .btn {
7312
+ .btn.disabled, .btn:disabled, fieldset:disabled .btn {
6924
7313
  color: var(--bs-btn-disabled-color);
6925
7314
  pointer-events: none;
6926
7315
  background-color: var(--bs-btn-disabled-bg);
@@ -6936,15 +7325,18 @@ body {
6936
7325
  --bs-btn-color: var(--bs-btn-primary-color);
6937
7326
  --bs-btn-bg: var(--bs-btn-primary-bg);
6938
7327
  --bs-btn-border-color: var(--bs-btn-primary-border-color);
7328
+ --bs-btn-box-shadow: var(--bs-btn-primary-box-shadow);
6939
7329
  --bs-btn-hover-color: var(--bs-btn-primary-hover-color);
6940
7330
  --bs-btn-hover-bg: var(--bs-btn-primary-hover-bg);
6941
7331
  --bs-btn-hover-border-color: var(--bs-btn-primary-hover-border-color);
6942
7332
  --bs-btn-focus-color: var(--bs-btn-primary-focus-color);
6943
7333
  --bs-btn-focus-bg: var(--bs-btn-primary-focus-bg);
6944
7334
  --bs-btn-focus-border-color: var(--bs-btn-primary-focus-border-color);
7335
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-primary-focus-shadow-rgb);
6945
7336
  --bs-btn-active-color: var(--bs-btn-primary-active-color);
6946
7337
  --bs-btn-active-bg: var(--bs-btn-primary-active-bg);
6947
7338
  --bs-btn-active-border-color: var(--bs-btn-primary-active-border-color);
7339
+ --bs-btn-active-box-shadow: var(--bs-btn-primary-active-box-shadow);
6948
7340
  --bs-btn-disabled-color: var(--bs-btn-primary-disabled-color);
6949
7341
  --bs-btn-disabled-bg: var(--bs-btn-primary-disabled-bg);
6950
7342
  --bs-btn-disabled-border-color: var(--bs-btn-primary-disabled-border-color);
@@ -6960,15 +7352,18 @@ body {
6960
7352
  --bs-btn-color: var(--bs-btn-outline-primary-color);
6961
7353
  --bs-btn-bg: var(--bs-btn-outline-primary-bg);
6962
7354
  --bs-btn-border-color: var(--bs-btn-outline-primary-border-color);
7355
+ --bs-btn-box-shadow: var(--bs-btn-outline-primary-box-shadow);
6963
7356
  --bs-btn-hover-color: var(--bs-btn-outline-primary-hover-color);
6964
7357
  --bs-btn-hover-bg: var(--bs-btn-outline-primary-hover-bg);
6965
7358
  --bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border-color);
6966
7359
  --bs-btn-focus-color: var(--bs-btn-outline-primary-focus-color);
6967
7360
  --bs-btn-focus-bg: var(--bs-btn-outline-primary-focus-bg);
6968
7361
  --bs-btn-focus-border-color: var(--bs-btn-outline-primary-focus-border-color);
7362
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-primary-focus-shadow-rgb);
6969
7363
  --bs-btn-active-color: var(--bs-btn-outline-primary-active-color);
6970
7364
  --bs-btn-active-bg: var(--bs-btn-outline-primary-active-bg);
6971
7365
  --bs-btn-active-border-color: var(--bs-btn-outline-primary-active-border-color);
7366
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-primary-active-box-shadow);
6972
7367
  --bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
6973
7368
  --bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
6974
7369
  --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
@@ -6984,15 +7379,18 @@ body {
6984
7379
  --bs-btn-color: var(--bs-btn-link-primary-color);
6985
7380
  --bs-btn-bg: var(--bs-btn-link-primary-bg);
6986
7381
  --bs-btn-border-color: var(--bs-btn-link-primary-border-color);
7382
+ --bs-btn-box-shadow: var(--bs-btn-link-primary-box-shadow);
6987
7383
  --bs-btn-hover-color: var(--bs-btn-link-primary-hover-color);
6988
7384
  --bs-btn-hover-bg: var(--bs-btn-link-primary-hover-bg);
6989
7385
  --bs-btn-hover-border-color: var(--bs-btn-link-primary-hover-border-color);
6990
7386
  --bs-btn-focus-color: var(--bs-btn-link-primary-focus-color);
6991
7387
  --bs-btn-focus-bg: var(--bs-btn-link-primary-focus-bg);
6992
7388
  --bs-btn-focus-border-color: var(--bs-btn-link-primary-focus-border-color);
7389
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-primary-focus-shadow-rgb);
6993
7390
  --bs-btn-active-color: var(--bs-btn-link-primary-active-color);
6994
7391
  --bs-btn-active-bg: var(--bs-btn-link-primary-active-bg);
6995
7392
  --bs-btn-active-border-color: var(--bs-btn-link-primary-active-border-color);
7393
+ --bs-btn-active-box-shadow: var(--bs-btn-link-primary-active-box-shadow);
6996
7394
  --bs-btn-disabled-color: var(--bs-btn-link-primary-disabled-color);
6997
7395
  --bs-btn-disabled-bg: var(--bs-btn-link-primary-disabled-bg);
6998
7396
  --bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
@@ -7008,15 +7406,18 @@ body {
7008
7406
  --bs-btn-color: var(--bs-btn-secondary-color);
7009
7407
  --bs-btn-bg: var(--bs-btn-secondary-bg);
7010
7408
  --bs-btn-border-color: var(--bs-btn-secondary-border-color);
7409
+ --bs-btn-box-shadow: var(--bs-btn-secondary-box-shadow);
7011
7410
  --bs-btn-hover-color: var(--bs-btn-secondary-hover-color);
7012
7411
  --bs-btn-hover-bg: var(--bs-btn-secondary-hover-bg);
7013
7412
  --bs-btn-hover-border-color: var(--bs-btn-secondary-hover-border-color);
7014
7413
  --bs-btn-focus-color: var(--bs-btn-secondary-focus-color);
7015
7414
  --bs-btn-focus-bg: var(--bs-btn-secondary-focus-bg);
7016
7415
  --bs-btn-focus-border-color: var(--bs-btn-secondary-focus-border-color);
7416
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-secondary-focus-shadow-rgb);
7017
7417
  --bs-btn-active-color: var(--bs-btn-secondary-active-color);
7018
7418
  --bs-btn-active-bg: var(--bs-btn-secondary-active-bg);
7019
7419
  --bs-btn-active-border-color: var(--bs-btn-secondary-active-border-color);
7420
+ --bs-btn-active-box-shadow: var(--bs-btn-secondary-active-box-shadow);
7020
7421
  --bs-btn-disabled-color: var(--bs-btn-secondary-disabled-color);
7021
7422
  --bs-btn-disabled-bg: var(--bs-btn-secondary-disabled-bg);
7022
7423
  --bs-btn-disabled-border-color: var(--bs-btn-secondary-disabled-border-color);
@@ -7032,15 +7433,18 @@ body {
7032
7433
  --bs-btn-color: var(--bs-btn-outline-secondary-color);
7033
7434
  --bs-btn-bg: var(--bs-btn-outline-secondary-bg);
7034
7435
  --bs-btn-border-color: var(--bs-btn-outline-secondary-border-color);
7436
+ --bs-btn-box-shadow: var(--bs-btn-outline-secondary-box-shadow);
7035
7437
  --bs-btn-hover-color: var(--bs-btn-outline-secondary-hover-color);
7036
7438
  --bs-btn-hover-bg: var(--bs-btn-outline-secondary-hover-bg);
7037
7439
  --bs-btn-hover-border-color: var(--bs-btn-outline-secondary-hover-border-color);
7038
7440
  --bs-btn-focus-color: var(--bs-btn-outline-secondary-focus-color);
7039
7441
  --bs-btn-focus-bg: var(--bs-btn-outline-secondary-focus-bg);
7040
7442
  --bs-btn-focus-border-color: var(--bs-btn-outline-secondary-focus-border-color);
7443
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-secondary-focus-shadow-rgb);
7041
7444
  --bs-btn-active-color: var(--bs-btn-outline-secondary-active-color);
7042
7445
  --bs-btn-active-bg: var(--bs-btn-outline-secondary-active-bg);
7043
7446
  --bs-btn-active-border-color: var(--bs-btn-outline-secondary-active-border-color);
7447
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-secondary-active-box-shadow);
7044
7448
  --bs-btn-disabled-color: var(--bs-btn-outline-secondary-disabled-color);
7045
7449
  --bs-btn-disabled-bg: var(--bs-btn-outline-secondary-disabled-bg);
7046
7450
  --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-disabled-border-color);
@@ -7056,15 +7460,18 @@ body {
7056
7460
  --bs-btn-color: var(--bs-btn-link-secondary-color);
7057
7461
  --bs-btn-bg: var(--bs-btn-link-secondary-bg);
7058
7462
  --bs-btn-border-color: var(--bs-btn-link-secondary-border-color);
7463
+ --bs-btn-box-shadow: var(--bs-btn-link-secondary-box-shadow);
7059
7464
  --bs-btn-hover-color: var(--bs-btn-link-secondary-hover-color);
7060
7465
  --bs-btn-hover-bg: var(--bs-btn-link-secondary-hover-bg);
7061
7466
  --bs-btn-hover-border-color: var(--bs-btn-link-secondary-hover-border-color);
7062
7467
  --bs-btn-focus-color: var(--bs-btn-link-secondary-focus-color);
7063
7468
  --bs-btn-focus-bg: var(--bs-btn-link-secondary-focus-bg);
7064
7469
  --bs-btn-focus-border-color: var(--bs-btn-link-secondary-focus-border-color);
7470
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-secondary-focus-shadow-rgb);
7065
7471
  --bs-btn-active-color: var(--bs-btn-link-secondary-active-color);
7066
7472
  --bs-btn-active-bg: var(--bs-btn-link-secondary-active-bg);
7067
7473
  --bs-btn-active-border-color: var(--bs-btn-link-secondary-active-border-color);
7474
+ --bs-btn-active-box-shadow: var(--bs-btn-link-secondary-active-box-shadow);
7068
7475
  --bs-btn-disabled-color: var(--bs-btn-link-secondary-disabled-color);
7069
7476
  --bs-btn-disabled-bg: var(--bs-btn-link-secondary-disabled-bg);
7070
7477
  --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-disabled-border-color);
@@ -7080,15 +7487,18 @@ body {
7080
7487
  --bs-btn-color: var(--bs-btn-success-color);
7081
7488
  --bs-btn-bg: var(--bs-btn-success-bg);
7082
7489
  --bs-btn-border-color: var(--bs-btn-success-border-color);
7490
+ --bs-btn-box-shadow: var(--bs-btn-success-box-shadow);
7083
7491
  --bs-btn-hover-color: var(--bs-btn-success-hover-color);
7084
7492
  --bs-btn-hover-bg: var(--bs-btn-success-hover-bg);
7085
7493
  --bs-btn-hover-border-color: var(--bs-btn-success-hover-border-color);
7086
7494
  --bs-btn-focus-color: var(--bs-btn-success-focus-color);
7087
7495
  --bs-btn-focus-bg: var(--bs-btn-success-focus-bg);
7088
7496
  --bs-btn-focus-border-color: var(--bs-btn-success-focus-border-color);
7497
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-success-focus-shadow-rgb);
7089
7498
  --bs-btn-active-color: var(--bs-btn-success-active-color);
7090
7499
  --bs-btn-active-bg: var(--bs-btn-success-active-bg);
7091
7500
  --bs-btn-active-border-color: var(--bs-btn-success-active-border-color);
7501
+ --bs-btn-active-box-shadow: var(--bs-btn-success-active-box-shadow);
7092
7502
  --bs-btn-disabled-color: var(--bs-btn-success-disabled-color);
7093
7503
  --bs-btn-disabled-bg: var(--bs-btn-success-disabled-bg);
7094
7504
  --bs-btn-disabled-border-color: var(--bs-btn-success-disabled-border-color);
@@ -7104,15 +7514,18 @@ body {
7104
7514
  --bs-btn-color: var(--bs-btn-outline-success-color);
7105
7515
  --bs-btn-bg: var(--bs-btn-outline-success-bg);
7106
7516
  --bs-btn-border-color: var(--bs-btn-outline-success-border-color);
7517
+ --bs-btn-box-shadow: var(--bs-btn-outline-success-box-shadow);
7107
7518
  --bs-btn-hover-color: var(--bs-btn-outline-success-hover-color);
7108
7519
  --bs-btn-hover-bg: var(--bs-btn-outline-success-hover-bg);
7109
7520
  --bs-btn-hover-border-color: var(--bs-btn-outline-success-hover-border-color);
7110
7521
  --bs-btn-focus-color: var(--bs-btn-outline-success-focus-color);
7111
7522
  --bs-btn-focus-bg: var(--bs-btn-outline-success-focus-bg);
7112
7523
  --bs-btn-focus-border-color: var(--bs-btn-outline-success-focus-border-color);
7524
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-success-focus-shadow-rgb);
7113
7525
  --bs-btn-active-color: var(--bs-btn-outline-success-active-color);
7114
7526
  --bs-btn-active-bg: var(--bs-btn-outline-success-active-bg);
7115
7527
  --bs-btn-active-border-color: var(--bs-btn-outline-success-active-border-color);
7528
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-success-active-box-shadow);
7116
7529
  --bs-btn-disabled-color: var(--bs-btn-outline-success-disabled-color);
7117
7530
  --bs-btn-disabled-bg: var(--bs-btn-outline-success-disabled-bg);
7118
7531
  --bs-btn-disabled-border-color: var(--bs-btn-outline-success-disabled-border-color);
@@ -7128,15 +7541,18 @@ body {
7128
7541
  --bs-btn-color: var(--bs-btn-link-success-color);
7129
7542
  --bs-btn-bg: var(--bs-btn-link-success-bg);
7130
7543
  --bs-btn-border-color: var(--bs-btn-link-success-border-color);
7544
+ --bs-btn-box-shadow: var(--bs-btn-link-success-box-shadow);
7131
7545
  --bs-btn-hover-color: var(--bs-btn-link-success-hover-color);
7132
7546
  --bs-btn-hover-bg: var(--bs-btn-link-success-hover-bg);
7133
7547
  --bs-btn-hover-border-color: var(--bs-btn-link-success-hover-border-color);
7134
7548
  --bs-btn-focus-color: var(--bs-btn-link-success-focus-color);
7135
7549
  --bs-btn-focus-bg: var(--bs-btn-link-success-focus-bg);
7136
7550
  --bs-btn-focus-border-color: var(--bs-btn-link-success-focus-border-color);
7551
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-success-focus-shadow-rgb);
7137
7552
  --bs-btn-active-color: var(--bs-btn-link-success-active-color);
7138
7553
  --bs-btn-active-bg: var(--bs-btn-link-success-active-bg);
7139
7554
  --bs-btn-active-border-color: var(--bs-btn-link-success-active-border-color);
7555
+ --bs-btn-active-box-shadow: var(--bs-btn-link-success-active-box-shadow);
7140
7556
  --bs-btn-disabled-color: var(--bs-btn-link-success-disabled-color);
7141
7557
  --bs-btn-disabled-bg: var(--bs-btn-link-success-disabled-bg);
7142
7558
  --bs-btn-disabled-border-color: var(--bs-btn-link-success-disabled-border-color);
@@ -7152,15 +7568,18 @@ body {
7152
7568
  --bs-btn-color: var(--bs-btn-info-color);
7153
7569
  --bs-btn-bg: var(--bs-btn-info-bg);
7154
7570
  --bs-btn-border-color: var(--bs-btn-info-border-color);
7571
+ --bs-btn-box-shadow: var(--bs-btn-info-box-shadow);
7155
7572
  --bs-btn-hover-color: var(--bs-btn-info-hover-color);
7156
7573
  --bs-btn-hover-bg: var(--bs-btn-info-hover-bg);
7157
7574
  --bs-btn-hover-border-color: var(--bs-btn-info-hover-border-color);
7158
7575
  --bs-btn-focus-color: var(--bs-btn-info-focus-color);
7159
7576
  --bs-btn-focus-bg: var(--bs-btn-info-focus-bg);
7160
7577
  --bs-btn-focus-border-color: var(--bs-btn-info-focus-border-color);
7578
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-info-focus-shadow-rgb);
7161
7579
  --bs-btn-active-color: var(--bs-btn-info-active-color);
7162
7580
  --bs-btn-active-bg: var(--bs-btn-info-active-bg);
7163
7581
  --bs-btn-active-border-color: var(--bs-btn-info-active-border-color);
7582
+ --bs-btn-active-box-shadow: var(--bs-btn-info-active-box-shadow);
7164
7583
  --bs-btn-disabled-color: var(--bs-btn-info-disabled-color);
7165
7584
  --bs-btn-disabled-bg: var(--bs-btn-info-disabled-bg);
7166
7585
  --bs-btn-disabled-border-color: var(--bs-btn-info-disabled-border-color);
@@ -7176,15 +7595,18 @@ body {
7176
7595
  --bs-btn-color: var(--bs-btn-outline-info-color);
7177
7596
  --bs-btn-bg: var(--bs-btn-outline-info-bg);
7178
7597
  --bs-btn-border-color: var(--bs-btn-outline-info-border-color);
7598
+ --bs-btn-box-shadow: var(--bs-btn-outline-info-box-shadow);
7179
7599
  --bs-btn-hover-color: var(--bs-btn-outline-info-hover-color);
7180
7600
  --bs-btn-hover-bg: var(--bs-btn-outline-info-hover-bg);
7181
7601
  --bs-btn-hover-border-color: var(--bs-btn-outline-info-hover-border-color);
7182
7602
  --bs-btn-focus-color: var(--bs-btn-outline-info-focus-color);
7183
7603
  --bs-btn-focus-bg: var(--bs-btn-outline-info-focus-bg);
7184
7604
  --bs-btn-focus-border-color: var(--bs-btn-outline-info-focus-border-color);
7605
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-info-focus-shadow-rgb);
7185
7606
  --bs-btn-active-color: var(--bs-btn-outline-info-active-color);
7186
7607
  --bs-btn-active-bg: var(--bs-btn-outline-info-active-bg);
7187
7608
  --bs-btn-active-border-color: var(--bs-btn-outline-info-active-border-color);
7609
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-info-active-box-shadow);
7188
7610
  --bs-btn-disabled-color: var(--bs-btn-outline-info-disabled-color);
7189
7611
  --bs-btn-disabled-bg: var(--bs-btn-outline-info-disabled-bg);
7190
7612
  --bs-btn-disabled-border-color: var(--bs-btn-outline-info-disabled-border-color);
@@ -7200,15 +7622,18 @@ body {
7200
7622
  --bs-btn-color: var(--bs-btn-link-info-color);
7201
7623
  --bs-btn-bg: var(--bs-btn-link-info-bg);
7202
7624
  --bs-btn-border-color: var(--bs-btn-link-info-border-color);
7625
+ --bs-btn-box-shadow: var(--bs-btn-link-info-box-shadow);
7203
7626
  --bs-btn-hover-color: var(--bs-btn-link-info-hover-color);
7204
7627
  --bs-btn-hover-bg: var(--bs-btn-link-info-hover-bg);
7205
7628
  --bs-btn-hover-border-color: var(--bs-btn-link-info-hover-border-color);
7206
7629
  --bs-btn-focus-color: var(--bs-btn-link-info-focus-color);
7207
7630
  --bs-btn-focus-bg: var(--bs-btn-link-info-focus-bg);
7208
7631
  --bs-btn-focus-border-color: var(--bs-btn-link-info-focus-border-color);
7632
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-info-focus-shadow-rgb);
7209
7633
  --bs-btn-active-color: var(--bs-btn-link-info-active-color);
7210
7634
  --bs-btn-active-bg: var(--bs-btn-link-info-active-bg);
7211
7635
  --bs-btn-active-border-color: var(--bs-btn-link-info-active-border-color);
7636
+ --bs-btn-active-box-shadow: var(--bs-btn-link-info-active-box-shadow);
7212
7637
  --bs-btn-disabled-color: var(--bs-btn-link-info-disabled-color);
7213
7638
  --bs-btn-disabled-bg: var(--bs-btn-link-info-disabled-bg);
7214
7639
  --bs-btn-disabled-border-color: var(--bs-btn-link-info-disabled-border-color);
@@ -7224,15 +7649,18 @@ body {
7224
7649
  --bs-btn-color: var(--bs-btn-warning-color);
7225
7650
  --bs-btn-bg: var(--bs-btn-warning-bg);
7226
7651
  --bs-btn-border-color: var(--bs-btn-warning-border-color);
7652
+ --bs-btn-box-shadow: var(--bs-btn-warning-box-shadow);
7227
7653
  --bs-btn-hover-color: var(--bs-btn-warning-hover-color);
7228
7654
  --bs-btn-hover-bg: var(--bs-btn-warning-hover-bg);
7229
7655
  --bs-btn-hover-border-color: var(--bs-btn-warning-hover-border-color);
7230
7656
  --bs-btn-focus-color: var(--bs-btn-warning-focus-color);
7231
7657
  --bs-btn-focus-bg: var(--bs-btn-warning-focus-bg);
7232
7658
  --bs-btn-focus-border-color: var(--bs-btn-warning-focus-border-color);
7659
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-warning-focus-shadow-rgb);
7233
7660
  --bs-btn-active-color: var(--bs-btn-warning-active-color);
7234
7661
  --bs-btn-active-bg: var(--bs-btn-warning-active-bg);
7235
7662
  --bs-btn-active-border-color: var(--bs-btn-warning-active-border-color);
7663
+ --bs-btn-active-box-shadow: var(--bs-btn-warning-active-box-shadow);
7236
7664
  --bs-btn-disabled-color: var(--bs-btn-warning-disabled-color);
7237
7665
  --bs-btn-disabled-bg: var(--bs-btn-warning-disabled-bg);
7238
7666
  --bs-btn-disabled-border-color: var(--bs-btn-warning-disabled-border-color);
@@ -7248,15 +7676,18 @@ body {
7248
7676
  --bs-btn-color: var(--bs-btn-outline-warning-color);
7249
7677
  --bs-btn-bg: var(--bs-btn-outline-warning-bg);
7250
7678
  --bs-btn-border-color: var(--bs-btn-outline-warning-border-color);
7679
+ --bs-btn-box-shadow: var(--bs-btn-outline-warning-box-shadow);
7251
7680
  --bs-btn-hover-color: var(--bs-btn-outline-warning-hover-color);
7252
7681
  --bs-btn-hover-bg: var(--bs-btn-outline-warning-hover-bg);
7253
7682
  --bs-btn-hover-border-color: var(--bs-btn-outline-warning-hover-border-color);
7254
7683
  --bs-btn-focus-color: var(--bs-btn-outline-warning-focus-color);
7255
7684
  --bs-btn-focus-bg: var(--bs-btn-outline-warning-focus-bg);
7256
7685
  --bs-btn-focus-border-color: var(--bs-btn-outline-warning-focus-border-color);
7686
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-warning-focus-shadow-rgb);
7257
7687
  --bs-btn-active-color: var(--bs-btn-outline-warning-active-color);
7258
7688
  --bs-btn-active-bg: var(--bs-btn-outline-warning-active-bg);
7259
7689
  --bs-btn-active-border-color: var(--bs-btn-outline-warning-active-border-color);
7690
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-warning-active-box-shadow);
7260
7691
  --bs-btn-disabled-color: var(--bs-btn-outline-warning-disabled-color);
7261
7692
  --bs-btn-disabled-bg: var(--bs-btn-outline-warning-disabled-bg);
7262
7693
  --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-disabled-border-color);
@@ -7272,15 +7703,18 @@ body {
7272
7703
  --bs-btn-color: var(--bs-btn-link-warning-color);
7273
7704
  --bs-btn-bg: var(--bs-btn-link-warning-bg);
7274
7705
  --bs-btn-border-color: var(--bs-btn-link-warning-border-color);
7706
+ --bs-btn-box-shadow: var(--bs-btn-link-warning-box-shadow);
7275
7707
  --bs-btn-hover-color: var(--bs-btn-link-warning-hover-color);
7276
7708
  --bs-btn-hover-bg: var(--bs-btn-link-warning-hover-bg);
7277
7709
  --bs-btn-hover-border-color: var(--bs-btn-link-warning-hover-border-color);
7278
7710
  --bs-btn-focus-color: var(--bs-btn-link-warning-focus-color);
7279
7711
  --bs-btn-focus-bg: var(--bs-btn-link-warning-focus-bg);
7280
7712
  --bs-btn-focus-border-color: var(--bs-btn-link-warning-focus-border-color);
7713
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-warning-focus-shadow-rgb);
7281
7714
  --bs-btn-active-color: var(--bs-btn-link-warning-active-color);
7282
7715
  --bs-btn-active-bg: var(--bs-btn-link-warning-active-bg);
7283
7716
  --bs-btn-active-border-color: var(--bs-btn-link-warning-active-border-color);
7717
+ --bs-btn-active-box-shadow: var(--bs-btn-link-warning-active-box-shadow);
7284
7718
  --bs-btn-disabled-color: var(--bs-btn-link-warning-disabled-color);
7285
7719
  --bs-btn-disabled-bg: var(--bs-btn-link-warning-disabled-bg);
7286
7720
  --bs-btn-disabled-border-color: var(--bs-btn-link-warning-disabled-border-color);
@@ -7296,15 +7730,18 @@ body {
7296
7730
  --bs-btn-color: var(--bs-btn-danger-color);
7297
7731
  --bs-btn-bg: var(--bs-btn-danger-bg);
7298
7732
  --bs-btn-border-color: var(--bs-btn-danger-border-color);
7733
+ --bs-btn-box-shadow: var(--bs-btn-danger-box-shadow);
7299
7734
  --bs-btn-hover-color: var(--bs-btn-danger-hover-color);
7300
7735
  --bs-btn-hover-bg: var(--bs-btn-danger-hover-bg);
7301
7736
  --bs-btn-hover-border-color: var(--bs-btn-danger-hover-border-color);
7302
7737
  --bs-btn-focus-color: var(--bs-btn-danger-focus-color);
7303
7738
  --bs-btn-focus-bg: var(--bs-btn-danger-focus-bg);
7304
7739
  --bs-btn-focus-border-color: var(--bs-btn-danger-focus-border-color);
7740
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-danger-focus-shadow-rgb);
7305
7741
  --bs-btn-active-color: var(--bs-btn-danger-active-color);
7306
7742
  --bs-btn-active-bg: var(--bs-btn-danger-active-bg);
7307
7743
  --bs-btn-active-border-color: var(--bs-btn-danger-active-border-color);
7744
+ --bs-btn-active-box-shadow: var(--bs-btn-danger-active-box-shadow);
7308
7745
  --bs-btn-disabled-color: var(--bs-btn-danger-disabled-color);
7309
7746
  --bs-btn-disabled-bg: var(--bs-btn-danger-disabled-bg);
7310
7747
  --bs-btn-disabled-border-color: var(--bs-btn-danger-disabled-border-color);
@@ -7320,15 +7757,18 @@ body {
7320
7757
  --bs-btn-color: var(--bs-btn-outline-danger-color);
7321
7758
  --bs-btn-bg: var(--bs-btn-outline-danger-bg);
7322
7759
  --bs-btn-border-color: var(--bs-btn-outline-danger-border-color);
7760
+ --bs-btn-box-shadow: var(--bs-btn-outline-danger-box-shadow);
7323
7761
  --bs-btn-hover-color: var(--bs-btn-outline-danger-hover-color);
7324
7762
  --bs-btn-hover-bg: var(--bs-btn-outline-danger-hover-bg);
7325
7763
  --bs-btn-hover-border-color: var(--bs-btn-outline-danger-hover-border-color);
7326
7764
  --bs-btn-focus-color: var(--bs-btn-outline-danger-focus-color);
7327
7765
  --bs-btn-focus-bg: var(--bs-btn-outline-danger-focus-bg);
7328
7766
  --bs-btn-focus-border-color: var(--bs-btn-outline-danger-focus-border-color);
7767
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-danger-focus-shadow-rgb);
7329
7768
  --bs-btn-active-color: var(--bs-btn-outline-danger-active-color);
7330
7769
  --bs-btn-active-bg: var(--bs-btn-outline-danger-active-bg);
7331
7770
  --bs-btn-active-border-color: var(--bs-btn-outline-danger-active-border-color);
7771
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-danger-active-box-shadow);
7332
7772
  --bs-btn-disabled-color: var(--bs-btn-outline-danger-disabled-color);
7333
7773
  --bs-btn-disabled-bg: var(--bs-btn-outline-danger-disabled-bg);
7334
7774
  --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-disabled-border-color);
@@ -7344,15 +7784,18 @@ body {
7344
7784
  --bs-btn-color: var(--bs-btn-link-danger-color);
7345
7785
  --bs-btn-bg: var(--bs-btn-link-danger-bg);
7346
7786
  --bs-btn-border-color: var(--bs-btn-link-danger-border-color);
7787
+ --bs-btn-box-shadow: var(--bs-btn-link-danger-box-shadow);
7347
7788
  --bs-btn-hover-color: var(--bs-btn-link-danger-hover-color);
7348
7789
  --bs-btn-hover-bg: var(--bs-btn-link-danger-hover-bg);
7349
7790
  --bs-btn-hover-border-color: var(--bs-btn-link-danger-hover-border-color);
7350
7791
  --bs-btn-focus-color: var(--bs-btn-link-danger-focus-color);
7351
7792
  --bs-btn-focus-bg: var(--bs-btn-link-danger-focus-bg);
7352
7793
  --bs-btn-focus-border-color: var(--bs-btn-link-danger-focus-border-color);
7794
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-danger-focus-shadow-rgb);
7353
7795
  --bs-btn-active-color: var(--bs-btn-link-danger-active-color);
7354
7796
  --bs-btn-active-bg: var(--bs-btn-link-danger-active-bg);
7355
7797
  --bs-btn-active-border-color: var(--bs-btn-link-danger-active-border-color);
7798
+ --bs-btn-active-box-shadow: var(--bs-btn-link-danger-active-box-shadow);
7356
7799
  --bs-btn-disabled-color: var(--bs-btn-link-danger-disabled-color);
7357
7800
  --bs-btn-disabled-bg: var(--bs-btn-link-danger-disabled-bg);
7358
7801
  --bs-btn-disabled-border-color: var(--bs-btn-link-danger-disabled-border-color);
@@ -7368,15 +7811,18 @@ body {
7368
7811
  --bs-btn-color: var(--bs-btn-light-color);
7369
7812
  --bs-btn-bg: var(--bs-btn-light-bg);
7370
7813
  --bs-btn-border-color: var(--bs-btn-light-border-color);
7814
+ --bs-btn-box-shadow: var(--bs-btn-light-box-shadow);
7371
7815
  --bs-btn-hover-color: var(--bs-btn-light-hover-color);
7372
7816
  --bs-btn-hover-bg: var(--bs-btn-light-hover-bg);
7373
7817
  --bs-btn-hover-border-color: var(--bs-btn-light-hover-border-color);
7374
7818
  --bs-btn-focus-color: var(--bs-btn-light-focus-color);
7375
7819
  --bs-btn-focus-bg: var(--bs-btn-light-focus-bg);
7376
7820
  --bs-btn-focus-border-color: var(--bs-btn-light-focus-border-color);
7821
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-light-focus-shadow-rgb);
7377
7822
  --bs-btn-active-color: var(--bs-btn-light-active-color);
7378
7823
  --bs-btn-active-bg: var(--bs-btn-light-active-bg);
7379
7824
  --bs-btn-active-border-color: var(--bs-btn-light-active-border-color);
7825
+ --bs-btn-active-box-shadow: var(--bs-btn-light-active-box-shadow);
7380
7826
  --bs-btn-disabled-color: var(--bs-btn-light-disabled-color);
7381
7827
  --bs-btn-disabled-bg: var(--bs-btn-light-disabled-bg);
7382
7828
  --bs-btn-disabled-border-color: var(--bs-btn-light-disabled-border-color);
@@ -7392,15 +7838,18 @@ body {
7392
7838
  --bs-btn-color: var(--bs-btn-outline-light-color);
7393
7839
  --bs-btn-bg: var(--bs-btn-outline-light-bg);
7394
7840
  --bs-btn-border-color: var(--bs-btn-outline-light-border-color);
7841
+ --bs-btn-box-shadow: var(--bs-btn-outline-light-box-shadow);
7395
7842
  --bs-btn-hover-color: var(--bs-btn-outline-light-hover-color);
7396
7843
  --bs-btn-hover-bg: var(--bs-btn-outline-light-hover-bg);
7397
7844
  --bs-btn-hover-border-color: var(--bs-btn-outline-light-hover-border-color);
7398
7845
  --bs-btn-focus-color: var(--bs-btn-outline-light-focus-color);
7399
7846
  --bs-btn-focus-bg: var(--bs-btn-outline-light-focus-bg);
7400
7847
  --bs-btn-focus-border-color: var(--bs-btn-outline-light-focus-border-color);
7848
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-light-focus-shadow-rgb);
7401
7849
  --bs-btn-active-color: var(--bs-btn-outline-light-active-color);
7402
7850
  --bs-btn-active-bg: var(--bs-btn-outline-light-active-bg);
7403
7851
  --bs-btn-active-border-color: var(--bs-btn-outline-light-active-border-color);
7852
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-light-active-box-shadow);
7404
7853
  --bs-btn-disabled-color: var(--bs-btn-outline-light-disabled-color);
7405
7854
  --bs-btn-disabled-bg: var(--bs-btn-outline-light-disabled-bg);
7406
7855
  --bs-btn-disabled-border-color: var(--bs-btn-outline-light-disabled-border-color);
@@ -7416,15 +7865,18 @@ body {
7416
7865
  --bs-btn-color: var(--bs-btn-link-light-color);
7417
7866
  --bs-btn-bg: var(--bs-btn-link-light-bg);
7418
7867
  --bs-btn-border-color: var(--bs-btn-link-light-border-color);
7868
+ --bs-btn-box-shadow: var(--bs-btn-link-light-box-shadow);
7419
7869
  --bs-btn-hover-color: var(--bs-btn-link-light-hover-color);
7420
7870
  --bs-btn-hover-bg: var(--bs-btn-link-light-hover-bg);
7421
7871
  --bs-btn-hover-border-color: var(--bs-btn-link-light-hover-border-color);
7422
7872
  --bs-btn-focus-color: var(--bs-btn-link-light-focus-color);
7423
7873
  --bs-btn-focus-bg: var(--bs-btn-link-light-focus-bg);
7424
7874
  --bs-btn-focus-border-color: var(--bs-btn-link-light-focus-border-color);
7875
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-light-focus-shadow-rgb);
7425
7876
  --bs-btn-active-color: var(--bs-btn-link-light-active-color);
7426
7877
  --bs-btn-active-bg: var(--bs-btn-link-light-active-bg);
7427
7878
  --bs-btn-active-border-color: var(--bs-btn-link-light-active-border-color);
7879
+ --bs-btn-active-box-shadow: var(--bs-btn-link-light-active-box-shadow);
7428
7880
  --bs-btn-disabled-color: var(--bs-btn-link-light-disabled-color);
7429
7881
  --bs-btn-disabled-bg: var(--bs-btn-link-light-disabled-bg);
7430
7882
  --bs-btn-disabled-border-color: var(--bs-btn-link-light-disabled-border-color);
@@ -7440,15 +7892,18 @@ body {
7440
7892
  --bs-btn-color: var(--bs-btn-dark-color);
7441
7893
  --bs-btn-bg: var(--bs-btn-dark-bg);
7442
7894
  --bs-btn-border-color: var(--bs-btn-dark-border-color);
7895
+ --bs-btn-box-shadow: var(--bs-btn-dark-box-shadow);
7443
7896
  --bs-btn-hover-color: var(--bs-btn-dark-hover-color);
7444
7897
  --bs-btn-hover-bg: var(--bs-btn-dark-hover-bg);
7445
7898
  --bs-btn-hover-border-color: var(--bs-btn-dark-hover-border-color);
7446
7899
  --bs-btn-focus-color: var(--bs-btn-dark-focus-color);
7447
7900
  --bs-btn-focus-bg: var(--bs-btn-dark-focus-bg);
7448
7901
  --bs-btn-focus-border-color: var(--bs-btn-dark-focus-border-color);
7902
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-dark-focus-shadow-rgb);
7449
7903
  --bs-btn-active-color: var(--bs-btn-dark-active-color);
7450
7904
  --bs-btn-active-bg: var(--bs-btn-dark-active-bg);
7451
7905
  --bs-btn-active-border-color: var(--bs-btn-dark-active-border-color);
7906
+ --bs-btn-active-box-shadow: var(--bs-btn-dark-active-box-shadow);
7452
7907
  --bs-btn-disabled-color: var(--bs-btn-dark-disabled-color);
7453
7908
  --bs-btn-disabled-bg: var(--bs-btn-dark-disabled-bg);
7454
7909
  --bs-btn-disabled-border-color: var(--bs-btn-dark-disabled-border-color);
@@ -7464,15 +7919,18 @@ body {
7464
7919
  --bs-btn-color: var(--bs-btn-outline-dark-color);
7465
7920
  --bs-btn-bg: var(--bs-btn-outline-dark-bg);
7466
7921
  --bs-btn-border-color: var(--bs-btn-outline-dark-border-color);
7922
+ --bs-btn-box-shadow: var(--bs-btn-outline-dark-box-shadow);
7467
7923
  --bs-btn-hover-color: var(--bs-btn-outline-dark-hover-color);
7468
7924
  --bs-btn-hover-bg: var(--bs-btn-outline-dark-hover-bg);
7469
7925
  --bs-btn-hover-border-color: var(--bs-btn-outline-dark-hover-border-color);
7470
7926
  --bs-btn-focus-color: var(--bs-btn-outline-dark-focus-color);
7471
7927
  --bs-btn-focus-bg: var(--bs-btn-outline-dark-focus-bg);
7472
7928
  --bs-btn-focus-border-color: var(--bs-btn-outline-dark-focus-border-color);
7929
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-dark-focus-shadow-rgb);
7473
7930
  --bs-btn-active-color: var(--bs-btn-outline-dark-active-color);
7474
7931
  --bs-btn-active-bg: var(--bs-btn-outline-dark-active-bg);
7475
7932
  --bs-btn-active-border-color: var(--bs-btn-outline-dark-active-border-color);
7933
+ --bs-btn-active-box-shadow: var(--bs-btn-outline-dark-active-box-shadow);
7476
7934
  --bs-btn-disabled-color: var(--bs-btn-outline-dark-disabled-color);
7477
7935
  --bs-btn-disabled-bg: var(--bs-btn-outline-dark-disabled-bg);
7478
7936
  --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-disabled-border-color);
@@ -7488,15 +7946,18 @@ body {
7488
7946
  --bs-btn-color: var(--bs-btn-link-dark-color);
7489
7947
  --bs-btn-bg: var(--bs-btn-link-dark-bg);
7490
7948
  --bs-btn-border-color: var(--bs-btn-link-dark-border-color);
7949
+ --bs-btn-box-shadow: var(--bs-btn-link-dark-box-shadow);
7491
7950
  --bs-btn-hover-color: var(--bs-btn-link-dark-hover-color);
7492
7951
  --bs-btn-hover-bg: var(--bs-btn-link-dark-hover-bg);
7493
7952
  --bs-btn-hover-border-color: var(--bs-btn-link-dark-hover-border-color);
7494
7953
  --bs-btn-focus-color: var(--bs-btn-link-dark-focus-color);
7495
7954
  --bs-btn-focus-bg: var(--bs-btn-link-dark-focus-bg);
7496
7955
  --bs-btn-focus-border-color: var(--bs-btn-link-dark-focus-border-color);
7956
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-link-dark-focus-shadow-rgb);
7497
7957
  --bs-btn-active-color: var(--bs-btn-link-dark-active-color);
7498
7958
  --bs-btn-active-bg: var(--bs-btn-link-dark-active-bg);
7499
7959
  --bs-btn-active-border-color: var(--bs-btn-link-dark-active-border-color);
7960
+ --bs-btn-active-box-shadow: var(--bs-btn-link-dark-active-box-shadow);
7500
7961
  --bs-btn-disabled-color: var(--bs-btn-link-dark-disabled-color);
7501
7962
  --bs-btn-disabled-bg: var(--bs-btn-link-dark-disabled-bg);
7502
7963
  --bs-btn-disabled-border-color: var(--bs-btn-link-dark-disabled-border-color);
@@ -7538,19 +7999,19 @@ body {
7538
7999
  --bs-btn-hover-border-color: transparent;
7539
8000
  --bs-btn-active-color: var(--bs-link-hover-color);
7540
8001
  --bs-btn-active-border-color: transparent;
7541
- --bs-btn-disabled-color: #8a9197;
8002
+ --bs-btn-disabled-color: #575768;
7542
8003
  --bs-btn-disabled-border-color: transparent;
7543
8004
  --bs-btn-box-shadow: 0 0 0 #000;
7544
8005
  --bs-btn-focus-shadow-rgb: 222, 61, 120;
7545
8006
  text-decoration: none;
7546
8007
  }
7547
- .btn-link:hover, .btn-link:focus-visible {
8008
+ .btn-link.hover, .btn-link:hover, .btn-link.focus-visible, .btn-link:focus-visible {
7548
8009
  text-decoration: underline;
7549
8010
  }
7550
- .btn-link:focus-visible {
8011
+ .btn-link.focus-visible, .btn-link:focus-visible {
7551
8012
  color: var(--bs-btn-color);
7552
8013
  }
7553
- .btn-link:hover {
8014
+ .btn-link.hover, .btn-link:hover {
7554
8015
  color: var(--bs-btn-hover-color);
7555
8016
  }
7556
8017
 
@@ -7628,10 +8089,10 @@ body {
7628
8089
  --bs-alert-link-color: var(--bs-white);
7629
8090
  }
7630
8091
  .alert.alert-warning {
7631
- --bs-alert-color: var(--bs-black);
8092
+ --bs-alert-color: var(--bs-gray-700);
7632
8093
  --bs-alert-bg: var(--bs-warning);
7633
8094
  --bs-alert-border-color: var(--bs-warning);
7634
- --bs-alert-link-color: var(--bs-black);
8095
+ --bs-alert-link-color: var(--bs-gray-700);
7635
8096
  }
7636
8097
  .alert.alert-danger {
7637
8098
  --bs-alert-color: var(--bs-white);
@@ -7653,7 +8114,7 @@ body {
7653
8114
  }
7654
8115
  .alert.alert-soft {
7655
8116
  --bs-alert-color: var(--bs-gray-900);
7656
- border-width: 0 0 0 5px;
8117
+ --bs-alert-border: 0;
7657
8118
  }
7658
8119
  .alert.alert-soft.alert-primary {
7659
8120
  --bs-alert-icon-color: var(--bs-primary-500);
@@ -7865,6 +8326,135 @@ label .d-icon {
7865
8326
  opacity: var(--bs-backdrop-opacity);
7866
8327
  }
7867
8328
 
8329
+ .toast {
8330
+ --bs-toast-header-gap: var(--bs-ref-spacer-2);
8331
+ --bs-toast-color: var(--bs-gray-900);
8332
+ --bs-toast-close-color: var(--bs-gray-900);
8333
+ --bs-toast-header-color: var(--bs-gray-900);
8334
+ }
8335
+ .toast .toast-title {
8336
+ margin-right: auto;
8337
+ margin-bottom: 0;
8338
+ }
8339
+ .toast .toast-header {
8340
+ gap: var(--bs-toast-header-gap);
8341
+ }
8342
+ .toast .toast-body {
8343
+ display: flex;
8344
+ align-items: center;
8345
+ justify-content: space-between;
8346
+ }
8347
+ .toast .toast-icon.d-icon {
8348
+ --bs-icon-color: var(--bs-toast-icon-color);
8349
+ }
8350
+ .toast.toast-primary {
8351
+ --bs-toast-border-color: var(--bs-primary);
8352
+ --bs-toast-color: var(--bs-white);
8353
+ --bs-toast-close-color: var(--bs-white);
8354
+ --bs-toast-header-color: var(--bs-white);
8355
+ --bs-toast-bg: var(--bs-primary);
8356
+ --bs-toast-header-bg: var(--bs-primary);
8357
+ }
8358
+ .toast.toast-primary .d-close {
8359
+ color: var(--bs-toast-close-color);
8360
+ }
8361
+ .toast.toast-secondary {
8362
+ --bs-toast-border-color: var(--bs-secondary);
8363
+ --bs-toast-color: var(--bs-white);
8364
+ --bs-toast-close-color: var(--bs-white);
8365
+ --bs-toast-header-color: var(--bs-white);
8366
+ --bs-toast-bg: var(--bs-secondary);
8367
+ --bs-toast-header-bg: var(--bs-secondary);
8368
+ }
8369
+ .toast.toast-secondary .d-close {
8370
+ color: var(--bs-toast-close-color);
8371
+ }
8372
+ .toast.toast-success {
8373
+ --bs-toast-border-color: var(--bs-success);
8374
+ --bs-toast-color: var(--bs-white);
8375
+ --bs-toast-close-color: var(--bs-white);
8376
+ --bs-toast-header-color: var(--bs-white);
8377
+ --bs-toast-bg: var(--bs-success);
8378
+ --bs-toast-header-bg: var(--bs-success);
8379
+ }
8380
+ .toast.toast-success .d-close {
8381
+ color: var(--bs-toast-close-color);
8382
+ }
8383
+ .toast.toast-info {
8384
+ --bs-toast-border-color: var(--bs-info);
8385
+ --bs-toast-color: var(--bs-white);
8386
+ --bs-toast-close-color: var(--bs-white);
8387
+ --bs-toast-header-color: var(--bs-white);
8388
+ --bs-toast-bg: var(--bs-info);
8389
+ --bs-toast-header-bg: var(--bs-info);
8390
+ }
8391
+ .toast.toast-info .d-close {
8392
+ color: var(--bs-toast-close-color);
8393
+ }
8394
+ .toast.toast-warning {
8395
+ --bs-toast-border-color: var(--bs-warning);
8396
+ --bs-toast-color: var(--bs-gray-700);
8397
+ --bs-toast-close-color: var(--bs-gray-700);
8398
+ --bs-toast-header-color: var(--bs-gray-700);
8399
+ --bs-toast-bg: var(--bs-warning);
8400
+ --bs-toast-header-bg: var(--bs-warning);
8401
+ }
8402
+ .toast.toast-warning .d-close {
8403
+ color: var(--bs-toast-close-color);
8404
+ }
8405
+ .toast.toast-danger {
8406
+ --bs-toast-border-color: var(--bs-danger);
8407
+ --bs-toast-color: var(--bs-white);
8408
+ --bs-toast-close-color: var(--bs-white);
8409
+ --bs-toast-header-color: var(--bs-white);
8410
+ --bs-toast-bg: var(--bs-danger);
8411
+ --bs-toast-header-bg: var(--bs-danger);
8412
+ }
8413
+ .toast.toast-danger .d-close {
8414
+ color: var(--bs-toast-close-color);
8415
+ }
8416
+ .toast.toast-soft {
8417
+ --bs-toast-color: var(--bs-gray-900);
8418
+ --bs-toast-close-color: var(--bs-gray-900);
8419
+ --bs-toast-header-color: var(--bs-gray-900);
8420
+ }
8421
+ .toast.toast-soft.toast-primary {
8422
+ --bs-toast-icon-color: var(--bs-primary-500);
8423
+ --bs-toast-border-color: var(--bs-primary-100);
8424
+ --bs-toast-bg: var(--bs-primary-100);
8425
+ --bs-toast-header-bg: var(--bs-primary-100);
8426
+ }
8427
+ .toast.toast-soft.toast-secondary {
8428
+ --bs-toast-icon-color: var(--bs-secondary-500);
8429
+ --bs-toast-border-color: var(--bs-secondary-100);
8430
+ --bs-toast-bg: var(--bs-secondary-100);
8431
+ --bs-toast-header-bg: var(--bs-secondary-100);
8432
+ }
8433
+ .toast.toast-soft.toast-success {
8434
+ --bs-toast-icon-color: var(--bs-success-500);
8435
+ --bs-toast-border-color: var(--bs-success-100);
8436
+ --bs-toast-bg: var(--bs-success-100);
8437
+ --bs-toast-header-bg: var(--bs-success-100);
8438
+ }
8439
+ .toast.toast-soft.toast-info {
8440
+ --bs-toast-icon-color: var(--bs-info-500);
8441
+ --bs-toast-border-color: var(--bs-info-100);
8442
+ --bs-toast-bg: var(--bs-info-100);
8443
+ --bs-toast-header-bg: var(--bs-info-100);
8444
+ }
8445
+ .toast.toast-soft.toast-warning {
8446
+ --bs-toast-icon-color: var(--bs-warning-500);
8447
+ --bs-toast-border-color: var(--bs-warning-100);
8448
+ --bs-toast-bg: var(--bs-warning-100);
8449
+ --bs-toast-header-bg: var(--bs-warning-100);
8450
+ }
8451
+ .toast.toast-soft.toast-danger {
8452
+ --bs-toast-icon-color: var(--bs-danger-500);
8453
+ --bs-toast-border-color: var(--bs-danger-100);
8454
+ --bs-toast-bg: var(--bs-danger-100);
8455
+ --bs-toast-header-bg: var(--bs-danger-100);
8456
+ }
8457
+
7868
8458
  .tooltip {
7869
8459
  --bs-tooltip-sm-font-size: var(--bs-fs-small);
7870
8460
  --bs-tooltip-lg-font-size: var(--bs-fs-6);
@@ -7893,7 +8483,7 @@ label .d-icon {
7893
8483
  --bs-tooltip-bg: var(--bs-info);
7894
8484
  }
7895
8485
  .tooltip.tooltip-warning {
7896
- --bs-tooltip-color: var(--bs-black);
8486
+ --bs-tooltip-color: var(--bs-gray-700);
7897
8487
  --bs-tooltip-bg: var(--bs-warning);
7898
8488
  }
7899
8489
  .tooltip.tooltip-danger {
@@ -7909,714 +8499,22 @@ label .d-icon {
7909
8499
  --bs-tooltip-bg: var(--bs-dark);
7910
8500
  }
7911
8501
 
7912
- :root {
7913
- --toastify-color-light: #fff;
7914
- --toastify-color-dark: #121212;
7915
- --toastify-color-info: #3498db;
7916
- --toastify-color-success: #07bc0c;
7917
- --toastify-color-warning: #f1c40f;
7918
- --toastify-color-error: #e74c3c;
7919
- --toastify-color-transparent: rgba(255, 255, 255, 0.7);
7920
- --toastify-icon-color-info: var(--toastify-color-info);
7921
- --toastify-icon-color-success: var(--toastify-color-success);
7922
- --toastify-icon-color-warning: var(--toastify-color-warning);
7923
- --toastify-icon-color-error: var(--toastify-color-error);
7924
- --toastify-toast-width: 320px;
7925
- --toastify-toast-offset: 16px;
7926
- --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
7927
- --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
7928
- --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
7929
- --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
7930
- --toastify-toast-background: #fff;
7931
- --toastify-toast-min-height: 64px;
7932
- --toastify-toast-max-height: 800px;
7933
- --toastify-toast-bd-radius: 6px;
7934
- --toastify-font-family: sans-serif;
7935
- --toastify-z-index: 9999;
7936
- --toastify-text-color-light: #757575;
7937
- --toastify-text-color-dark: #fff;
7938
- --toastify-text-color-info: #fff;
7939
- --toastify-text-color-success: #fff;
7940
- --toastify-text-color-warning: #fff;
7941
- --toastify-text-color-error: #fff;
7942
- --toastify-spinner-color: #616161;
7943
- --toastify-spinner-color-empty-area: #e0e0e0;
7944
- --toastify-color-progress-light: linear-gradient(
7945
- to right,
7946
- #4cd964,
7947
- #5ac8fa,
7948
- #007aff,
7949
- #34aadc,
7950
- #5856d6,
7951
- #ff2d55
7952
- );
7953
- --toastify-color-progress-dark: #bb86fc;
7954
- --toastify-color-progress-info: var(--toastify-color-info);
7955
- --toastify-color-progress-success: var(--toastify-color-success);
7956
- --toastify-color-progress-warning: var(--toastify-color-warning);
7957
- --toastify-color-progress-error: var(--toastify-color-error);
7958
- --toastify-color-progress-bgo: 0.2;
7959
- }
7960
-
7961
- .Toastify__toast-container {
7962
- z-index: var(--toastify-z-index);
7963
- -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
7964
- position: fixed;
7965
- padding: 4px;
7966
- width: var(--toastify-toast-width);
7967
- box-sizing: border-box;
7968
- color: #fff;
7969
- }
7970
- .Toastify__toast-container--top-left {
7971
- top: var(--toastify-toast-top);
7972
- left: var(--toastify-toast-left);
7973
- }
7974
- .Toastify__toast-container--top-center {
7975
- top: var(--toastify-toast-top);
7976
- left: 50%;
7977
- transform: translateX(-50%);
7978
- }
7979
- .Toastify__toast-container--top-right {
7980
- top: var(--toastify-toast-top);
7981
- right: var(--toastify-toast-right);
7982
- }
7983
- .Toastify__toast-container--bottom-left {
7984
- bottom: var(--toastify-toast-bottom);
7985
- left: var(--toastify-toast-left);
7986
- }
7987
- .Toastify__toast-container--bottom-center {
7988
- bottom: var(--toastify-toast-bottom);
7989
- left: 50%;
7990
- transform: translateX(-50%);
7991
- }
7992
- .Toastify__toast-container--bottom-right {
7993
- bottom: var(--toastify-toast-bottom);
7994
- right: var(--toastify-toast-right);
7995
- }
7996
-
7997
- @media only screen and (max-width : 480px) {
7998
- .Toastify__toast-container {
7999
- width: 100vw;
8000
- padding: 0;
8001
- left: env(safe-area-inset-left);
8002
- margin: 0;
8003
- }
8004
- .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
8005
- top: env(safe-area-inset-top);
8006
- transform: translateX(0);
8007
- }
8008
- .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
8009
- bottom: env(safe-area-inset-bottom);
8010
- transform: translateX(0);
8011
- }
8012
- .Toastify__toast-container--rtl {
8013
- right: env(safe-area-inset-right);
8014
- left: initial;
8015
- }
8016
- }
8017
- .Toastify__toast {
8018
- --y: 0;
8019
- position: relative;
8020
- touch-action: none;
8021
- min-height: var(--toastify-toast-min-height);
8022
- box-sizing: border-box;
8023
- margin-bottom: 1rem;
8024
- padding: 8px;
8025
- border-radius: var(--toastify-toast-bd-radius);
8026
- box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
8027
- display: flex;
8028
- justify-content: space-between;
8029
- max-height: var(--toastify-toast-max-height);
8030
- font-family: var(--toastify-font-family);
8031
- cursor: default;
8032
- direction: ltr;
8033
- /* webkit only issue #791 */
8034
- z-index: 0;
8035
- overflow: hidden;
8036
- }
8037
- .Toastify__toast--stacked {
8038
- position: absolute;
8039
- width: 100%;
8040
- transform: translate3d(0, var(--y), 0) scale(var(--s));
8041
- transition: transform 0.3s;
8042
- }
8043
- .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
8044
- transition: opacity 0.1s;
8045
- }
8046
- .Toastify__toast--stacked[data-collapsed=false] {
8047
- overflow: visible;
8048
- }
8049
- .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
8050
- opacity: 0;
8051
- }
8052
- .Toastify__toast--stacked:after {
8053
- content: "";
8054
- position: absolute;
8055
- left: 0;
8056
- right: 0;
8057
- height: calc(var(--g) * 1px);
8058
- bottom: 100%;
8059
- }
8060
- .Toastify__toast--stacked[data-pos=top] {
8061
- top: 0;
8062
- }
8063
- .Toastify__toast--stacked[data-pos=bot] {
8064
- bottom: 0;
8065
- }
8066
- .Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
8067
- transform-origin: top;
8068
- }
8069
- .Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
8070
- transform-origin: bottom;
8071
- }
8072
- .Toastify__toast--stacked:before {
8073
- content: "";
8074
- position: absolute;
8075
- left: 0;
8076
- right: 0;
8077
- bottom: 0;
8078
- height: 100%;
8079
- transform: scaleY(3);
8080
- z-index: -1;
8081
- }
8082
- .Toastify__toast--rtl {
8083
- direction: rtl;
8084
- }
8085
- .Toastify__toast--close-on-click {
8086
- cursor: pointer;
8087
- }
8088
- .Toastify__toast-body {
8089
- margin: auto 0;
8090
- flex: 1 1 auto;
8091
- padding: 6px;
8092
- display: flex;
8093
- align-items: center;
8094
- }
8095
- .Toastify__toast-body > div:last-child {
8096
- word-break: break-word;
8097
- flex: 1;
8098
- }
8099
- .Toastify__toast-icon {
8100
- -webkit-margin-end: 10px;
8101
- margin-inline-end: 10px;
8102
- width: 20px;
8103
- flex-shrink: 0;
8104
- display: flex;
8105
- }
8106
-
8107
- .Toastify--animate {
8108
- animation-fill-mode: both;
8109
- animation-duration: 0.5s;
8110
- }
8111
-
8112
- .Toastify--animate-icon {
8113
- animation-fill-mode: both;
8114
- animation-duration: 0.3s;
8115
- }
8116
-
8117
- @media only screen and (max-width : 480px) {
8118
- .Toastify__toast {
8119
- margin-bottom: 0;
8120
- border-radius: 0;
8121
- }
8122
- }
8123
- .Toastify__toast-theme--dark {
8124
- background: var(--toastify-color-dark);
8125
- color: var(--toastify-text-color-dark);
8126
- }
8127
- .Toastify__toast-theme--light {
8128
- background: var(--toastify-color-light);
8129
- color: var(--toastify-text-color-light);
8130
- }
8131
- .Toastify__toast-theme--colored.Toastify__toast--default {
8132
- background: var(--toastify-color-light);
8133
- color: var(--toastify-text-color-light);
8134
- }
8135
- .Toastify__toast-theme--colored.Toastify__toast--info {
8136
- color: var(--toastify-text-color-info);
8137
- background: var(--toastify-color-info);
8138
- }
8139
- .Toastify__toast-theme--colored.Toastify__toast--success {
8140
- color: var(--toastify-text-color-success);
8141
- background: var(--toastify-color-success);
8142
- }
8143
- .Toastify__toast-theme--colored.Toastify__toast--warning {
8144
- color: var(--toastify-text-color-warning);
8145
- background: var(--toastify-color-warning);
8146
- }
8147
- .Toastify__toast-theme--colored.Toastify__toast--error {
8148
- color: var(--toastify-text-color-error);
8149
- background: var(--toastify-color-error);
8150
- }
8151
-
8152
- .Toastify__progress-bar-theme--light {
8153
- background: var(--toastify-color-progress-light);
8154
- }
8155
- .Toastify__progress-bar-theme--dark {
8156
- background: var(--toastify-color-progress-dark);
8157
- }
8158
- .Toastify__progress-bar--info {
8159
- background: var(--toastify-color-progress-info);
8160
- }
8161
- .Toastify__progress-bar--success {
8162
- background: var(--toastify-color-progress-success);
8163
- }
8164
- .Toastify__progress-bar--warning {
8165
- background: var(--toastify-color-progress-warning);
8166
- }
8167
- .Toastify__progress-bar--error {
8168
- background: var(--toastify-color-progress-error);
8169
- }
8170
- .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
8171
- background: var(--toastify-color-transparent);
8172
- }
8173
-
8174
- .Toastify__close-button {
8175
- color: #fff;
8176
- background: transparent;
8177
- outline: none;
8178
- border: none;
8179
- padding: 0;
8180
- cursor: pointer;
8181
- opacity: 0.7;
8182
- transition: 0.3s ease;
8183
- align-self: flex-start;
8184
- z-index: 1;
8185
- }
8186
- .Toastify__close-button--light {
8187
- color: #000;
8188
- opacity: 0.3;
8189
- }
8190
- .Toastify__close-button > svg {
8191
- fill: currentColor;
8192
- height: 16px;
8193
- width: 14px;
8194
- }
8195
- .Toastify__close-button:hover, .Toastify__close-button:focus {
8196
- opacity: 1;
8197
- }
8198
-
8199
- @keyframes Toastify__trackProgress {
8200
- 0% {
8201
- transform: scaleX(1);
8202
- }
8203
- 100% {
8204
- transform: scaleX(0);
8205
- }
8206
- }
8207
- .Toastify__progress-bar {
8208
- position: absolute;
8209
- bottom: 0;
8210
- left: 0;
8211
- width: 100%;
8212
- height: 100%;
8213
- z-index: var(--toastify-z-index);
8214
- opacity: 0.7;
8215
- transform-origin: left;
8216
- border-bottom-left-radius: var(--toastify-toast-bd-radius);
8217
- }
8218
- .Toastify__progress-bar--animated {
8219
- animation: Toastify__trackProgress linear 1 forwards;
8220
- }
8221
- .Toastify__progress-bar--controlled {
8222
- transition: transform 0.2s;
8223
- }
8224
- .Toastify__progress-bar--rtl {
8225
- right: 0;
8226
- left: initial;
8227
- transform-origin: right;
8228
- border-bottom-left-radius: initial;
8229
- border-bottom-right-radius: var(--toastify-toast-bd-radius);
8230
- }
8231
- .Toastify__progress-bar--wrp {
8232
- position: absolute;
8233
- bottom: 0;
8234
- left: 0;
8235
- width: 100%;
8236
- height: 5px;
8237
- border-bottom-left-radius: var(--toastify-toast-bd-radius);
8238
- }
8239
- .Toastify__progress-bar--wrp[data-hidden=true] {
8240
- opacity: 0;
8241
- }
8242
- .Toastify__progress-bar--bg {
8243
- opacity: var(--toastify-color-progress-bgo);
8244
- width: 100%;
8245
- height: 100%;
8246
- }
8247
-
8248
- .Toastify__spinner {
8249
- width: 20px;
8250
- height: 20px;
8251
- box-sizing: border-box;
8252
- border: 2px solid;
8253
- border-radius: 100%;
8254
- border-color: var(--toastify-spinner-color-empty-area);
8255
- border-right-color: var(--toastify-spinner-color);
8256
- animation: Toastify__spin 0.65s linear infinite;
8257
- }
8258
-
8259
- @keyframes Toastify__bounceInRight {
8260
- from, 60%, 75%, 90%, to {
8261
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8262
- }
8263
- from {
8264
- opacity: 0;
8265
- transform: translate3d(3000px, 0, 0);
8266
- }
8267
- 60% {
8268
- opacity: 1;
8269
- transform: translate3d(-25px, 0, 0);
8270
- }
8271
- 75% {
8272
- transform: translate3d(10px, 0, 0);
8273
- }
8274
- 90% {
8275
- transform: translate3d(-5px, 0, 0);
8276
- }
8277
- to {
8278
- transform: none;
8279
- }
8280
- }
8281
- @keyframes Toastify__bounceOutRight {
8282
- 20% {
8283
- opacity: 1;
8284
- transform: translate3d(-20px, var(--y), 0);
8285
- }
8286
- to {
8287
- opacity: 0;
8288
- transform: translate3d(2000px, var(--y), 0);
8289
- }
8290
- }
8291
- @keyframes Toastify__bounceInLeft {
8292
- from, 60%, 75%, 90%, to {
8293
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8294
- }
8295
- 0% {
8296
- opacity: 0;
8297
- transform: translate3d(-3000px, 0, 0);
8298
- }
8299
- 60% {
8300
- opacity: 1;
8301
- transform: translate3d(25px, 0, 0);
8302
- }
8303
- 75% {
8304
- transform: translate3d(-10px, 0, 0);
8305
- }
8306
- 90% {
8307
- transform: translate3d(5px, 0, 0);
8308
- }
8309
- to {
8310
- transform: none;
8311
- }
8312
- }
8313
- @keyframes Toastify__bounceOutLeft {
8314
- 20% {
8315
- opacity: 1;
8316
- transform: translate3d(20px, var(--y), 0);
8317
- }
8318
- to {
8319
- opacity: 0;
8320
- transform: translate3d(-2000px, var(--y), 0);
8321
- }
8322
- }
8323
- @keyframes Toastify__bounceInUp {
8324
- from, 60%, 75%, 90%, to {
8325
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8326
- }
8327
- from {
8328
- opacity: 0;
8329
- transform: translate3d(0, 3000px, 0);
8330
- }
8331
- 60% {
8332
- opacity: 1;
8333
- transform: translate3d(0, -20px, 0);
8334
- }
8335
- 75% {
8336
- transform: translate3d(0, 10px, 0);
8337
- }
8338
- 90% {
8339
- transform: translate3d(0, -5px, 0);
8340
- }
8341
- to {
8342
- transform: translate3d(0, 0, 0);
8343
- }
8344
- }
8345
- @keyframes Toastify__bounceOutUp {
8346
- 20% {
8347
- transform: translate3d(0, calc(var(--y) - 10px), 0);
8348
- }
8349
- 40%, 45% {
8350
- opacity: 1;
8351
- transform: translate3d(0, calc(var(--y) + 20px), 0);
8352
- }
8353
- to {
8354
- opacity: 0;
8355
- transform: translate3d(0, -2000px, 0);
8356
- }
8357
- }
8358
- @keyframes Toastify__bounceInDown {
8359
- from, 60%, 75%, 90%, to {
8360
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
8361
- }
8362
- 0% {
8363
- opacity: 0;
8364
- transform: translate3d(0, -3000px, 0);
8365
- }
8366
- 60% {
8367
- opacity: 1;
8368
- transform: translate3d(0, 25px, 0);
8369
- }
8370
- 75% {
8371
- transform: translate3d(0, -10px, 0);
8372
- }
8373
- 90% {
8374
- transform: translate3d(0, 5px, 0);
8375
- }
8376
- to {
8377
- transform: none;
8378
- }
8379
- }
8380
- @keyframes Toastify__bounceOutDown {
8381
- 20% {
8382
- transform: translate3d(0, calc(var(--y) - 10px), 0);
8383
- }
8384
- 40%, 45% {
8385
- opacity: 1;
8386
- transform: translate3d(0, calc(var(--y) + 20px), 0);
8387
- }
8388
- to {
8389
- opacity: 0;
8390
- transform: translate3d(0, 2000px, 0);
8391
- }
8392
- }
8393
- .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
8394
- animation-name: Toastify__bounceInLeft;
8395
- }
8396
- .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
8397
- animation-name: Toastify__bounceInRight;
8398
- }
8399
- .Toastify__bounce-enter--top-center {
8400
- animation-name: Toastify__bounceInDown;
8401
- }
8402
- .Toastify__bounce-enter--bottom-center {
8403
- animation-name: Toastify__bounceInUp;
8404
- }
8405
-
8406
- .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
8407
- animation-name: Toastify__bounceOutLeft;
8408
- }
8409
- .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
8410
- animation-name: Toastify__bounceOutRight;
8411
- }
8412
- .Toastify__bounce-exit--top-center {
8413
- animation-name: Toastify__bounceOutUp;
8414
- }
8415
- .Toastify__bounce-exit--bottom-center {
8416
- animation-name: Toastify__bounceOutDown;
8417
- }
8418
-
8419
- @keyframes Toastify__zoomIn {
8420
- from {
8421
- opacity: 0;
8422
- transform: scale3d(0.3, 0.3, 0.3);
8423
- }
8424
- 50% {
8425
- opacity: 1;
8426
- }
8427
- }
8428
- @keyframes Toastify__zoomOut {
8429
- from {
8430
- opacity: 1;
8431
- }
8432
- 50% {
8433
- opacity: 0;
8434
- transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
8435
- }
8436
- to {
8437
- opacity: 0;
8438
- }
8439
- }
8440
- .Toastify__zoom-enter {
8441
- animation-name: Toastify__zoomIn;
8442
- }
8443
-
8444
- .Toastify__zoom-exit {
8445
- animation-name: Toastify__zoomOut;
8446
- }
8447
-
8448
- @keyframes Toastify__flipIn {
8449
- from {
8450
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
8451
- animation-timing-function: ease-in;
8452
- opacity: 0;
8453
- }
8454
- 40% {
8455
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
8456
- animation-timing-function: ease-in;
8457
- }
8458
- 60% {
8459
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
8460
- opacity: 1;
8461
- }
8462
- 80% {
8463
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
8464
- }
8465
- to {
8466
- transform: perspective(400px);
8467
- }
8468
- }
8469
- @keyframes Toastify__flipOut {
8470
- from {
8471
- transform: translate3d(0, var(--y), 0) perspective(400px);
8472
- }
8473
- 30% {
8474
- transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
8475
- opacity: 1;
8476
- }
8477
- to {
8478
- transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
8479
- opacity: 0;
8480
- }
8481
- }
8482
- .Toastify__flip-enter {
8483
- animation-name: Toastify__flipIn;
8484
- }
8485
-
8486
- .Toastify__flip-exit {
8487
- animation-name: Toastify__flipOut;
8488
- }
8489
-
8490
- @keyframes Toastify__slideInRight {
8491
- from {
8492
- transform: translate3d(110%, 0, 0);
8493
- visibility: visible;
8494
- }
8495
- to {
8496
- transform: translate3d(0, var(--y), 0);
8497
- }
8498
- }
8499
- @keyframes Toastify__slideInLeft {
8500
- from {
8501
- transform: translate3d(-110%, 0, 0);
8502
- visibility: visible;
8503
- }
8504
- to {
8505
- transform: translate3d(0, var(--y), 0);
8506
- }
8507
- }
8508
- @keyframes Toastify__slideInUp {
8509
- from {
8510
- transform: translate3d(0, 110%, 0);
8511
- visibility: visible;
8512
- }
8513
- to {
8514
- transform: translate3d(0, var(--y), 0);
8515
- }
8516
- }
8517
- @keyframes Toastify__slideInDown {
8518
- from {
8519
- transform: translate3d(0, -110%, 0);
8520
- visibility: visible;
8521
- }
8522
- to {
8523
- transform: translate3d(0, var(--y), 0);
8524
- }
8525
- }
8526
- @keyframes Toastify__slideOutRight {
8527
- from {
8528
- transform: translate3d(0, var(--y), 0);
8529
- }
8530
- to {
8531
- visibility: hidden;
8532
- transform: translate3d(110%, var(--y), 0);
8533
- }
8534
- }
8535
- @keyframes Toastify__slideOutLeft {
8536
- from {
8537
- transform: translate3d(0, var(--y), 0);
8538
- }
8539
- to {
8540
- visibility: hidden;
8541
- transform: translate3d(-110%, var(--y), 0);
8542
- }
8543
- }
8544
- @keyframes Toastify__slideOutDown {
8545
- from {
8546
- transform: translate3d(0, var(--y), 0);
8547
- }
8548
- to {
8549
- visibility: hidden;
8550
- transform: translate3d(0, 500px, 0);
8551
- }
8552
- }
8553
- @keyframes Toastify__slideOutUp {
8554
- from {
8555
- transform: translate3d(0, var(--y), 0);
8556
- }
8557
- to {
8558
- visibility: hidden;
8559
- transform: translate3d(0, -500px, 0);
8560
- }
8561
- }
8562
- .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
8563
- animation-name: Toastify__slideInLeft;
8564
- }
8565
- .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
8566
- animation-name: Toastify__slideInRight;
8567
- }
8568
- .Toastify__slide-enter--top-center {
8569
- animation-name: Toastify__slideInDown;
8570
- }
8571
- .Toastify__slide-enter--bottom-center {
8572
- animation-name: Toastify__slideInUp;
8573
- }
8574
-
8575
- .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
8576
- animation-name: Toastify__slideOutLeft;
8577
- animation-timing-function: ease-in;
8578
- animation-duration: 0.3s;
8579
- }
8580
- .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
8581
- animation-name: Toastify__slideOutRight;
8582
- animation-timing-function: ease-in;
8583
- animation-duration: 0.3s;
8584
- }
8585
- .Toastify__slide-exit--top-center {
8586
- animation-name: Toastify__slideOutUp;
8587
- animation-timing-function: ease-in;
8588
- animation-duration: 0.3s;
8589
- }
8590
- .Toastify__slide-exit--bottom-center {
8591
- animation-name: Toastify__slideOutDown;
8592
- animation-timing-function: ease-in;
8593
- animation-duration: 0.3s;
8594
- }
8595
-
8596
- @keyframes Toastify__spin {
8597
- from {
8598
- transform: rotate(0deg);
8599
- }
8600
- to {
8601
- transform: rotate(360deg);
8602
- }
8603
- }
8604
- .d-icon {
8605
- --bs-icon-color: var(--bs-icon-component-color, inherit);
8606
- --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
8607
- --bs-icon-size: var(--bs-icon-component-size, var(--bs-ref-spacer-6));
8608
- --bs-icon-padding: var(--bs-icon-component-padding, 0);
8609
- --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
8610
- display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
8611
- align-items: center;
8612
- justify-content: center;
8613
- width: var(--bs-icon-size);
8614
- height: var(--bs-icon-size);
8615
- padding: var(--bs-icon-padding);
8616
- font-size: var(--bs-icon-size) !important; /* stylelint-disable-line declaration-no-important */
8617
- color: var(--bs-icon-color);
8618
- background-color: var(--bs-icon-bg-color);
8619
- border-radius: var(--bs-icon-padding);
8502
+ .d-icon {
8503
+ --bs-icon-color: var(--bs-icon-component-color, inherit);
8504
+ --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
8505
+ --bs-icon-size: var(--bs-icon-component-size, var(--bs-ref-spacer-6));
8506
+ --bs-icon-padding: var(--bs-icon-component-padding, 0);
8507
+ --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
8508
+ display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
8509
+ align-items: center;
8510
+ justify-content: center;
8511
+ width: var(--bs-icon-size);
8512
+ height: var(--bs-icon-size);
8513
+ padding: var(--bs-icon-padding);
8514
+ font-size: var(--bs-icon-size) !important; /* stylelint-disable-line declaration-no-important */
8515
+ color: var(--bs-icon-color);
8516
+ background-color: var(--bs-icon-bg-color);
8517
+ border-radius: var(--bs-icon-padding);
8620
8518
  }
8621
8519
 
8622
8520
  .d-icon-loading {
@@ -8634,8 +8532,8 @@ label .d-icon {
8634
8532
  .d-input-pin {
8635
8533
  --bs-input-pin-form-gap: var(--bs-ref-spacer-1);
8636
8534
  --bs-input-pin-form-control-size: 4rem;
8637
- --bs-input-pin-form-control-focus-border-color: var(--bs-focus-ring-color);
8638
- --bs-input-pin-form-control-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
8535
+ --bs-input-pin-form-control-focus-border-color: var(--bs-focus-ring-border-color);
8536
+ --bs-input-pin-form-control-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
8639
8537
  display: flex;
8640
8538
  flex-direction: column;
8641
8539
  align-items: flex-start;
@@ -8670,7 +8568,7 @@ label .d-icon {
8670
8568
  }
8671
8569
  .d-input-pin:has(.form-control.is-valid) .form-control {
8672
8570
  border-color: var(--bs-success);
8673
- box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
8571
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
8674
8572
  }
8675
8573
  .d-input-pin:has(.form-control.is-valid) .form-text {
8676
8574
  color: var(--bs-form-valid-border-color);
@@ -8680,7 +8578,7 @@ label .d-icon {
8680
8578
  }
8681
8579
  .d-input-pin:has(.form-control.is-invalid) .form-control {
8682
8580
  border-color: var(--bs-danger);
8683
- box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
8581
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
8684
8582
  }
8685
8583
  .d-input-pin:has(.form-control.is-invalid) .form-text {
8686
8584
  color: var(--bs-form-invalid-border-color);
@@ -8693,6 +8591,29 @@ label .d-icon {
8693
8591
  background-color: transparent;
8694
8592
  }
8695
8593
 
8594
+ .d-button-icon {
8595
+ --bs-btn-padding-x: var(--bs-ref-spacer-3);
8596
+ --bs-btn-padding-y: var(--bs-ref-spacer-3);
8597
+ --bs-btn-lg-padding-y: var(--bs-ref-spacer-4);
8598
+ --bs-btn-lg-padding-x: var(--bs-ref-spacer-4);
8599
+ --bs-btn-sm-padding-y: var(--bs-ref-spacer-2);
8600
+ --bs-btn-sm-padding-x: var(--bs-ref-spacer-2);
8601
+ }
8602
+
8603
+ .btn-lg, .btn-group-lg > .btn {
8604
+ --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
8605
+ --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
8606
+ --bs-btn-font-size: var(--bs-btn-lg-font-size);
8607
+ --bs-btn-border-radius: var(--bs-btn-lg-border-radius);
8608
+ }
8609
+
8610
+ .btn-sm, .btn-group-sm > .btn {
8611
+ --bs-btn-padding-y: var(--bs-btn-sm-padding-y);
8612
+ --bs-btn-padding-x: var(--bs-btn-sm-padding-x);
8613
+ --bs-btn-font-size: var(--bs-btn-sm-font-size);
8614
+ --bs-btn-border-radius: var(--bs-btn-sm-border-radius);
8615
+ }
8616
+
8696
8617
  .d-quick-action-button {
8697
8618
  --bs-quick-action-button-gap: var(--bs-ref-spacer-2);
8698
8619
  --bs-quick-action-button-padding: var(--bs-ref-spacer-4);
@@ -8910,14 +8831,12 @@ label .d-icon {
8910
8831
  --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
8911
8832
  --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
8912
8833
  --bs-quick-action-switch-label-font-size: 1rem;
8913
- --bs-quick-action-switch-label-font-weight: var(--bs-fw-bold);
8914
- --bs-quick-action-switch-label-color: var(--bs-gray);
8834
+ --bs-quick-action-switch-label-font-weight: var(--bs-label-font-weight);
8915
8835
  --bs-quick-action-switch-hint-font-size: var(--bs-fs-small);
8916
8836
  --bs-quick-action-switch-hint-font-weight: var(--bs-fw-normal);
8917
8837
  --bs-quick-action-switch-hint-color: var(--bs-gray-400);
8918
8838
  --bs-quick-action-switch-hover-bg: var(--bs-secondary-soft);
8919
8839
  --bs-quick-action-switch-checked-bg: var(--bs-white);
8920
- --bs-quick-action-switch-checked-label-color: var(--bs-gray-700);
8921
8840
  --bs-quick-action-switch-checked-hint-color: var(--bs-gray-500);
8922
8841
  display: flex;
8923
8842
  flex-direction: column;
@@ -8936,9 +8855,6 @@ label .d-icon {
8936
8855
  .d-quick-action-switch:has(input:checked) {
8937
8856
  background: var(--bs-quick-action-switch-checked-bg);
8938
8857
  }
8939
- .d-quick-action-switch:has(input:checked) .d-quick-action-switch-label {
8940
- color: var(--bs-quick-action-switch-checked-label-color);
8941
- }
8942
8858
  .d-quick-action-switch:has(input:checked) .d-quick-action-switch-hint {
8943
8859
  color: var(--bs-quick-action-switch-checked-hint-color);
8944
8860
  }
@@ -8950,7 +8866,6 @@ label .d-icon {
8950
8866
  .d-quick-action-switch label {
8951
8867
  --bs-label-font-size: var(--bs-quick-action-switch-label-font-size);
8952
8868
  --bs-label-font-weight: var(--bs-quick-action-switch-label-font-weight);
8953
- --bs-label-color: var(--bs-quick-action-switch-label-color);
8954
8869
  }
8955
8870
  .d-quick-action-switch .d-quick-action-switch-hint {
8956
8871
  font-size: var(--bs-quick-action-switch-hint-font-size);
@@ -9042,15 +8957,6 @@ label .d-icon {
9042
8957
  .modal .modal-header:has(.d-modal-close:only-child) {
9043
8958
  justify-content: flex-end;
9044
8959
  }
9045
- .modal .d-modal-close {
9046
- align-self: flex-start;
9047
- padding: 0;
9048
- background: transparent;
9049
- border: 0;
9050
- }
9051
- .modal .d-modal-close .d-icon {
9052
- --bs-icon-size: var(--bs-ref-spacer-4);
9053
- }
9054
8960
  .modal .d-modal-separator {
9055
8961
  height: var(--bs-modal-separator-height);
9056
8962
  margin: 0 var(--bs-modal-separator-margin-x);
@@ -9098,15 +9004,6 @@ label .d-icon {
9098
9004
  gap: var(--bs-offcanvas-footer-gap);
9099
9005
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
9100
9006
  }
9101
- .offcanvas .d-offcanvas-close {
9102
- align-self: flex-start;
9103
- padding: 0;
9104
- background: transparent;
9105
- border: 0;
9106
- }
9107
- .offcanvas .d-offcanvas-close .d-icon {
9108
- --bs-icon-size: var(--bs-ref-spacer-4);
9109
- }
9110
9007
  .offcanvas .d-offcanvas-action-fill > * {
9111
9008
  flex: 1;
9112
9009
  }
@@ -10242,6 +10139,17 @@ label .d-icon {
10242
10139
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
10243
10140
  }
10244
10141
 
10142
+ .d-close {
10143
+ display: flex;
10144
+ align-self: center;
10145
+ padding: 0;
10146
+ background: transparent;
10147
+ border: 0;
10148
+ }
10149
+ .d-close .d-icon {
10150
+ --bs-icon-size: var(--bs-ref-spacer-4);
10151
+ }
10152
+
10245
10153
  .d-popover {
10246
10154
  --bs-popover-min-width: var(--bs-popover-component-min-width, max-content);
10247
10155
  --bs-popover-z-index: 1;
@@ -10919,7 +10827,7 @@ label .d-icon {
10919
10827
 
10920
10828
  .d-select {
10921
10829
  --bs-select-gap: 0.5rem;
10922
- --bs-select-menu-shadow: 0 8px 12px 0 rgba(35, 36, 38, 0.05);
10830
+ --bs-select-menu-shadow: 0 8px 12px 0 rgba(21, 21, 26, 0.05);
10923
10831
  --bs-select-menu-z-index: 1000;
10924
10832
  --bs-select-option-focus-bg: var(--bs-gray-100);
10925
10833
  --bs-select-option-selected-color: var(--bs-secondary);
@@ -10955,7 +10863,7 @@ label .d-icon {
10955
10863
  }
10956
10864
  .d-select .input-group:has(.d-select-component.is-valid) {
10957
10865
  border-color: var(--bs-form-valid-border-color);
10958
- box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
10866
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
10959
10867
  }
10960
10868
  .d-select .input-group:has(.d-select-component.is-valid) ~ .form-text {
10961
10869
  color: var(--bs-form-valid-border-color);
@@ -10965,7 +10873,7 @@ label .d-icon {
10965
10873
  }
10966
10874
  .d-select .input-group:has(.d-select-component.is-invalid) {
10967
10875
  border-color: var(--bs-form-invalid-border-color);
10968
- box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
10876
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
10969
10877
  }
10970
10878
  .d-select .input-group:has(.d-select-component.is-invalid) ~ .form-text {
10971
10879
  color: var(--bs-form-invalid-border-color);
@@ -10979,7 +10887,7 @@ label .d-icon {
10979
10887
  1rem: 1rem;
10980
10888
  font-weight: var(--bs-fw-normal);
10981
10889
  line-height: 1.5;
10982
- color: var(--bs-gray-900);
10890
+ color: var(--bs-body-color);
10983
10891
  -webkit-appearance: none;
10984
10892
  -moz-appearance: none;
10985
10893
  appearance: none;
@@ -10994,12 +10902,12 @@ label .d-icon {
10994
10902
  }
10995
10903
  }
10996
10904
  .d-select .d-select__control:focus {
10997
- color: var(--bs-gray-900);
10905
+ color: var(--bs-body-color);
10998
10906
  background-color: var(--bs-white);
10999
10907
  outline: 0;
11000
10908
  }
11001
10909
  .d-select .d-select__placeholder {
11002
- color: var(--bs-gray-300);
10910
+ color: var(--bs-border-color);
11003
10911
  opacity: 1;
11004
10912
  }
11005
10913
  .d-select .d-select__menu-list {
@@ -11083,6 +10991,22 @@ label .d-icon {
11083
10991
  --bs-icon-color: var(--bs-input-disabled-color);
11084
10992
  }
11085
10993
 
10994
+ .d-table-head button {
10995
+ display: inline-flex;
10996
+ flex: 1;
10997
+ align-items: center;
10998
+ justify-content: space-between;
10999
+ width: 100%;
11000
+ padding: 0;
11001
+ font-size: inherit;
11002
+ font-weight: inherit;
11003
+ background: transparent;
11004
+ border: unset;
11005
+ }
11006
+ .d-table-head button .d-icon {
11007
+ --bs-icon-size: var(--bs-fs-small);
11008
+ }
11009
+
11086
11010
  .clearfix::after {
11087
11011
  display: block;
11088
11012
  clear: both;
@@ -11095,17 +11019,17 @@ label .d-icon {
11095
11019
  }
11096
11020
 
11097
11021
  .text-bg-primary-50 {
11098
- color: var(--bs-black) !important;
11022
+ color: var(--bs-gray-700) !important;
11099
11023
  background-color: RGBA(var(--bs-primary-50-rgb), var(--bs-bg-opacity, 1)) !important;
11100
11024
  }
11101
11025
 
11102
11026
  .text-bg-primary-100 {
11103
- color: var(--bs-black) !important;
11027
+ color: var(--bs-gray-700) !important;
11104
11028
  background-color: RGBA(var(--bs-primary-100-rgb), var(--bs-bg-opacity, 1)) !important;
11105
11029
  }
11106
11030
 
11107
11031
  .text-bg-primary-200 {
11108
- color: var(--bs-black) !important;
11032
+ color: var(--bs-gray-700) !important;
11109
11033
  background-color: RGBA(var(--bs-primary-200-rgb), var(--bs-bg-opacity, 1)) !important;
11110
11034
  }
11111
11035
 
@@ -11155,12 +11079,12 @@ label .d-icon {
11155
11079
  }
11156
11080
 
11157
11081
  .text-bg-secondary-100 {
11158
- color: var(--bs-black) !important;
11082
+ color: var(--bs-gray-700) !important;
11159
11083
  background-color: RGBA(var(--bs-secondary-100-rgb), var(--bs-bg-opacity, 1)) !important;
11160
11084
  }
11161
11085
 
11162
11086
  .text-bg-secondary-200 {
11163
- color: var(--bs-black) !important;
11087
+ color: var(--bs-gray-700) !important;
11164
11088
  background-color: RGBA(var(--bs-secondary-200-rgb), var(--bs-bg-opacity, 1)) !important;
11165
11089
  }
11166
11090
 
@@ -11210,12 +11134,12 @@ label .d-icon {
11210
11134
  }
11211
11135
 
11212
11136
  .text-bg-success-100 {
11213
- color: var(--bs-black) !important;
11137
+ color: var(--bs-gray-700) !important;
11214
11138
  background-color: RGBA(var(--bs-success-100-rgb), var(--bs-bg-opacity, 1)) !important;
11215
11139
  }
11216
11140
 
11217
11141
  .text-bg-success-200 {
11218
- color: var(--bs-black) !important;
11142
+ color: var(--bs-gray-700) !important;
11219
11143
  background-color: RGBA(var(--bs-success-200-rgb), var(--bs-bg-opacity, 1)) !important;
11220
11144
  }
11221
11145
 
@@ -11265,12 +11189,12 @@ label .d-icon {
11265
11189
  }
11266
11190
 
11267
11191
  .text-bg-info-100 {
11268
- color: var(--bs-black) !important;
11192
+ color: var(--bs-gray-700) !important;
11269
11193
  background-color: RGBA(var(--bs-info-100-rgb), var(--bs-bg-opacity, 1)) !important;
11270
11194
  }
11271
11195
 
11272
11196
  .text-bg-info-200 {
11273
- color: var(--bs-black) !important;
11197
+ color: var(--bs-gray-700) !important;
11274
11198
  background-color: RGBA(var(--bs-info-200-rgb), var(--bs-bg-opacity, 1)) !important;
11275
11199
  }
11276
11200
 
@@ -11325,22 +11249,22 @@ label .d-icon {
11325
11249
  }
11326
11250
 
11327
11251
  .text-bg-warning-200 {
11328
- color: var(--bs-black) !important;
11252
+ color: var(--bs-gray-700) !important;
11329
11253
  background-color: RGBA(var(--bs-warning-200-rgb), var(--bs-bg-opacity, 1)) !important;
11330
11254
  }
11331
11255
 
11332
11256
  .text-bg-warning-300 {
11333
- color: var(--bs-black) !important;
11257
+ color: var(--bs-gray-700) !important;
11334
11258
  background-color: RGBA(var(--bs-warning-300-rgb), var(--bs-bg-opacity, 1)) !important;
11335
11259
  }
11336
11260
 
11337
11261
  .text-bg-warning-400 {
11338
- color: var(--bs-black) !important;
11262
+ color: var(--bs-gray-700) !important;
11339
11263
  background-color: RGBA(var(--bs-warning-400-rgb), var(--bs-bg-opacity, 1)) !important;
11340
11264
  }
11341
11265
 
11342
11266
  .text-bg-warning-500 {
11343
- color: var(--bs-black) !important;
11267
+ color: var(--bs-gray-700) !important;
11344
11268
  background-color: RGBA(var(--bs-warning-500-rgb), var(--bs-bg-opacity, 1)) !important;
11345
11269
  }
11346
11270
 
@@ -11375,12 +11299,12 @@ label .d-icon {
11375
11299
  }
11376
11300
 
11377
11301
  .text-bg-danger-100 {
11378
- color: var(--bs-black) !important;
11302
+ color: var(--bs-gray-700) !important;
11379
11303
  background-color: RGBA(var(--bs-danger-100-rgb), var(--bs-bg-opacity, 1)) !important;
11380
11304
  }
11381
11305
 
11382
11306
  .text-bg-danger-200 {
11383
- color: var(--bs-black) !important;
11307
+ color: var(--bs-gray-700) !important;
11384
11308
  background-color: RGBA(var(--bs-danger-200-rgb), var(--bs-bg-opacity, 1)) !important;
11385
11309
  }
11386
11310
 
@@ -11440,7 +11364,7 @@ label .d-icon {
11440
11364
  }
11441
11365
 
11442
11366
  .text-bg-warning {
11443
- color: var(--bs-black) !important;
11367
+ color: var(--bs-gray-700) !important;
11444
11368
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
11445
11369
  }
11446
11370
 
@@ -11475,7 +11399,7 @@ label .d-icon {
11475
11399
  }
11476
11400
 
11477
11401
  .text-bg-gray-200 {
11478
- color: var(--bs-black) !important;
11402
+ color: var(--bs-gray-700) !important;
11479
11403
  background-color: RGBA(var(--bs-gray-200-rgb), var(--bs-bg-opacity, 1)) !important;
11480
11404
  }
11481
11405
 
@@ -11490,12 +11414,12 @@ label .d-icon {
11490
11414
  }
11491
11415
 
11492
11416
  .text-bg-gray-500 {
11493
- color: var(--bs-black) !important;
11417
+ color: var(--bs-white) !important;
11494
11418
  background-color: RGBA(var(--bs-gray-500-rgb), var(--bs-bg-opacity, 1)) !important;
11495
11419
  }
11496
11420
 
11497
11421
  .text-bg-gray-600 {
11498
- color: var(--bs-black) !important;
11422
+ color: var(--bs-white) !important;
11499
11423
  background-color: RGBA(var(--bs-gray-600-rgb), var(--bs-bg-opacity, 1)) !important;
11500
11424
  }
11501
11425
 
@@ -11515,7 +11439,7 @@ label .d-icon {
11515
11439
  }
11516
11440
 
11517
11441
  .text-bg-gray {
11518
- color: var(--bs-black) !important;
11442
+ color: var(--bs-white) !important;
11519
11443
  background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important;
11520
11444
  }
11521
11445