@dynamic-framework/ui-react 2.0.0-dev.6 → 2.0.0-dev.8

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 (29) hide show
  1. package/dist/css/dynamic-ui-non-root.css +127 -510
  2. package/dist/css/dynamic-ui-non-root.min.css +2 -2
  3. package/dist/css/dynamic-ui-root.css +62 -556
  4. package/dist/css/dynamic-ui-root.min.css +2 -2
  5. package/dist/css/dynamic-ui.css +188 -1065
  6. package/dist/css/dynamic-ui.min.css +2 -2
  7. package/dist/index.esm.js +152 -98
  8. package/dist/index.esm.js.map +1 -1
  9. package/dist/index.js +150 -96
  10. package/dist/index.js.map +1 -1
  11. package/dist/types/components/DIconBase/DIconBase.d.ts +10 -2
  12. package/dist/types/components/DInput/DInput.d.ts +2 -1
  13. package/dist/types/components/DInputCounter/DInputCounter.d.ts +3 -2
  14. package/dist/types/components/DInputCurrency/DInputCurrency.d.ts +3 -2
  15. package/dist/types/components/DInputPhone/DInputPhone.d.ts +1 -1
  16. package/dist/types/components/config.d.ts +0 -2
  17. package/dist/types/hooks/useResponsiveProp.d.ts +35 -0
  18. package/package.json +16 -25
  19. package/src/style/abstracts/_mixins.scss +34 -16
  20. package/src/style/abstracts/variables/_colors.scss +8 -2
  21. package/src/style/base/_buttons.scss +11 -125
  22. package/src/style/base/_label.scss +0 -4
  23. package/src/style/components/_d-datepicker.scss +23 -4
  24. package/src/style/root/_root.scss +94 -88
  25. package/dist/types/components/DBarChart/DBarChart.d.ts +0 -9
  26. package/dist/types/components/DMinimalLineChart/DMinimalLineChart.d.ts +0 -9
  27. package/dist/types/components/DMultiLineChart/DMultiLineChart.d.ts +0 -9
  28. package/dist/types/components/DPieChart/DPieChart.d.ts +0 -9
  29. package/dist/types/components/DRadialBarChart/DRadialBarChart.d.ts +0 -6
package/dist/css/dynamic-ui-non-root.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * dynamic-framework 2.0.0-dev.6
2
+ * dynamic-framework 2.0.0-dev.8
3
3
  * bootstrap ~5.3.8
4
4
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
5
5
  */
@@ -8596,6 +8596,20 @@ body {
8596
8596
  --bs-btn-disabled-opacity: var(--bs-btn-link-primary-disabled-opacity);
8597
8597
  }
8598
8598
 
8599
+ .btn-outline-primary {
8600
+ --bs-btn-color: var(--bs-btn-outline-primary-color);
8601
+ --bs-btn-border-color: var(--bs-btn-outline-primary-border-color);
8602
+ --bs-btn-hover-color: var(--bs-btn-outline-primary-hover-color);
8603
+ --bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border-color);
8604
+ --bs-btn-active-color: var(--bs-btn-outline-primary-active-color);
8605
+ --bs-btn-active-border-color: var(--bs-btn-outline-primary-active-border-color);
8606
+ --bs-btn-focus-color: var(--bs-btn-outline-primary-focus-color);
8607
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-primary-focus-shadow-rgb);
8608
+ --bs-btn-box-shadow: 0 0 0 transparent;
8609
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
8610
+ --bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
8611
+ }
8612
+
8599
8613
  .btn-secondary {
8600
8614
  --bs-btn-color: var(--bs-btn-secondary-color);
8601
8615
  --bs-btn-bg: var(--bs-btn-secondary-bg);
@@ -8640,6 +8654,20 @@ body {
8640
8654
  --bs-btn-disabled-opacity: var(--bs-btn-link-secondary-disabled-opacity);
8641
8655
  }
8642
8656
 
8657
+ .btn-outline-secondary {
8658
+ --bs-btn-color: var(--bs-btn-outline-secondary-color);
8659
+ --bs-btn-border-color: var(--bs-btn-outline-secondary-border-color);
8660
+ --bs-btn-hover-color: var(--bs-btn-outline-secondary-hover-color);
8661
+ --bs-btn-hover-border-color: var(--bs-btn-outline-secondary-hover-border-color);
8662
+ --bs-btn-active-color: var(--bs-btn-outline-secondary-active-color);
8663
+ --bs-btn-active-border-color: var(--bs-btn-outline-secondary-active-border-color);
8664
+ --bs-btn-focus-color: var(--bs-btn-outline-secondary-focus-color);
8665
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-secondary-focus-shadow-rgb);
8666
+ --bs-btn-box-shadow: 0 0 0 transparent;
8667
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-disabled-border-color);
8668
+ --bs-btn-disabled-color: var(--bs-btn-outline-secondary-disabled-color);
8669
+ }
8670
+
8643
8671
  .btn-success {
8644
8672
  --bs-btn-color: var(--bs-btn-success-color);
8645
8673
  --bs-btn-bg: var(--bs-btn-success-bg);
@@ -8684,6 +8712,20 @@ body {
8684
8712
  --bs-btn-disabled-opacity: var(--bs-btn-link-success-disabled-opacity);
8685
8713
  }
8686
8714
 
8715
+ .btn-outline-success {
8716
+ --bs-btn-color: var(--bs-btn-outline-success-color);
8717
+ --bs-btn-border-color: var(--bs-btn-outline-success-border-color);
8718
+ --bs-btn-hover-color: var(--bs-btn-outline-success-hover-color);
8719
+ --bs-btn-hover-border-color: var(--bs-btn-outline-success-hover-border-color);
8720
+ --bs-btn-active-color: var(--bs-btn-outline-success-active-color);
8721
+ --bs-btn-active-border-color: var(--bs-btn-outline-success-active-border-color);
8722
+ --bs-btn-focus-color: var(--bs-btn-outline-success-focus-color);
8723
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-success-focus-shadow-rgb);
8724
+ --bs-btn-box-shadow: 0 0 0 transparent;
8725
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-success-disabled-border-color);
8726
+ --bs-btn-disabled-color: var(--bs-btn-outline-success-disabled-color);
8727
+ }
8728
+
8687
8729
  .btn-info {
8688
8730
  --bs-btn-color: var(--bs-btn-info-color);
8689
8731
  --bs-btn-bg: var(--bs-btn-info-bg);
@@ -8728,6 +8770,20 @@ body {
8728
8770
  --bs-btn-disabled-opacity: var(--bs-btn-link-info-disabled-opacity);
8729
8771
  }
8730
8772
 
8773
+ .btn-outline-info {
8774
+ --bs-btn-color: var(--bs-btn-outline-info-color);
8775
+ --bs-btn-border-color: var(--bs-btn-outline-info-border-color);
8776
+ --bs-btn-hover-color: var(--bs-btn-outline-info-hover-color);
8777
+ --bs-btn-hover-border-color: var(--bs-btn-outline-info-hover-border-color);
8778
+ --bs-btn-active-color: var(--bs-btn-outline-info-active-color);
8779
+ --bs-btn-active-border-color: var(--bs-btn-outline-info-active-border-color);
8780
+ --bs-btn-focus-color: var(--bs-btn-outline-info-focus-color);
8781
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-info-focus-shadow-rgb);
8782
+ --bs-btn-box-shadow: 0 0 0 transparent;
8783
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-info-disabled-border-color);
8784
+ --bs-btn-disabled-color: var(--bs-btn-outline-info-disabled-color);
8785
+ }
8786
+
8731
8787
  .btn-warning {
8732
8788
  --bs-btn-color: var(--bs-btn-warning-color);
8733
8789
  --bs-btn-bg: var(--bs-btn-warning-bg);
@@ -8772,6 +8828,20 @@ body {
8772
8828
  --bs-btn-disabled-opacity: var(--bs-btn-link-warning-disabled-opacity);
8773
8829
  }
8774
8830
 
8831
+ .btn-outline-warning {
8832
+ --bs-btn-color: var(--bs-btn-outline-warning-color);
8833
+ --bs-btn-border-color: var(--bs-btn-outline-warning-border-color);
8834
+ --bs-btn-hover-color: var(--bs-btn-outline-warning-hover-color);
8835
+ --bs-btn-hover-border-color: var(--bs-btn-outline-warning-hover-border-color);
8836
+ --bs-btn-active-color: var(--bs-btn-outline-warning-active-color);
8837
+ --bs-btn-active-border-color: var(--bs-btn-outline-warning-active-border-color);
8838
+ --bs-btn-focus-color: var(--bs-btn-outline-warning-focus-color);
8839
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-warning-focus-shadow-rgb);
8840
+ --bs-btn-box-shadow: 0 0 0 transparent;
8841
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-disabled-border-color);
8842
+ --bs-btn-disabled-color: var(--bs-btn-outline-warning-disabled-color);
8843
+ }
8844
+
8775
8845
  .btn-danger {
8776
8846
  --bs-btn-color: var(--bs-btn-danger-color);
8777
8847
  --bs-btn-bg: var(--bs-btn-danger-bg);
@@ -8816,6 +8886,20 @@ body {
8816
8886
  --bs-btn-disabled-opacity: var(--bs-btn-link-danger-disabled-opacity);
8817
8887
  }
8818
8888
 
8889
+ .btn-outline-danger {
8890
+ --bs-btn-color: var(--bs-btn-outline-danger-color);
8891
+ --bs-btn-border-color: var(--bs-btn-outline-danger-border-color);
8892
+ --bs-btn-hover-color: var(--bs-btn-outline-danger-hover-color);
8893
+ --bs-btn-hover-border-color: var(--bs-btn-outline-danger-hover-border-color);
8894
+ --bs-btn-active-color: var(--bs-btn-outline-danger-active-color);
8895
+ --bs-btn-active-border-color: var(--bs-btn-outline-danger-active-border-color);
8896
+ --bs-btn-focus-color: var(--bs-btn-outline-danger-focus-color);
8897
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-danger-focus-shadow-rgb);
8898
+ --bs-btn-box-shadow: 0 0 0 transparent;
8899
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-disabled-border-color);
8900
+ --bs-btn-disabled-color: var(--bs-btn-outline-danger-disabled-color);
8901
+ }
8902
+
8819
8903
  .btn-light {
8820
8904
  --bs-btn-color: var(--bs-btn-light-color);
8821
8905
  --bs-btn-bg: var(--bs-btn-light-bg);
@@ -8860,6 +8944,20 @@ body {
8860
8944
  --bs-btn-disabled-opacity: var(--bs-btn-link-light-disabled-opacity);
8861
8945
  }
8862
8946
 
8947
+ .btn-outline-light {
8948
+ --bs-btn-color: var(--bs-btn-outline-light-color);
8949
+ --bs-btn-border-color: var(--bs-btn-outline-light-border-color);
8950
+ --bs-btn-hover-color: var(--bs-btn-outline-light-hover-color);
8951
+ --bs-btn-hover-border-color: var(--bs-btn-outline-light-hover-border-color);
8952
+ --bs-btn-active-color: var(--bs-btn-outline-light-active-color);
8953
+ --bs-btn-active-border-color: var(--bs-btn-outline-light-active-border-color);
8954
+ --bs-btn-focus-color: var(--bs-btn-outline-light-focus-color);
8955
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-light-focus-shadow-rgb);
8956
+ --bs-btn-box-shadow: 0 0 0 transparent;
8957
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-light-disabled-border-color);
8958
+ --bs-btn-disabled-color: var(--bs-btn-outline-light-disabled-color);
8959
+ }
8960
+
8863
8961
  .btn-dark {
8864
8962
  --bs-btn-color: var(--bs-btn-dark-color);
8865
8963
  --bs-btn-bg: var(--bs-btn-dark-bg);
@@ -8904,511 +9002,18 @@ body {
8904
9002
  --bs-btn-disabled-opacity: var(--bs-btn-link-dark-disabled-opacity);
8905
9003
  }
8906
9004
 
8907
- .btn-indigo {
8908
- --bs-btn-color: var(--bs-btn-indigo-color);
8909
- --bs-btn-bg: var(--bs-btn-indigo-bg);
8910
- --bs-btn-border-color: var(--bs-btn-indigo-border-color);
8911
- --bs-btn-box-shadow: var(--bs-btn-indigo-box-shadow);
8912
- --bs-btn-hover-color: var(--bs-btn-indigo-hover-color);
8913
- --bs-btn-hover-bg: var(--bs-btn-indigo-hover-bg);
8914
- --bs-btn-hover-border-color: var(--bs-btn-indigo-hover-border-color);
8915
- --bs-btn-focus-color: var(--bs-btn-indigo-focus-color);
8916
- --bs-btn-focus-bg: var(--bs-btn-indigo-focus-bg);
8917
- --bs-btn-focus-border-color: var(--bs-btn-indigo-focus-border-color);
8918
- --bs-btn-focus-shadow-rgb: var(--bs-btn-indigo-focus-shadow-rgb);
8919
- --bs-btn-active-color: var(--bs-btn-indigo-active-color);
8920
- --bs-btn-active-bg: var(--bs-btn-indigo-active-bg);
8921
- --bs-btn-active-border-color: var(--bs-btn-indigo-active-border-color);
8922
- --bs-btn-active-box-shadow: var(--bs-btn-indigo-active-box-shadow);
8923
- --bs-btn-disabled-color: var(--bs-btn-indigo-disabled-color);
8924
- --bs-btn-disabled-bg: var(--bs-btn-indigo-disabled-bg);
8925
- --bs-btn-disabled-border-color: var(--bs-btn-indigo-disabled-border-color);
8926
- --bs-btn-disabled-opacity: var(--bs-btn-indigo-disabled-opacity);
8927
- }
8928
-
8929
- .btn-link-indigo {
8930
- --bs-btn-color: var(--bs-btn-link-indigo-color);
8931
- --bs-btn-bg: var(--bs-btn-link-indigo-bg);
8932
- --bs-btn-border-color: var(--bs-btn-link-indigo-border-color);
8933
- --bs-btn-box-shadow: var(--bs-btn-link-indigo-box-shadow);
8934
- --bs-btn-hover-color: var(--bs-btn-link-indigo-hover-color);
8935
- --bs-btn-hover-bg: var(--bs-btn-link-indigo-hover-bg);
8936
- --bs-btn-hover-border-color: var(--bs-btn-link-indigo-hover-border-color);
8937
- --bs-btn-focus-color: var(--bs-btn-link-indigo-focus-color);
8938
- --bs-btn-focus-bg: var(--bs-btn-link-indigo-focus-bg);
8939
- --bs-btn-focus-border-color: var(--bs-btn-link-indigo-focus-border-color);
8940
- --bs-btn-focus-shadow-rgb: var(--bs-btn-link-indigo-focus-shadow-rgb);
8941
- --bs-btn-active-color: var(--bs-btn-link-indigo-active-color);
8942
- --bs-btn-active-bg: var(--bs-btn-link-indigo-active-bg);
8943
- --bs-btn-active-border-color: var(--bs-btn-link-indigo-active-border-color);
8944
- --bs-btn-active-box-shadow: var(--bs-btn-link-indigo-active-box-shadow);
8945
- --bs-btn-disabled-color: var(--bs-btn-link-indigo-disabled-color);
8946
- --bs-btn-disabled-bg: var(--bs-btn-link-indigo-disabled-bg);
8947
- --bs-btn-disabled-border-color: var(--bs-btn-link-indigo-disabled-border-color);
8948
- --bs-btn-disabled-opacity: var(--bs-btn-link-indigo-disabled-opacity);
8949
- }
8950
-
8951
- .btn-purple {
8952
- --bs-btn-color: var(--bs-btn-purple-color);
8953
- --bs-btn-bg: var(--bs-btn-purple-bg);
8954
- --bs-btn-border-color: var(--bs-btn-purple-border-color);
8955
- --bs-btn-box-shadow: var(--bs-btn-purple-box-shadow);
8956
- --bs-btn-hover-color: var(--bs-btn-purple-hover-color);
8957
- --bs-btn-hover-bg: var(--bs-btn-purple-hover-bg);
8958
- --bs-btn-hover-border-color: var(--bs-btn-purple-hover-border-color);
8959
- --bs-btn-focus-color: var(--bs-btn-purple-focus-color);
8960
- --bs-btn-focus-bg: var(--bs-btn-purple-focus-bg);
8961
- --bs-btn-focus-border-color: var(--bs-btn-purple-focus-border-color);
8962
- --bs-btn-focus-shadow-rgb: var(--bs-btn-purple-focus-shadow-rgb);
8963
- --bs-btn-active-color: var(--bs-btn-purple-active-color);
8964
- --bs-btn-active-bg: var(--bs-btn-purple-active-bg);
8965
- --bs-btn-active-border-color: var(--bs-btn-purple-active-border-color);
8966
- --bs-btn-active-box-shadow: var(--bs-btn-purple-active-box-shadow);
8967
- --bs-btn-disabled-color: var(--bs-btn-purple-disabled-color);
8968
- --bs-btn-disabled-bg: var(--bs-btn-purple-disabled-bg);
8969
- --bs-btn-disabled-border-color: var(--bs-btn-purple-disabled-border-color);
8970
- --bs-btn-disabled-opacity: var(--bs-btn-purple-disabled-opacity);
8971
- }
8972
-
8973
- .btn-link-purple {
8974
- --bs-btn-color: var(--bs-btn-link-purple-color);
8975
- --bs-btn-bg: var(--bs-btn-link-purple-bg);
8976
- --bs-btn-border-color: var(--bs-btn-link-purple-border-color);
8977
- --bs-btn-box-shadow: var(--bs-btn-link-purple-box-shadow);
8978
- --bs-btn-hover-color: var(--bs-btn-link-purple-hover-color);
8979
- --bs-btn-hover-bg: var(--bs-btn-link-purple-hover-bg);
8980
- --bs-btn-hover-border-color: var(--bs-btn-link-purple-hover-border-color);
8981
- --bs-btn-focus-color: var(--bs-btn-link-purple-focus-color);
8982
- --bs-btn-focus-bg: var(--bs-btn-link-purple-focus-bg);
8983
- --bs-btn-focus-border-color: var(--bs-btn-link-purple-focus-border-color);
8984
- --bs-btn-focus-shadow-rgb: var(--bs-btn-link-purple-focus-shadow-rgb);
8985
- --bs-btn-active-color: var(--bs-btn-link-purple-active-color);
8986
- --bs-btn-active-bg: var(--bs-btn-link-purple-active-bg);
8987
- --bs-btn-active-border-color: var(--bs-btn-link-purple-active-border-color);
8988
- --bs-btn-active-box-shadow: var(--bs-btn-link-purple-active-box-shadow);
8989
- --bs-btn-disabled-color: var(--bs-btn-link-purple-disabled-color);
8990
- --bs-btn-disabled-bg: var(--bs-btn-link-purple-disabled-bg);
8991
- --bs-btn-disabled-border-color: var(--bs-btn-link-purple-disabled-border-color);
8992
- --bs-btn-disabled-opacity: var(--bs-btn-link-purple-disabled-opacity);
8993
- }
8994
-
8995
- .btn-pink {
8996
- --bs-btn-color: var(--bs-btn-pink-color);
8997
- --bs-btn-bg: var(--bs-btn-pink-bg);
8998
- --bs-btn-border-color: var(--bs-btn-pink-border-color);
8999
- --bs-btn-box-shadow: var(--bs-btn-pink-box-shadow);
9000
- --bs-btn-hover-color: var(--bs-btn-pink-hover-color);
9001
- --bs-btn-hover-bg: var(--bs-btn-pink-hover-bg);
9002
- --bs-btn-hover-border-color: var(--bs-btn-pink-hover-border-color);
9003
- --bs-btn-focus-color: var(--bs-btn-pink-focus-color);
9004
- --bs-btn-focus-bg: var(--bs-btn-pink-focus-bg);
9005
- --bs-btn-focus-border-color: var(--bs-btn-pink-focus-border-color);
9006
- --bs-btn-focus-shadow-rgb: var(--bs-btn-pink-focus-shadow-rgb);
9007
- --bs-btn-active-color: var(--bs-btn-pink-active-color);
9008
- --bs-btn-active-bg: var(--bs-btn-pink-active-bg);
9009
- --bs-btn-active-border-color: var(--bs-btn-pink-active-border-color);
9010
- --bs-btn-active-box-shadow: var(--bs-btn-pink-active-box-shadow);
9011
- --bs-btn-disabled-color: var(--bs-btn-pink-disabled-color);
9012
- --bs-btn-disabled-bg: var(--bs-btn-pink-disabled-bg);
9013
- --bs-btn-disabled-border-color: var(--bs-btn-pink-disabled-border-color);
9014
- --bs-btn-disabled-opacity: var(--bs-btn-pink-disabled-opacity);
9015
- }
9016
-
9017
- .btn-link-pink {
9018
- --bs-btn-color: var(--bs-btn-link-pink-color);
9019
- --bs-btn-bg: var(--bs-btn-link-pink-bg);
9020
- --bs-btn-border-color: var(--bs-btn-link-pink-border-color);
9021
- --bs-btn-box-shadow: var(--bs-btn-link-pink-box-shadow);
9022
- --bs-btn-hover-color: var(--bs-btn-link-pink-hover-color);
9023
- --bs-btn-hover-bg: var(--bs-btn-link-pink-hover-bg);
9024
- --bs-btn-hover-border-color: var(--bs-btn-link-pink-hover-border-color);
9025
- --bs-btn-focus-color: var(--bs-btn-link-pink-focus-color);
9026
- --bs-btn-focus-bg: var(--bs-btn-link-pink-focus-bg);
9027
- --bs-btn-focus-border-color: var(--bs-btn-link-pink-focus-border-color);
9028
- --bs-btn-focus-shadow-rgb: var(--bs-btn-link-pink-focus-shadow-rgb);
9029
- --bs-btn-active-color: var(--bs-btn-link-pink-active-color);
9030
- --bs-btn-active-bg: var(--bs-btn-link-pink-active-bg);
9031
- --bs-btn-active-border-color: var(--bs-btn-link-pink-active-border-color);
9032
- --bs-btn-active-box-shadow: var(--bs-btn-link-pink-active-box-shadow);
9033
- --bs-btn-disabled-color: var(--bs-btn-link-pink-disabled-color);
9034
- --bs-btn-disabled-bg: var(--bs-btn-link-pink-disabled-bg);
9035
- --bs-btn-disabled-border-color: var(--bs-btn-link-pink-disabled-border-color);
9036
- --bs-btn-disabled-opacity: var(--bs-btn-link-pink-disabled-opacity);
9037
- }
9038
-
9039
- .btn-red {
9040
- --bs-btn-color: var(--bs-btn-red-color);
9041
- --bs-btn-bg: var(--bs-btn-red-bg);
9042
- --bs-btn-border-color: var(--bs-btn-red-border-color);
9043
- --bs-btn-box-shadow: var(--bs-btn-red-box-shadow);
9044
- --bs-btn-hover-color: var(--bs-btn-red-hover-color);
9045
- --bs-btn-hover-bg: var(--bs-btn-red-hover-bg);
9046
- --bs-btn-hover-border-color: var(--bs-btn-red-hover-border-color);
9047
- --bs-btn-focus-color: var(--bs-btn-red-focus-color);
9048
- --bs-btn-focus-bg: var(--bs-btn-red-focus-bg);
9049
- --bs-btn-focus-border-color: var(--bs-btn-red-focus-border-color);
9050
- --bs-btn-focus-shadow-rgb: var(--bs-btn-red-focus-shadow-rgb);
9051
- --bs-btn-active-color: var(--bs-btn-red-active-color);
9052
- --bs-btn-active-bg: var(--bs-btn-red-active-bg);
9053
- --bs-btn-active-border-color: var(--bs-btn-red-active-border-color);
9054
- --bs-btn-active-box-shadow: var(--bs-btn-red-active-box-shadow);
9055
- --bs-btn-disabled-color: var(--bs-btn-red-disabled-color);
9056
- --bs-btn-disabled-bg: var(--bs-btn-red-disabled-bg);
9057
- --bs-btn-disabled-border-color: var(--bs-btn-red-disabled-border-color);
9058
- --bs-btn-disabled-opacity: var(--bs-btn-red-disabled-opacity);
9059
- }
9060
-
9061
- .btn-link-red {
9062
- --bs-btn-color: var(--bs-btn-link-red-color);
9063
- --bs-btn-bg: var(--bs-btn-link-red-bg);
9064
- --bs-btn-border-color: var(--bs-btn-link-red-border-color);
9065
- --bs-btn-box-shadow: var(--bs-btn-link-red-box-shadow);
9066
- --bs-btn-hover-color: var(--bs-btn-link-red-hover-color);
9067
- --bs-btn-hover-bg: var(--bs-btn-link-red-hover-bg);
9068
- --bs-btn-hover-border-color: var(--bs-btn-link-red-hover-border-color);
9069
- --bs-btn-focus-color: var(--bs-btn-link-red-focus-color);
9070
- --bs-btn-focus-bg: var(--bs-btn-link-red-focus-bg);
9071
- --bs-btn-focus-border-color: var(--bs-btn-link-red-focus-border-color);
9072
- --bs-btn-focus-shadow-rgb: var(--bs-btn-link-red-focus-shadow-rgb);
9073
- --bs-btn-active-color: var(--bs-btn-link-red-active-color);
9074
- --bs-btn-active-bg: var(--bs-btn-link-red-active-bg);
9075
- --bs-btn-active-border-color: var(--bs-btn-link-red-active-border-color);
9076
- --bs-btn-active-box-shadow: var(--bs-btn-link-red-active-box-shadow);
9077
- --bs-btn-disabled-color: var(--bs-btn-link-red-disabled-color);
9078
- --bs-btn-disabled-bg: var(--bs-btn-link-red-disabled-bg);
9079
- --bs-btn-disabled-border-color: var(--bs-btn-link-red-disabled-border-color);
9080
- --bs-btn-disabled-opacity: var(--bs-btn-link-red-disabled-opacity);
9081
- }
9082
-
9083
- .btn-orange {
9084
- --bs-btn-color: var(--bs-btn-orange-color);
9085
- --bs-btn-bg: var(--bs-btn-orange-bg);
9086
- --bs-btn-border-color: var(--bs-btn-orange-border-color);
9087
- --bs-btn-box-shadow: var(--bs-btn-orange-box-shadow);
9088
- --bs-btn-hover-color: var(--bs-btn-orange-hover-color);
9089
- --bs-btn-hover-bg: var(--bs-btn-orange-hover-bg);
9090
- --bs-btn-hover-border-color: var(--bs-btn-orange-hover-border-color);
9091
- --bs-btn-focus-color: var(--bs-btn-orange-focus-color);
9092
- --bs-btn-focus-bg: var(--bs-btn-orange-focus-bg);
9093
- --bs-btn-focus-border-color: var(--bs-btn-orange-focus-border-color);
9094
- --bs-btn-focus-shadow-rgb: var(--bs-btn-orange-focus-shadow-rgb);
9095
- --bs-btn-active-color: var(--bs-btn-orange-active-color);
9096
- --bs-btn-active-bg: var(--bs-btn-orange-active-bg);
9097
- --bs-btn-active-border-color: var(--bs-btn-orange-active-border-color);
9098
- --bs-btn-active-box-shadow: var(--bs-btn-orange-active-box-shadow);
9099
- --bs-btn-disabled-color: var(--bs-btn-orange-disabled-color);
9100
- --bs-btn-disabled-bg: var(--bs-btn-orange-disabled-bg);
9101
- --bs-btn-disabled-border-color: var(--bs-btn-orange-disabled-border-color);
9102
- --bs-btn-disabled-opacity: var(--bs-btn-orange-disabled-opacity);
9103
- }
9104
-
9105
- .btn-link-orange {
9106
- --bs-btn-color: var(--bs-btn-link-orange-color);
9107
- --bs-btn-bg: var(--bs-btn-link-orange-bg);
9108
- --bs-btn-border-color: var(--bs-btn-link-orange-border-color);
9109
- --bs-btn-box-shadow: var(--bs-btn-link-orange-box-shadow);
9110
- --bs-btn-hover-color: var(--bs-btn-link-orange-hover-color);
9111
- --bs-btn-hover-bg: var(--bs-btn-link-orange-hover-bg);
9112
- --bs-btn-hover-border-color: var(--bs-btn-link-orange-hover-border-color);
9113
- --bs-btn-focus-color: var(--bs-btn-link-orange-focus-color);
9114
- --bs-btn-focus-bg: var(--bs-btn-link-orange-focus-bg);
9115
- --bs-btn-focus-border-color: var(--bs-btn-link-orange-focus-border-color);
9116
- --bs-btn-focus-shadow-rgb: var(--bs-btn-link-orange-focus-shadow-rgb);
9117
- --bs-btn-active-color: var(--bs-btn-link-orange-active-color);
9118
- --bs-btn-active-bg: var(--bs-btn-link-orange-active-bg);
9119
- --bs-btn-active-border-color: var(--bs-btn-link-orange-active-border-color);
9120
- --bs-btn-active-box-shadow: var(--bs-btn-link-orange-active-box-shadow);
9121
- --bs-btn-disabled-color: var(--bs-btn-link-orange-disabled-color);
9122
- --bs-btn-disabled-bg: var(--bs-btn-link-orange-disabled-bg);
9123
- --bs-btn-disabled-border-color: var(--bs-btn-link-orange-disabled-border-color);
9124
- --bs-btn-disabled-opacity: var(--bs-btn-link-orange-disabled-opacity);
9125
- }
9126
-
9127
- .btn-yellow {
9128
- --bs-btn-color: var(--bs-btn-yellow-color);
9129
- --bs-btn-bg: var(--bs-btn-yellow-bg);
9130
- --bs-btn-border-color: var(--bs-btn-yellow-border-color);
9131
- --bs-btn-box-shadow: var(--bs-btn-yellow-box-shadow);
9132
- --bs-btn-hover-color: var(--bs-btn-yellow-hover-color);
9133
- --bs-btn-hover-bg: var(--bs-btn-yellow-hover-bg);
9134
- --bs-btn-hover-border-color: var(--bs-btn-yellow-hover-border-color);
9135
- --bs-btn-focus-color: var(--bs-btn-yellow-focus-color);
9136
- --bs-btn-focus-bg: var(--bs-btn-yellow-focus-bg);
9137
- --bs-btn-focus-border-color: var(--bs-btn-yellow-focus-border-color);
9138
- --bs-btn-focus-shadow-rgb: var(--bs-btn-yellow-focus-shadow-rgb);
9139
- --bs-btn-active-color: var(--bs-btn-yellow-active-color);
9140
- --bs-btn-active-bg: var(--bs-btn-yellow-active-bg);
9141
- --bs-btn-active-border-color: var(--bs-btn-yellow-active-border-color);
9142
- --bs-btn-active-box-shadow: var(--bs-btn-yellow-active-box-shadow);
9143
- --bs-btn-disabled-color: var(--bs-btn-yellow-disabled-color);
9144
- --bs-btn-disabled-bg: var(--bs-btn-yellow-disabled-bg);
9145
- --bs-btn-disabled-border-color: var(--bs-btn-yellow-disabled-border-color);
9146
- --bs-btn-disabled-opacity: var(--bs-btn-yellow-disabled-opacity);
9147
- }
9148
-
9149
- .btn-link-yellow {
9150
- --bs-btn-color: var(--bs-btn-link-yellow-color);
9151
- --bs-btn-bg: var(--bs-btn-link-yellow-bg);
9152
- --bs-btn-border-color: var(--bs-btn-link-yellow-border-color);
9153
- --bs-btn-box-shadow: var(--bs-btn-link-yellow-box-shadow);
9154
- --bs-btn-hover-color: var(--bs-btn-link-yellow-hover-color);
9155
- --bs-btn-hover-bg: var(--bs-btn-link-yellow-hover-bg);
9156
- --bs-btn-hover-border-color: var(--bs-btn-link-yellow-hover-border-color);
9157
- --bs-btn-focus-color: var(--bs-btn-link-yellow-focus-color);
9158
- --bs-btn-focus-bg: var(--bs-btn-link-yellow-focus-bg);
9159
- --bs-btn-focus-border-color: var(--bs-btn-link-yellow-focus-border-color);
9160
- --bs-btn-focus-shadow-rgb: var(--bs-btn-link-yellow-focus-shadow-rgb);
9161
- --bs-btn-active-color: var(--bs-btn-link-yellow-active-color);
9162
- --bs-btn-active-bg: var(--bs-btn-link-yellow-active-bg);
9163
- --bs-btn-active-border-color: var(--bs-btn-link-yellow-active-border-color);
9164
- --bs-btn-active-box-shadow: var(--bs-btn-link-yellow-active-box-shadow);
9165
- --bs-btn-disabled-color: var(--bs-btn-link-yellow-disabled-color);
9166
- --bs-btn-disabled-bg: var(--bs-btn-link-yellow-disabled-bg);
9167
- --bs-btn-disabled-border-color: var(--bs-btn-link-yellow-disabled-border-color);
9168
- --bs-btn-disabled-opacity: var(--bs-btn-link-yellow-disabled-opacity);
9169
- }
9170
-
9171
- .btn-green {
9172
- --bs-btn-color: var(--bs-btn-green-color);
9173
- --bs-btn-bg: var(--bs-btn-green-bg);
9174
- --bs-btn-border-color: var(--bs-btn-green-border-color);
9175
- --bs-btn-box-shadow: var(--bs-btn-green-box-shadow);
9176
- --bs-btn-hover-color: var(--bs-btn-green-hover-color);
9177
- --bs-btn-hover-bg: var(--bs-btn-green-hover-bg);
9178
- --bs-btn-hover-border-color: var(--bs-btn-green-hover-border-color);
9179
- --bs-btn-focus-color: var(--bs-btn-green-focus-color);
9180
- --bs-btn-focus-bg: var(--bs-btn-green-focus-bg);
9181
- --bs-btn-focus-border-color: var(--bs-btn-green-focus-border-color);
9182
- --bs-btn-focus-shadow-rgb: var(--bs-btn-green-focus-shadow-rgb);
9183
- --bs-btn-active-color: var(--bs-btn-green-active-color);
9184
- --bs-btn-active-bg: var(--bs-btn-green-active-bg);
9185
- --bs-btn-active-border-color: var(--bs-btn-green-active-border-color);
9186
- --bs-btn-active-box-shadow: var(--bs-btn-green-active-box-shadow);
9187
- --bs-btn-disabled-color: var(--bs-btn-green-disabled-color);
9188
- --bs-btn-disabled-bg: var(--bs-btn-green-disabled-bg);
9189
- --bs-btn-disabled-border-color: var(--bs-btn-green-disabled-border-color);
9190
- --bs-btn-disabled-opacity: var(--bs-btn-green-disabled-opacity);
9191
- }
9192
-
9193
- .btn-link-green {
9194
- --bs-btn-color: var(--bs-btn-link-green-color);
9195
- --bs-btn-bg: var(--bs-btn-link-green-bg);
9196
- --bs-btn-border-color: var(--bs-btn-link-green-border-color);
9197
- --bs-btn-box-shadow: var(--bs-btn-link-green-box-shadow);
9198
- --bs-btn-hover-color: var(--bs-btn-link-green-hover-color);
9199
- --bs-btn-hover-bg: var(--bs-btn-link-green-hover-bg);
9200
- --bs-btn-hover-border-color: var(--bs-btn-link-green-hover-border-color);
9201
- --bs-btn-focus-color: var(--bs-btn-link-green-focus-color);
9202
- --bs-btn-focus-bg: var(--bs-btn-link-green-focus-bg);
9203
- --bs-btn-focus-border-color: var(--bs-btn-link-green-focus-border-color);
9204
- --bs-btn-focus-shadow-rgb: var(--bs-btn-link-green-focus-shadow-rgb);
9205
- --bs-btn-active-color: var(--bs-btn-link-green-active-color);
9206
- --bs-btn-active-bg: var(--bs-btn-link-green-active-bg);
9207
- --bs-btn-active-border-color: var(--bs-btn-link-green-active-border-color);
9208
- --bs-btn-active-box-shadow: var(--bs-btn-link-green-active-box-shadow);
9209
- --bs-btn-disabled-color: var(--bs-btn-link-green-disabled-color);
9210
- --bs-btn-disabled-bg: var(--bs-btn-link-green-disabled-bg);
9211
- --bs-btn-disabled-border-color: var(--bs-btn-link-green-disabled-border-color);
9212
- --bs-btn-disabled-opacity: var(--bs-btn-link-green-disabled-opacity);
9213
- }
9214
-
9215
- .btn-teal {
9216
- --bs-btn-color: var(--bs-btn-teal-color);
9217
- --bs-btn-bg: var(--bs-btn-teal-bg);
9218
- --bs-btn-border-color: var(--bs-btn-teal-border-color);
9219
- --bs-btn-box-shadow: var(--bs-btn-teal-box-shadow);
9220
- --bs-btn-hover-color: var(--bs-btn-teal-hover-color);
9221
- --bs-btn-hover-bg: var(--bs-btn-teal-hover-bg);
9222
- --bs-btn-hover-border-color: var(--bs-btn-teal-hover-border-color);
9223
- --bs-btn-focus-color: var(--bs-btn-teal-focus-color);
9224
- --bs-btn-focus-bg: var(--bs-btn-teal-focus-bg);
9225
- --bs-btn-focus-border-color: var(--bs-btn-teal-focus-border-color);
9226
- --bs-btn-focus-shadow-rgb: var(--bs-btn-teal-focus-shadow-rgb);
9227
- --bs-btn-active-color: var(--bs-btn-teal-active-color);
9228
- --bs-btn-active-bg: var(--bs-btn-teal-active-bg);
9229
- --bs-btn-active-border-color: var(--bs-btn-teal-active-border-color);
9230
- --bs-btn-active-box-shadow: var(--bs-btn-teal-active-box-shadow);
9231
- --bs-btn-disabled-color: var(--bs-btn-teal-disabled-color);
9232
- --bs-btn-disabled-bg: var(--bs-btn-teal-disabled-bg);
9233
- --bs-btn-disabled-border-color: var(--bs-btn-teal-disabled-border-color);
9234
- --bs-btn-disabled-opacity: var(--bs-btn-teal-disabled-opacity);
9235
- }
9236
-
9237
- .btn-link-teal {
9238
- --bs-btn-color: var(--bs-btn-link-teal-color);
9239
- --bs-btn-bg: var(--bs-btn-link-teal-bg);
9240
- --bs-btn-border-color: var(--bs-btn-link-teal-border-color);
9241
- --bs-btn-box-shadow: var(--bs-btn-link-teal-box-shadow);
9242
- --bs-btn-hover-color: var(--bs-btn-link-teal-hover-color);
9243
- --bs-btn-hover-bg: var(--bs-btn-link-teal-hover-bg);
9244
- --bs-btn-hover-border-color: var(--bs-btn-link-teal-hover-border-color);
9245
- --bs-btn-focus-color: var(--bs-btn-link-teal-focus-color);
9246
- --bs-btn-focus-bg: var(--bs-btn-link-teal-focus-bg);
9247
- --bs-btn-focus-border-color: var(--bs-btn-link-teal-focus-border-color);
9248
- --bs-btn-focus-shadow-rgb: var(--bs-btn-link-teal-focus-shadow-rgb);
9249
- --bs-btn-active-color: var(--bs-btn-link-teal-active-color);
9250
- --bs-btn-active-bg: var(--bs-btn-link-teal-active-bg);
9251
- --bs-btn-active-border-color: var(--bs-btn-link-teal-active-border-color);
9252
- --bs-btn-active-box-shadow: var(--bs-btn-link-teal-active-box-shadow);
9253
- --bs-btn-disabled-color: var(--bs-btn-link-teal-disabled-color);
9254
- --bs-btn-disabled-bg: var(--bs-btn-link-teal-disabled-bg);
9255
- --bs-btn-disabled-border-color: var(--bs-btn-link-teal-disabled-border-color);
9256
- --bs-btn-disabled-opacity: var(--bs-btn-link-teal-disabled-opacity);
9257
- }
9258
-
9259
- .btn-cyan {
9260
- --bs-btn-color: var(--bs-btn-cyan-color);
9261
- --bs-btn-bg: var(--bs-btn-cyan-bg);
9262
- --bs-btn-border-color: var(--bs-btn-cyan-border-color);
9263
- --bs-btn-box-shadow: var(--bs-btn-cyan-box-shadow);
9264
- --bs-btn-hover-color: var(--bs-btn-cyan-hover-color);
9265
- --bs-btn-hover-bg: var(--bs-btn-cyan-hover-bg);
9266
- --bs-btn-hover-border-color: var(--bs-btn-cyan-hover-border-color);
9267
- --bs-btn-focus-color: var(--bs-btn-cyan-focus-color);
9268
- --bs-btn-focus-bg: var(--bs-btn-cyan-focus-bg);
9269
- --bs-btn-focus-border-color: var(--bs-btn-cyan-focus-border-color);
9270
- --bs-btn-focus-shadow-rgb: var(--bs-btn-cyan-focus-shadow-rgb);
9271
- --bs-btn-active-color: var(--bs-btn-cyan-active-color);
9272
- --bs-btn-active-bg: var(--bs-btn-cyan-active-bg);
9273
- --bs-btn-active-border-color: var(--bs-btn-cyan-active-border-color);
9274
- --bs-btn-active-box-shadow: var(--bs-btn-cyan-active-box-shadow);
9275
- --bs-btn-disabled-color: var(--bs-btn-cyan-disabled-color);
9276
- --bs-btn-disabled-bg: var(--bs-btn-cyan-disabled-bg);
9277
- --bs-btn-disabled-border-color: var(--bs-btn-cyan-disabled-border-color);
9278
- --bs-btn-disabled-opacity: var(--bs-btn-cyan-disabled-opacity);
9279
- }
9280
-
9281
- .btn-link-cyan {
9282
- --bs-btn-color: var(--bs-btn-link-cyan-color);
9283
- --bs-btn-bg: var(--bs-btn-link-cyan-bg);
9284
- --bs-btn-border-color: var(--bs-btn-link-cyan-border-color);
9285
- --bs-btn-box-shadow: var(--bs-btn-link-cyan-box-shadow);
9286
- --bs-btn-hover-color: var(--bs-btn-link-cyan-hover-color);
9287
- --bs-btn-hover-bg: var(--bs-btn-link-cyan-hover-bg);
9288
- --bs-btn-hover-border-color: var(--bs-btn-link-cyan-hover-border-color);
9289
- --bs-btn-focus-color: var(--bs-btn-link-cyan-focus-color);
9290
- --bs-btn-focus-bg: var(--bs-btn-link-cyan-focus-bg);
9291
- --bs-btn-focus-border-color: var(--bs-btn-link-cyan-focus-border-color);
9292
- --bs-btn-focus-shadow-rgb: var(--bs-btn-link-cyan-focus-shadow-rgb);
9293
- --bs-btn-active-color: var(--bs-btn-link-cyan-active-color);
9294
- --bs-btn-active-bg: var(--bs-btn-link-cyan-active-bg);
9295
- --bs-btn-active-border-color: var(--bs-btn-link-cyan-active-border-color);
9296
- --bs-btn-active-box-shadow: var(--bs-btn-link-cyan-active-box-shadow);
9297
- --bs-btn-disabled-color: var(--bs-btn-link-cyan-disabled-color);
9298
- --bs-btn-disabled-bg: var(--bs-btn-link-cyan-disabled-bg);
9299
- --bs-btn-disabled-border-color: var(--bs-btn-link-cyan-disabled-border-color);
9300
- --bs-btn-disabled-opacity: var(--bs-btn-link-cyan-disabled-opacity);
9301
- }
9302
-
9303
- .btn-outline-primary {
9304
- --bs-btn-color: var(--bs-primary-500);
9305
- --bs-btn-border-color: var(--bs-primary-500);
9306
- --bs-btn-hover-color: var(--bs-primary-600);
9307
- --bs-btn-hover-border-color: var(--bs-primary-600);
9308
- --bs-btn-active-color: var(--bs-primary-700);
9309
- --bs-btn-active-border-color: var(--bs-primary-700);
9310
- --bs-btn-focus-color: var(--bs-primary-700);
9311
- --bs-btn-focus-shadow-rgb: var(--bs-btn-primary-focus-shadow-rgb);
9312
- --bs-btn-box-shadow: 0 0 0 transparent;
9313
- --bs-btn-disabled-color: var(--bs-primary-500);
9314
- --bs-btn-disabled-border-color: var(--bs-primary-500);
9315
- }
9316
-
9317
- .btn-outline-secondary {
9318
- --bs-btn-color: var(--bs-secondary-700);
9319
- --bs-btn-hover-border-color: var(--bs-secondary-400);
9320
- --bs-btn-border-color: var(--bs-secondary-200);
9321
- --bs-btn-active-border-color: var(--bs-secondary-400);
9322
- --bs-btn-focus-color: var(--bs-secondary-700);
9323
- --bs-btn-focus-shadow-rgb: var(--bs-btn-secondary-focus-shadow-rgb);
9324
- --bs-btn-box-shadow: 0 0 0 transparent;
9325
- --bs-btn-disabled-color: var(--bs-secondary-700);
9326
- --bs-btn-disabled-border-color: var(--bs-secondary-200);
9327
- }
9328
-
9329
- .btn-outline-light {
9330
- --bs-btn-color: var(--bs-gray-25);
9331
- --bs-btn-hover-border-color: var(--bs-gray-50);
9332
- --bs-btn-border-color: var(--bs-gray-25);
9333
- --bs-btn-active-border-color: var(--bs-gray-50);
9334
- --bs-btn-active-color: var(--bs-gray-50);
9335
- --bs-btn-hover-color: var(--bs-gray-50);
9336
- --bs-btn-focus-color: var(--bs-gray-50);
9337
- --bs-btn-box-shadow: 0 0 0 transparent;
9338
- --bs-btn-focus-shadow-rgb: var(--bs-btn-light-focus-shadow-rgb);
9339
- --bs-btn-disabled-border-color: var(--bs-gray-25);
9340
- --bs-btn-disabled-color: var(--bs-gray-25);
9341
- opacity: var(--bs-btn-disabled-opacity);
9342
- }
9343
-
9344
- .btn-outline-success {
9345
- --bs-btn-color: var(--bs-success-500);
9346
- --bs-btn-hover-border-color: var(--bs-success-700);
9347
- --bs-btn-border-color: var(--bs-success-500);
9348
- --bs-btn-active-border-color: var(--bs-success-600);
9349
- --bs-btn-active-color: var(--bs-success-700);
9350
- --bs-btn-hover-color: var(--bs-success-700);
9351
- --bs-btn-focus-color: var(--bs-success-700);
9352
- --bs-btn-box-shadow: 0 0 0 transparent;
9353
- --bs-btn-focus-shadow-rgb: var(--bs-btn-success-focus-shadow-rgb);
9354
- --bs-btn-disabled-border-color: var(--bs-success-500);
9355
- --bs-btn-disabled-color: var(--bs-success-500);
9356
- }
9357
-
9358
- .btn-outline-danger {
9359
- --bs-btn-color: var(--bs-danger-500);
9360
- --bs-btn-hover-border-color: var(--bs-danger-700);
9361
- --bs-btn-border-color: var(--bs-danger-500);
9362
- --bs-btn-active-border-color: var(--bs-danger-600);
9363
- --bs-btn-active-color: var(--bs-danger-700);
9364
- --bs-btn-hover-color: var(--bs-danger-700);
9365
- --bs-btn-focus-color: var(--bs-danger-700);
9366
- --bs-btn-box-shadow: 0 0 0 transparent;
9367
- --bs-btn-focus-shadow-rgb: var(--bs-btn-danger-focus-shadow-rgb);
9368
- --bs-btn-disabled-border-color: var(--bs-danger-500);
9369
- --bs-btn-disabled-color: var(--bs-danger-500);
9370
- }
9371
-
9372
- .btn-outline-info {
9373
- --bs-btn-color: var(--bs-info-500);
9374
- --bs-btn-hover-border-color: var(--bs-info-700);
9375
- --bs-btn-border-color: var(--bs-info-500);
9376
- --bs-btn-active-border-color: var(--bs-info-600);
9377
- --bs-btn-active-color: var(--bs-info-700);
9378
- --bs-btn-hover-color: var(--bs-info-700);
9379
- --bs-btn-focus-color: var(--bs-info-700);
9380
- --bs-btn-box-shadow: 0 0 0 transparent;
9381
- --bs-btn-focus-shadow-rgb: var(--bs-btn-info-focus-shadow-rgb);
9382
- --bs-btn-disabled-border-color: var(--bs-info-500);
9383
- --bs-btn-disabled-color: var(--bs-info-500);
9384
- }
9385
-
9386
- .btn-outline-warning {
9387
- --bs-btn-color: var(--bs-warning-500);
9388
- --bs-btn-border-color: var(--bs-warning-500);
9389
- --bs-btn-hover-color: var(--bs-warning-600);
9390
- --bs-btn-hover-border-color: var(--bs-warning-600);
9391
- --bs-btn-active-color: var(--bs-warning-700);
9392
- --bs-btn-active-border-color: var(--bs-warning-700);
9393
- --bs-btn-focus-color: var(--bs-warning-700);
9394
- --bs-btn-focus-shadow-rgb: var(--bs-btn-warning-focus-shadow-rgb);
9395
- --bs-btn-box-shadow: 0 0 0 transparent;
9396
- --bs-btn-disabled-border-color: var(--bs-warning-500);
9397
- --bs-btn-disabled-color: var(--bs-warning-500);
9398
- }
9399
-
9400
9005
  .btn-outline-dark {
9401
- --bs-btn-color: var(--bs-black);
9402
- --bs-btn-hover-border-color: var(--bs-gray-600);
9403
- --bs-btn-border-color: var(--bs-black);
9404
- --bs-btn-active-border-color: var(--bs-gray-600);
9405
- --bs-btn-active-color: var(--bs-gray-600);
9406
- --bs-btn-hover-color: var(--bs-gray-600);
9407
- --bs-btn-focus-color: var(--bs-black);
9006
+ --bs-btn-color: var(--bs-btn-outline-dark-color);
9007
+ --bs-btn-border-color: var(--bs-btn-outline-dark-border-color);
9008
+ --bs-btn-hover-color: var(--bs-btn-outline-dark-hover-color);
9009
+ --bs-btn-hover-border-color: var(--bs-btn-outline-dark-hover-border-color);
9010
+ --bs-btn-active-color: var(--bs-btn-outline-dark-active-color);
9011
+ --bs-btn-active-border-color: var(--bs-btn-outline-dark-active-border-color);
9012
+ --bs-btn-focus-color: var(--bs-btn-outline-dark-focus-color);
9013
+ --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-dark-focus-shadow-rgb);
9408
9014
  --bs-btn-box-shadow: 0 0 0 transparent;
9409
- --bs-btn-focus-shadow-rgb: var(--bs-btn-dark-focus-shadow-rgb);
9410
- --bs-btn-disabled-border-color: var(--bs-black);
9411
- --bs-btn-disabled-color: var(--bs-black);
9015
+ --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-disabled-border-color);
9016
+ --bs-btn-disabled-color: var(--bs-btn-outline-dark-disabled-color);
9412
9017
  }
9413
9018
 
9414
9019
  .btn-lg, .btn-group-lg > .btn {
@@ -9611,10 +9216,6 @@ label {
9611
9216
  font-weight: var(--bs-label-font-weight);
9612
9217
  color: var(--bs-label-color);
9613
9218
  }
9614
- .label .d-icon,
9615
- label .d-icon {
9616
- --bs-icon-color: var(--bs-focus-ring-color);
9617
- }
9618
9219
 
9619
9220
  .backdrop {
9620
9221
  --bs-backdrop-zindex: 1055;
@@ -10674,11 +10275,27 @@ label .d-icon {
10674
10275
  border-top-right-radius: var(--bs-datepicker-border-radius);
10675
10276
  }
10676
10277
  .react-datepicker__header .custom-year-selector {
10677
- width: 6ch;
10678
- background: none;
10278
+ width: 8ch;
10279
+ background: transparent;
10280
+ color: var(--bs-body-color);
10281
+ margin: auto;
10282
+ }
10283
+ .react-datepicker__header .custom-year-selector .input-group {
10284
+ border: 0;
10285
+ }
10286
+ .react-datepicker__header .custom-year-selector .d-select__indicator-separator {
10287
+ display: none;
10288
+ }
10289
+ .react-datepicker__header .custom-year-selector .d-select__control {
10290
+ background-color: var(--bs-datepicker-top-header-bg);
10291
+ padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-1);
10292
+ flex-wrap: nowrap;
10679
10293
  color: var(--bs-white);
10680
10294
  border: 0;
10681
10295
  }
10296
+ .react-datepicker__header .custom-year-selector .d-select__menu-list {
10297
+ max-height: 10lh;
10298
+ }
10682
10299
  .react-datepicker__header-selector {
10683
10300
  display: flex;
10684
10301
  align-items: center;