@itilite/lumina-ui 1.2.0 → 1.2.2

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.
package/dist/styles.css CHANGED
@@ -762,85 +762,221 @@
762
762
 
763
763
 
764
764
  /* CSS Modules */
765
- /* src/atom/Radio/Radio.module.scss */
766
- .Radio-module__radio___1CPAk {
765
+ /* src/atom/Tooltip/Tooltip.module.scss */
766
+ .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
767
+ background-color: white !important;
768
+ color: #111827;
769
+ border-radius: 0.5rem;
770
+ padding: 0.625rem;
771
+ --tw-text-opacity: 1;
772
+ color: rgb(33 40 55 / var(--tw-text-opacity, 1));
773
+ }
774
+ .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
775
+ background-color: white !important;
776
+ }
777
+
778
+ /* src/atom/Button/Button.module.scss */
779
+ .Button-module__button___cLCyl {
767
780
  display: flex;
768
781
  align-items: center;
782
+ justify-content: center;
783
+ gap: 0.25rem;
784
+ border-radius: 0.5rem;
769
785
  }
770
- .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
771
- height: 16px;
772
- width: 16px;
786
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
787
+ height: 56px;
788
+ padding-left: 1rem;
789
+ padding-right: 1rem;
773
790
  }
774
- .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
775
- height: 20px;
776
- width: 20px;
791
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
792
+ width: 56px;
777
793
  }
778
- .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
779
- height: 24px;
780
- width: 24px;
794
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
795
+ height: 40px;
796
+ padding-left: 0.75rem;
797
+ padding-right: 0.75rem;
781
798
  }
782
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
783
- border-color: #EC5D25;
784
- background-color: #EC5D25;
799
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
800
+ width: 40px;
785
801
  }
786
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
787
- border-color: #B94710;
788
- background-color: #B94710;
802
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei {
803
+ height: 32px;
804
+ padding-left: 0.5rem;
805
+ padding-right: 0.5rem;
789
806
  }
790
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
791
- outline: 2px solid #0A65E7;
807
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
808
+ width: 32px;
792
809
  }
793
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
794
- cursor: not-allowed;
810
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
811
+ --tw-bg-opacity: 1;
812
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
813
+ border-width: 1px;
814
+ border-style: solid;
815
+ --tw-border-opacity: 1;
816
+ border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
817
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
795
818
  }
796
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
797
- border-color: #B6BAC3;
798
- background-color: #B6BAC3;
819
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:active {
820
+ --tw-bg-opacity: 1;
821
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
822
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
799
823
  }
800
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
801
- transform: scale(0.375);
802
- background-color: #FFFFFF;
824
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
825
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
803
826
  }
804
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
805
- border-color: #B6BAC3;
827
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
828
+ --tw-text-opacity: 1;
829
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
806
830
  }
807
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
808
- border-color: #6B7280;
831
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
832
+ --tw-text-opacity: 1;
833
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
809
834
  }
810
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
811
- outline: 2px solid #0A65E7;
835
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9 {
836
+ --tw-text-opacity: 1;
837
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
812
838
  }
813
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
814
- cursor: not-allowed;
839
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9:hover {
840
+ --tw-text-opacity: 1;
841
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
815
842
  }
816
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
817
- border-color: #B6BAC3;
818
- background-color: #F9FAFB;
843
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__disabled___nwPn4 {
844
+ --tw-text-opacity: 1;
845
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
819
846
  }
820
- .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
821
- color: #363E4F;
822
- font-weight: 400;
823
- font-size: 0.875rem;
824
- line-height: 20px;
847
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
848
+ border-width: 1px;
849
+ border-style: solid;
850
+ --tw-bg-opacity: 1;
851
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
852
+ --tw-border-opacity: 1;
853
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
854
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
825
855
  }
826
- .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
827
- color: #363E4F;
828
- font-weight: 500;
829
- font-size: 0.875rem;
830
- line-height: 20px;
856
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:active {
857
+ --tw-bg-opacity: 1;
858
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
859
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
831
860
  }
832
-
833
- /* src/atom/Tooltip/Tooltip.module.scss */
834
- .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
835
- background-color: white !important;
836
- color: #111827;
837
- border-radius: 0.5rem;
838
- padding: 0.625rem;
861
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
862
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
863
+ }
864
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
839
865
  --tw-text-opacity: 1;
840
- color: rgb(33 40 55 / var(--tw-text-opacity, 1));
866
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
841
867
  }
842
- .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
843
- background-color: white !important;
868
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
869
+ --tw-text-opacity: 1;
870
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
871
+ }
872
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9 {
873
+ --tw-text-opacity: 1;
874
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
875
+ }
876
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9:hover {
877
+ --tw-text-opacity: 1;
878
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
879
+ }
880
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
881
+ border-width: 1px;
882
+ --tw-bg-opacity: 1;
883
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
884
+ border-style: solid;
885
+ --tw-border-opacity: 1;
886
+ border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
887
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
888
+ }
889
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:active {
890
+ --tw-bg-opacity: 1;
891
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
892
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
893
+ }
894
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
895
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
896
+ }
897
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
898
+ --tw-text-opacity: 1;
899
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
900
+ }
901
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
902
+ --tw-text-opacity: 1;
903
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
904
+ }
905
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9 {
906
+ --tw-text-opacity: 1;
907
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
908
+ }
909
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9:hover {
910
+ --tw-text-opacity: 1;
911
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
912
+ }
913
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
914
+ --tw-bg-opacity: 1;
915
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
916
+ border-width: 1px;
917
+ border-style: solid;
918
+ --tw-border-opacity: 1;
919
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
920
+ box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
921
+ }
922
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
923
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
924
+ --tw-border-opacity: 1;
925
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
926
+ }
927
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
928
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
929
+ }
930
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
931
+ background-color: transparent;
932
+ border-width: 0px;
933
+ border-style: none;
934
+ box-shadow: none;
935
+ }
936
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
937
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
938
+ border-style: none;
939
+ --tw-bg-opacity: 1;
940
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
941
+ }
942
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
943
+ --tw-bg-opacity: 1;
944
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
945
+ }
946
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
947
+ outline: 2px solid rgba(236, 93, 37, 0.2);
948
+ }
949
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
950
+ background-color: transparent;
951
+ padding: 0px;
952
+ border-width: 0px;
953
+ border-style: none;
954
+ height: auto;
955
+ box-shadow: none;
956
+ }
957
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
958
+ text-decoration: underline;
959
+ }
960
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
961
+ box-shadow: none;
962
+ border-style: none;
963
+ background-color: transparent;
964
+ }
965
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
966
+ background-color: transparent;
967
+ }
968
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
969
+ outline: none;
970
+ }
971
+
972
+ /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
973
+ .LoadingSpinner-module__spinnerContainer___DiPLf {
974
+ display: flex;
975
+ justify-content: center;
976
+ align-items: center;
977
+ height: 100%;
978
+ margin-top: 2rem;
979
+ margin-bottom: 2rem;
844
980
  }
845
981
 
846
982
  /* src/atom/Tag/Tag.module.scss */
@@ -903,24 +1039,6 @@
903
1039
  background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
904
1040
  }
905
1041
 
906
- /* src/atom/Switch/Switch.module.scss */
907
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
908
- height: 0.75rem;
909
- min-width: 1.5rem
910
- }
911
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
912
- height: 0.5rem;
913
- width: 0.5rem
914
- }
915
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
916
- --tw-bg-opacity: 1;
917
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
918
- }
919
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
920
- --tw-bg-opacity: 1;
921
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
922
- }
923
-
924
1042
  /* src/atom/Modal/Modal.module.scss */
925
1043
  .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
926
1044
  margin-top: 0;
@@ -977,261 +1095,89 @@
977
1095
  }
978
1096
  .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
979
1097
  display: flex;
980
- align-items: center;
981
- justify-content: center;
982
- }
983
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
984
- padding: 0 1.5rem 1.5rem;
985
- max-height: 65vh;
986
- overflow: auto;
987
- }
988
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
989
- top: 1.5rem;
990
- right: 1.5rem;
991
- padding-bottom: 0.25rem;
992
- }
993
- .Modal-module__modal___PKrAi .ant-btn-primary {
994
- margin-inline-start: 0.5rem;
995
- }
996
-
997
- /* src/atom/Slider/Slider.module.scss */
998
- .Slider-module__label___9Uea- {
999
- font-size: 13px;
1000
- line-height: 18px;
1001
- --tw-text-opacity: 1;
1002
- color: rgb(54 62 79 / var(--tw-text-opacity, 1));
1003
- }
1004
-
1005
- .Slider-module__slider___JCS-c.ant-slider {
1006
- margin-left: 0px;
1007
- margin-right: 0px;
1008
- }
1009
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
1010
- box-shadow: 0 0 0 2px #ec5d25;
1011
- transform: scale(1.25);
1012
- }
1013
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
1014
- content: unset;
1015
- }
1016
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
1017
- inset-inline-start: -1px;
1018
- inset-block-start: -1px;
1019
- }
1020
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
1021
- --tw-bg-opacity: 1;
1022
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1023
- height: 2px;
1024
- }
1025
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
1026
- background-color: transparent;
1027
- }
1028
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
1029
- --tw-bg-opacity: 1;
1030
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1031
- }
1032
-
1033
- /* src/atom/Button/Button.module.scss */
1034
- .Button-module__button___cLCyl {
1035
- display: flex;
1036
- align-items: center;
1037
- justify-content: center;
1038
- gap: 0.25rem;
1039
- border-radius: 0.5rem;
1040
- }
1041
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
1042
- height: 56px;
1043
- padding-left: 1rem;
1044
- padding-right: 1rem;
1045
- }
1046
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
1047
- width: 56px;
1048
- }
1049
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
1050
- height: 40px;
1051
- padding-left: 0.75rem;
1052
- padding-right: 0.75rem;
1053
- }
1054
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
1055
- width: 40px;
1056
- }
1057
- .Button-module__button___cLCyl.Button-module__size_small___IUeei {
1058
- height: 32px;
1059
- padding-left: 0.5rem;
1060
- padding-right: 0.5rem;
1061
- }
1062
- .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
1063
- width: 32px;
1064
- }
1065
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
1066
- --tw-bg-opacity: 1;
1067
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1068
- border-width: 1px;
1069
- border-style: solid;
1070
- --tw-border-opacity: 1;
1071
- border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
1072
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1073
- }
1074
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:active {
1075
- --tw-bg-opacity: 1;
1076
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1077
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1078
- }
1079
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
1080
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1081
- }
1082
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
1083
- --tw-text-opacity: 1;
1084
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1085
- }
1086
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
1087
- --tw-text-opacity: 1;
1088
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1089
- }
1090
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9 {
1091
- --tw-text-opacity: 1;
1092
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1093
- }
1094
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9:hover {
1095
- --tw-text-opacity: 1;
1096
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1097
- }
1098
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__disabled___nwPn4 {
1099
- --tw-text-opacity: 1;
1100
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1101
- }
1102
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
1103
- border-width: 1px;
1104
- border-style: solid;
1105
- --tw-bg-opacity: 1;
1106
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1107
- --tw-border-opacity: 1;
1108
- border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
1109
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1110
- }
1111
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:active {
1112
- --tw-bg-opacity: 1;
1113
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1114
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1115
- }
1116
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
1117
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1118
- }
1119
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
1120
- --tw-text-opacity: 1;
1121
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1122
- }
1123
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
1124
- --tw-text-opacity: 1;
1125
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1126
- }
1127
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9 {
1128
- --tw-text-opacity: 1;
1129
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1130
- }
1131
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9:hover {
1132
- --tw-text-opacity: 1;
1133
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1134
- }
1135
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
1136
- border-width: 1px;
1137
- --tw-bg-opacity: 1;
1138
- background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1139
- border-style: solid;
1140
- --tw-border-opacity: 1;
1141
- border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
1142
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1098
+ align-items: center;
1099
+ justify-content: center;
1143
1100
  }
1144
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:active {
1145
- --tw-bg-opacity: 1;
1146
- background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1147
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1101
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1102
+ padding: 0 1.5rem 1.5rem;
1103
+ max-height: 65vh;
1104
+ overflow: auto;
1148
1105
  }
1149
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
1150
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1106
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1107
+ top: 1.5rem;
1108
+ right: 1.5rem;
1109
+ padding-bottom: 0.25rem;
1151
1110
  }
1152
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
1153
- --tw-text-opacity: 1;
1154
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1111
+ .Modal-module__modal___PKrAi .ant-btn-primary {
1112
+ margin-inline-start: 0.5rem;
1155
1113
  }
1156
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
1157
- --tw-text-opacity: 1;
1158
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1114
+
1115
+ /* src/atom/Radio/Radio.module.scss */
1116
+ .Radio-module__radio___1CPAk {
1117
+ display: flex;
1118
+ align-items: center;
1159
1119
  }
1160
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9 {
1161
- --tw-text-opacity: 1;
1162
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1120
+ .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
1121
+ height: 16px;
1122
+ width: 16px;
1163
1123
  }
1164
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9:hover {
1165
- --tw-text-opacity: 1;
1166
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1124
+ .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
1125
+ height: 20px;
1126
+ width: 20px;
1167
1127
  }
1168
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
1169
- --tw-bg-opacity: 1;
1170
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1171
- border-width: 1px;
1172
- border-style: solid;
1173
- --tw-border-opacity: 1;
1174
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1175
- box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
1128
+ .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
1129
+ height: 24px;
1130
+ width: 24px;
1176
1131
  }
1177
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
1178
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1179
- --tw-border-opacity: 1;
1180
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1132
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
1133
+ border-color: #EC5D25;
1134
+ background-color: #EC5D25;
1181
1135
  }
1182
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
1183
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1136
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
1137
+ border-color: #B94710;
1138
+ background-color: #B94710;
1184
1139
  }
1185
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
1186
- background-color: transparent;
1187
- border-width: 0px;
1188
- border-style: none;
1189
- box-shadow: none;
1140
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
1141
+ outline: 2px solid #0A65E7;
1190
1142
  }
1191
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
1192
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1193
- border-style: none;
1194
- --tw-bg-opacity: 1;
1195
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1143
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
1144
+ cursor: not-allowed;
1196
1145
  }
1197
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
1198
- --tw-bg-opacity: 1;
1199
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
1146
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
1147
+ border-color: #B6BAC3;
1148
+ background-color: #B6BAC3;
1200
1149
  }
1201
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
1202
- outline: 2px solid rgba(236, 93, 37, 0.2);
1150
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
1151
+ transform: scale(0.375);
1152
+ background-color: #FFFFFF;
1203
1153
  }
1204
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
1205
- background-color: transparent;
1206
- padding: 0px;
1207
- border-width: 0px;
1208
- border-style: none;
1209
- height: auto;
1210
- box-shadow: none;
1154
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
1155
+ border-color: #B6BAC3;
1211
1156
  }
1212
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
1213
- text-decoration: underline;
1157
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
1158
+ border-color: #6B7280;
1214
1159
  }
1215
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
1216
- box-shadow: none;
1217
- border-style: none;
1218
- background-color: transparent;
1160
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
1161
+ outline: 2px solid #0A65E7;
1219
1162
  }
1220
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
1221
- background-color: transparent;
1163
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
1164
+ cursor: not-allowed;
1222
1165
  }
1223
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
1224
- outline: none;
1166
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
1167
+ border-color: #B6BAC3;
1168
+ background-color: #F9FAFB;
1225
1169
  }
1226
-
1227
- /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
1228
- .LoadingSpinner-module__spinnerContainer___DiPLf {
1229
- display: flex;
1230
- justify-content: center;
1231
- align-items: center;
1232
- height: 100%;
1233
- margin-top: 2rem;
1234
- margin-bottom: 2rem;
1170
+ .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
1171
+ color: #363E4F;
1172
+ font-weight: 400;
1173
+ font-size: 0.875rem;
1174
+ line-height: 20px;
1175
+ }
1176
+ .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
1177
+ color: #363E4F;
1178
+ font-weight: 500;
1179
+ font-size: 0.875rem;
1180
+ line-height: 20px;
1235
1181
  }
1236
1182
 
1237
1183
  /* src/atom/Checkbox/Checkbox.module.scss */
@@ -1332,27 +1278,40 @@
1332
1278
  background: white;
1333
1279
  }
1334
1280
 
1335
- /* src/molecules/UserProfile/UserProfile.module.scss */
1336
- .UserProfile-module__userProfile___cRMm9 {
1337
- display: flex;
1338
- align-items: center;
1339
- gap: 0.625rem
1281
+ /* src/atom/Slider/Slider.module.scss */
1282
+ .Slider-module__label___9Uea- {
1283
+ font-size: 13px;
1284
+ line-height: 18px;
1285
+ --tw-text-opacity: 1;
1286
+ color: rgb(54 62 79 / var(--tw-text-opacity, 1));
1340
1287
  }
1341
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1342
- display: flex;
1343
- flex-direction: column
1288
+
1289
+ .Slider-module__slider___JCS-c.ant-slider {
1290
+ margin-left: 0px;
1291
+ margin-right: 0px;
1344
1292
  }
1345
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1346
- display: flex;
1347
- align-items: center;
1348
- gap: 0.5rem
1293
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
1294
+ box-shadow: 0 0 0 2px #ec5d25;
1295
+ transform: scale(1.25);
1349
1296
  }
1350
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1351
- margin: 0px
1297
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
1298
+ content: unset;
1352
1299
  }
1353
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1354
- margin: 0px;
1355
- margin-top: 0.125rem
1300
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
1301
+ inset-inline-start: -1px;
1302
+ inset-block-start: -1px;
1303
+ }
1304
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
1305
+ --tw-bg-opacity: 1;
1306
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1307
+ height: 2px;
1308
+ }
1309
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
1310
+ background-color: transparent;
1311
+ }
1312
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
1313
+ --tw-bg-opacity: 1;
1314
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1356
1315
  }
1357
1316
 
1358
1317
  /* src/atom/Table/Table.module.scss */
@@ -1419,7 +1378,7 @@
1419
1378
  }
1420
1379
  .Table-module__table___5d7g0.ant-table-wrapper .ant-table-container {
1421
1380
  /* Lift the white body card off the gray wrapper */
1422
- filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.06));
1381
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
1423
1382
  }
1424
1383
  .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1425
1384
  .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
@@ -1543,7 +1502,7 @@
1543
1502
  background: #ffffff;
1544
1503
  border-radius: 12px;
1545
1504
  margin: 8px 4px 4px 4px !important;
1546
- filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.06));
1505
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
1547
1506
  /* AntD re-orders items; we use order to match design layout */
1548
1507
  }
1549
1508
  .Table-module__table___5d7g0.ant-table-wrapper .ant-pagination .ant-pagination-options {
@@ -1780,6 +1739,8 @@
1780
1739
  padding: 0;
1781
1740
  cursor: pointer;
1782
1741
  min-width: 0;
1742
+ font: inherit;
1743
+ color: inherit;
1783
1744
  }
1784
1745
  .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1785
1746
  outline: 2px solid #ec5d25;
@@ -1793,6 +1754,8 @@
1793
1754
  text-overflow: ellipsis;
1794
1755
  line-height: normal;
1795
1756
  text-transform: none !important;
1757
+ font: inherit;
1758
+ color: inherit;
1796
1759
  }
1797
1760
 
1798
1761
  .Table-module__columnHeaderSortIcon___mWVZN {
@@ -1868,6 +1831,47 @@
1868
1831
  min-width: 180px;
1869
1832
  }
1870
1833
 
1834
+ /* src/atom/Switch/Switch.module.scss */
1835
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
1836
+ height: 0.75rem;
1837
+ min-width: 1.5rem
1838
+ }
1839
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
1840
+ height: 0.5rem;
1841
+ width: 0.5rem
1842
+ }
1843
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
1844
+ --tw-bg-opacity: 1;
1845
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1846
+ }
1847
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
1848
+ --tw-bg-opacity: 1;
1849
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1850
+ }
1851
+
1852
+ /* src/molecules/UserProfile/UserProfile.module.scss */
1853
+ .UserProfile-module__userProfile___cRMm9 {
1854
+ display: flex;
1855
+ align-items: center;
1856
+ gap: 0.625rem
1857
+ }
1858
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1859
+ display: flex;
1860
+ flex-direction: column
1861
+ }
1862
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1863
+ display: flex;
1864
+ align-items: center;
1865
+ gap: 0.5rem
1866
+ }
1867
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1868
+ margin: 0px
1869
+ }
1870
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1871
+ margin: 0px;
1872
+ margin-top: 0.125rem
1873
+ }
1874
+
1871
1875
  /* src/atom/RangePicker/RangePicker.module.scss */
1872
1876
  .RangePicker-module__range_start___hGQp-::after {
1873
1877
  content: "";
@@ -1903,7 +1907,7 @@
1903
1907
  border-radius: 16px;
1904
1908
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
1905
1909
  overflow: hidden;
1906
- width: 707px;
1910
+ width: 712px;
1907
1911
  font-family: "Inter", system-ui, -apple-system, sans-serif;
1908
1912
  }
1909
1913
  .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
@@ -1916,7 +1920,7 @@
1916
1920
  }
1917
1921
  }
1918
1922
  .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__hidePresets___-m2-P {
1919
- width: 549px;
1923
+ width: 574px;
1920
1924
  }
1921
1925
  .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__hidePresets___-m2-P.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
1922
1926
  width: 292px;
@@ -1942,19 +1946,21 @@
1942
1946
  Left (Presets Sidebar) — fixed 140px
1943
1947
  ==================================================================== */
1944
1948
  .AdvancedDateRangePicker-module__left___T6E84 {
1945
- width: 158px;
1949
+ width: 100%;
1950
+ max-width: 140px;
1946
1951
  flex-shrink: 0;
1947
1952
  border-right: 1px solid #f3f4f6;
1948
- padding: 12px 8px;
1953
+ padding: 12px 6px;
1949
1954
  display: flex;
1950
1955
  flex-direction: column;
1951
1956
  background: #ffffff;
1952
- max-height: 380px;
1953
1957
  overflow-y: auto;
1958
+ overflow-x: hidden;
1954
1959
  }
1955
1960
  @media (max-width: 768px) {
1956
1961
  .AdvancedDateRangePicker-module__left___T6E84 {
1957
1962
  width: 100%;
1963
+ max-width: none;
1958
1964
  border-right: none;
1959
1965
  border-bottom: 1px solid #f3f4f6;
1960
1966
  flex-direction: row;
@@ -1973,23 +1979,25 @@
1973
1979
 
1974
1980
  .AdvancedDateRangePicker-module__sidebarItem___-NXPm {
1975
1981
  display: flex;
1976
- width: 142px;
1982
+ width: 100%;
1983
+ box-sizing: border-box;
1984
+ min-width: 0;
1977
1985
  margin: 2px 0;
1978
1986
  text-align: left;
1979
1987
  background: var(--White, #FFF);
1980
1988
  border: none;
1981
1989
  cursor: pointer;
1982
- padding: 10px 16px;
1990
+ padding: 6px 12px;
1983
1991
  align-items: center;
1984
1992
  color: var(--text-subtle, #363E4F);
1985
1993
  border-radius: 6px;
1986
1994
  transition: all 0.2s;
1987
1995
  white-space: nowrap;
1988
- font-family: Inter, sans-serif;
1989
- font-size: 14px;
1996
+ font-family: "Inter", system-ui, -apple-system, sans-serif;
1997
+ font-size: 13px;
1990
1998
  font-style: normal;
1991
1999
  font-weight: 400;
1992
- line-height: 20px;
2000
+ line-height: 18px;
1993
2001
  }
1994
2002
  .AdvancedDateRangePicker-module__sidebarItem___-NXPm:hover {
1995
2003
  background: #f9fafb;
@@ -1998,6 +2006,8 @@
1998
2006
  @media (max-width: 768px) {
1999
2007
  .AdvancedDateRangePicker-module__sidebarItem___-NXPm {
2000
2008
  width: auto;
2009
+ max-width: 140px;
2010
+ flex-shrink: 0;
2001
2011
  margin: 0;
2002
2012
  padding: 8px 16px;
2003
2013
  }
@@ -2010,25 +2020,37 @@
2010
2020
  border-radius: 6px !important;
2011
2021
  }
2012
2022
 
2023
+ .AdvancedDateRangePicker-module__sidebarItemText___X9qO- {
2024
+ display: block;
2025
+ width: 100%;
2026
+ overflow: hidden;
2027
+ text-overflow: ellipsis;
2028
+ white-space: nowrap;
2029
+ }
2030
+
2013
2031
  /* ====================================================================
2014
2032
  Main (Header + Body) — 567px (707 - 140)
2015
2033
  ==================================================================== */
2016
2034
  .AdvancedDateRangePicker-module__main___G4MU9 {
2017
- width: 549px;
2035
+ width: 100%;
2036
+ max-width: 574px;
2018
2037
  flex-shrink: 0;
2019
2038
  display: flex;
2020
2039
  flex-direction: column;
2021
2040
  min-width: 0;
2022
2041
  }
2023
2042
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__main___G4MU9 {
2024
- width: 292px;
2043
+ width: 100%;
2044
+ max-width: 292px;
2025
2045
  }
2026
2046
  @media (max-width: 768px) {
2027
2047
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__main___G4MU9 {
2028
2048
  width: 100%;
2049
+ max-width: none;
2029
2050
  }
2030
2051
  .AdvancedDateRangePicker-module__main___G4MU9 {
2031
2052
  width: 100%;
2053
+ max-width: none;
2032
2054
  }
2033
2055
  }
2034
2056
 
@@ -2055,16 +2077,18 @@
2055
2077
 
2056
2078
  /* Timezone column — fixed 156px */
2057
2079
  .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2058
- width: 156px;
2080
+ width: 100%;
2081
+ max-width: 156px;
2059
2082
  flex-shrink: 0;
2060
2083
  display: flex;
2061
2084
  flex-direction: column;
2062
2085
  gap: 10px;
2063
- padding: 20px 16px;
2086
+ padding: 12px 8px;
2064
2087
  border-right: 1px solid #e5e7eb;
2065
2088
  }
2066
2089
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2067
2090
  width: 100%;
2091
+ max-width: none;
2068
2092
  border-right: none;
2069
2093
  border-bottom: 1px solid #e5e7eb;
2070
2094
  padding: 16px;
@@ -2072,6 +2096,7 @@
2072
2096
  @media (max-width: 768px) {
2073
2097
  .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2074
2098
  width: 100%;
2099
+ max-width: none;
2075
2100
  border-right: none;
2076
2101
  border-bottom: 1px solid #e5e7eb;
2077
2102
  padding: 16px;
@@ -2080,6 +2105,8 @@
2080
2105
 
2081
2106
  /* Date-time area — takes remaining space */
2082
2107
  .AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ {
2108
+ width: 100%;
2109
+ max-width: 420px;
2083
2110
  flex: 1;
2084
2111
  display: flex;
2085
2112
  gap: 0;
@@ -2088,11 +2115,13 @@
2088
2115
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ {
2089
2116
  flex-direction: column;
2090
2117
  width: 100%;
2118
+ max-width: none;
2091
2119
  }
2092
2120
  @media (max-width: 768px) {
2093
2121
  .AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ {
2094
2122
  flex-direction: column;
2095
2123
  width: 100%;
2124
+ max-width: none;
2096
2125
  }
2097
2126
  }
2098
2127
 
@@ -2100,7 +2129,7 @@
2100
2129
  display: flex;
2101
2130
  flex-direction: column;
2102
2131
  gap: 10px;
2103
- padding: 20px 8px;
2132
+ padding: 12px 8px;
2104
2133
  flex: 1;
2105
2134
  /* Except when used inside timezoneWrapper — that sets its own padding */
2106
2135
  }
@@ -2151,7 +2180,7 @@
2151
2180
  font-weight: 500;
2152
2181
  line-height: 16px;
2153
2182
  cursor: pointer;
2154
- width: 107.32px;
2183
+ width: 100%;
2155
2184
  height: 24px;
2156
2185
  box-sizing: border-box;
2157
2186
  display: flex;
@@ -2177,7 +2206,7 @@
2177
2206
  }
2178
2207
 
2179
2208
  .AdvancedDateRangePicker-module__timezoneSelectContainer___8SMc4 {
2180
- width: 107.32px !important;
2209
+ width: 100% !important;
2181
2210
  height: 24px;
2182
2211
  }
2183
2212
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneSelectContainer___8SMc4 {
@@ -2199,7 +2228,7 @@
2199
2228
  }
2200
2229
 
2201
2230
  .AdvancedDateRangePicker-module__timezoneDisabledBadge___VBxOd {
2202
- width: 107.32px;
2231
+ width: 100%;
2203
2232
  height: 24px;
2204
2233
  box-sizing: border-box;
2205
2234
  display: flex;
@@ -2269,7 +2298,7 @@
2269
2298
  }
2270
2299
 
2271
2300
  .AdvancedDateRangePicker-module__dateInput___0t9ww {
2272
- width: 92px;
2301
+ width: 94px;
2273
2302
  height: 24px;
2274
2303
  box-sizing: border-box;
2275
2304
  display: flex;
@@ -2312,7 +2341,7 @@
2312
2341
  }
2313
2342
 
2314
2343
  .AdvancedDateRangePicker-module__timeInput___Jalr9 {
2315
- width: 70px;
2344
+ width: 84px;
2316
2345
  height: 24px;
2317
2346
  box-sizing: border-box;
2318
2347
  display: flex;
@@ -2426,4 +2455,17 @@
2426
2455
  width: 100%;
2427
2456
  padding: 14px;
2428
2457
  }
2458
+ }
2459
+
2460
+ @media (min-width: 769px) {
2461
+ .AdvancedDateRangePicker-module__root___udir8:not(.AdvancedDateRangePicker-module__singleCalendar___qy2-H):not(.AdvancedDateRangePicker-module__hidePresets___-m2-P) .AdvancedDateRangePicker-module__inner___P4OHa {
2462
+ position: relative;
2463
+ padding-left: 140px;
2464
+ }
2465
+ .AdvancedDateRangePicker-module__root___udir8:not(.AdvancedDateRangePicker-module__singleCalendar___qy2-H):not(.AdvancedDateRangePicker-module__hidePresets___-m2-P) .AdvancedDateRangePicker-module__left___T6E84 {
2466
+ position: absolute;
2467
+ left: 0;
2468
+ top: 0;
2469
+ bottom: 0;
2470
+ }
2429
2471
  }