@itilite/lumina-ui 1.0.16-alpha → 1.0.17-alpha

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,19 +762,6 @@
762
762
 
763
763
 
764
764
  /* CSS Modules */
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
765
  /* src/atom/Checkbox/Checkbox.module.scss */
779
766
  .Checkbox-module__checkbox___xxg5L {
780
767
  display: flex;
@@ -883,66 +870,6 @@
883
870
  margin-bottom: 2rem;
884
871
  }
885
872
 
886
- /* src/atom/Tag/Tag.module.scss */
887
- .Tag-module__tag___PIkhI {
888
- border-radius: 0.25rem;
889
- padding: 0.25rem;
890
- font-weight: 500;
891
- font-size: 12px;
892
- line-height: .75rem;
893
- --tw-bg-opacity: 1;
894
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
895
- height: -moz-max-content;
896
- height: max-content;
897
- --tw-text-opacity: 1;
898
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
899
- border-width: 0px
900
- }
901
- .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
902
- padding-top: 2px;
903
- padding-bottom: 2px;
904
- padding-left: 0.25rem;
905
- padding-right: 0.25rem;
906
- font-size: 0.625rem;
907
- line-height: .75rem
908
- }
909
- .Tag-module__tag___PIkhI.Tag-module__success___99fad {
910
- --tw-bg-opacity: 1;
911
- background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
912
- }
913
- .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
914
- --tw-bg-opacity: 1;
915
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
916
- }
917
- .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
918
- --tw-bg-opacity: 1;
919
- background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
920
- }
921
- .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
922
- --tw-bg-opacity: 1;
923
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
924
- }
925
- .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
926
- --tw-bg-opacity: 1;
927
- background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
928
- }
929
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
930
- --tw-bg-opacity: 1;
931
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
932
- }
933
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
934
- --tw-bg-opacity: 1;
935
- background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
936
- }
937
- .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
938
- --tw-bg-opacity: 1;
939
- background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
940
- }
941
- .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
942
- --tw-bg-opacity: 1;
943
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
944
- }
945
-
946
873
  /* src/atom/Radio/Radio.module.scss */
947
874
  .Radio-module__radio___1CPAk {
948
875
  display: flex;
@@ -1029,40 +956,150 @@
1029
956
  background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1030
957
  }
1031
958
 
1032
- /* src/atom/Slider/Slider.module.scss */
1033
- .Slider-module__label___9Uea- {
1034
- font-size: 13px;
1035
- line-height: 18px;
959
+ /* src/atom/Tooltip/Tooltip.module.scss */
960
+ .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
961
+ background-color: white !important;
962
+ color: #111827;
963
+ border-radius: 0.5rem;
964
+ padding: 0.625rem;
1036
965
  --tw-text-opacity: 1;
1037
- color: rgb(54 62 79 / var(--tw-text-opacity, 1));
966
+ color: rgb(33 40 55 / var(--tw-text-opacity, 1));
967
+ }
968
+ .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
969
+ background-color: white !important;
1038
970
  }
1039
971
 
1040
- .Slider-module__slider___JCS-c.ant-slider {
1041
- margin-left: 0px;
1042
- margin-right: 0px;
972
+ /* src/atom/Modal/Modal.module.scss */
973
+ .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
974
+ margin-top: 0;
975
+ margin-top: 0px;
1043
976
  }
1044
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
1045
- box-shadow: 0 0 0 2px #ec5d25;
1046
- transform: scale(1.25);
977
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
978
+ padding: 24px;
979
+ padding: 1.5rem;
980
+ display: flex;
981
+ justify-content: flex-end;
1047
982
  }
1048
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
1049
- content: unset;
983
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
984
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
985
+ min-width: 92px;
1050
986
  }
1051
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
1052
- inset-inline-start: -1px;
1053
- inset-block-start: -1px;
987
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
988
+ padding: 24px;
989
+ padding: 1.5rem;
990
+ padding-top: 0px;
991
+ display: flex;
992
+ justify-content: flex-end;
1054
993
  }
1055
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
994
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
995
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
996
+ width: 50%;
997
+ }
998
+ .Modal-module__modal___PKrAi .ant-modal-content {
999
+ padding: 0;
1000
+ border-radius: 0.75rem;
1001
+ padding: 0px;
1002
+ }
1003
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1004
+ margin-bottom: 0px;
1005
+ padding: 1rem;
1006
+ }
1007
+ @media (min-width: 576px) {
1008
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1009
+ padding: 1.5rem;
1010
+ }
1011
+ }
1012
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1013
+ justify-content: flex-start;
1014
+ padding-right: 1.25rem;
1015
+ font-size: 1.25rem;
1016
+ font-weight: 500;
1017
+ line-height: 1.75rem;
1018
+ --tw-text-opacity: 1;
1019
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1020
+ }
1021
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1022
+ display: flex;
1023
+ align-items: flex-end;
1024
+ justify-content: center;
1025
+ }
1026
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1027
+ display: flex;
1028
+ align-items: center;
1029
+ justify-content: center;
1030
+ }
1031
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1032
+ padding: 0 1.5rem 1.5rem;
1033
+ max-height: 65vh;
1034
+ overflow: auto;
1035
+ }
1036
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1037
+ top: 1.5rem;
1038
+ right: 1.5rem;
1039
+ padding-bottom: 0.25rem;
1040
+ }
1041
+ .Modal-module__modal___PKrAi .ant-btn-primary {
1042
+ margin-inline-start: 0.5rem;
1043
+ }
1044
+
1045
+ /* src/atom/Tag/Tag.module.scss */
1046
+ .Tag-module__tag___PIkhI {
1047
+ border-radius: 0.25rem;
1048
+ padding: 0.25rem;
1049
+ font-weight: 500;
1050
+ font-size: 12px;
1051
+ line-height: .75rem;
1056
1052
  --tw-bg-opacity: 1;
1057
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1058
- height: 2px;
1053
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1054
+ height: -moz-max-content;
1055
+ height: max-content;
1056
+ --tw-text-opacity: 1;
1057
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1058
+ border-width: 0px
1059
1059
  }
1060
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
1061
- background-color: transparent;
1060
+ .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
1061
+ padding-top: 2px;
1062
+ padding-bottom: 2px;
1063
+ padding-left: 0.25rem;
1064
+ padding-right: 0.25rem;
1065
+ font-size: 0.625rem;
1066
+ line-height: .75rem
1062
1067
  }
1063
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
1068
+ .Tag-module__tag___PIkhI.Tag-module__success___99fad {
1064
1069
  --tw-bg-opacity: 1;
1065
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1070
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1071
+ }
1072
+ .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
1073
+ --tw-bg-opacity: 1;
1074
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1075
+ }
1076
+ .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
1077
+ --tw-bg-opacity: 1;
1078
+ background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
1079
+ }
1080
+ .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
1081
+ --tw-bg-opacity: 1;
1082
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1083
+ }
1084
+ .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
1085
+ --tw-bg-opacity: 1;
1086
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1087
+ }
1088
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
1089
+ --tw-bg-opacity: 1;
1090
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1091
+ }
1092
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
1093
+ --tw-bg-opacity: 1;
1094
+ background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
1095
+ }
1096
+ .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
1097
+ --tw-bg-opacity: 1;
1098
+ background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
1099
+ }
1100
+ .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
1101
+ --tw-bg-opacity: 1;
1102
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1066
1103
  }
1067
1104
 
1068
1105
  /* src/atom/Button/Button.module.scss */
@@ -1259,100 +1296,40 @@
1259
1296
  outline: none;
1260
1297
  }
1261
1298
 
1262
- /* src/atom/Modal/Modal.module.scss */
1263
- .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1264
- margin-top: 0;
1265
- margin-top: 0px;
1266
- }
1267
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
1268
- padding: 24px;
1269
- padding: 1.5rem;
1270
- display: flex;
1271
- justify-content: flex-end;
1272
- }
1273
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
1274
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
1275
- min-width: 92px;
1276
- }
1277
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1278
- padding: 24px;
1279
- padding: 1.5rem;
1280
- padding-top: 0px;
1281
- display: flex;
1282
- justify-content: flex-end;
1283
- }
1284
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1285
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1286
- width: 50%;
1287
- }
1288
- .Modal-module__modal___PKrAi .ant-modal-content {
1289
- padding: 0;
1290
- border-radius: 0.75rem;
1291
- padding: 0px;
1292
- }
1293
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1294
- margin-bottom: 0px;
1295
- padding: 1rem;
1296
- }
1297
- @media (min-width: 576px) {
1298
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1299
- padding: 1.5rem;
1300
- }
1301
- }
1302
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1303
- justify-content: flex-start;
1304
- padding-right: 1.25rem;
1305
- font-size: 1.25rem;
1306
- font-weight: 500;
1307
- line-height: 1.75rem;
1299
+ /* src/atom/Slider/Slider.module.scss */
1300
+ .Slider-module__label___9Uea- {
1301
+ font-size: 13px;
1302
+ line-height: 18px;
1308
1303
  --tw-text-opacity: 1;
1309
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1310
- }
1311
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1312
- display: flex;
1313
- align-items: flex-end;
1314
- justify-content: center;
1315
- }
1316
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1317
- display: flex;
1318
- align-items: center;
1319
- justify-content: center;
1320
- }
1321
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1322
- padding: 0 1.5rem 1.5rem;
1323
- max-height: 65vh;
1324
- overflow: auto;
1304
+ color: rgb(54 62 79 / var(--tw-text-opacity, 1));
1325
1305
  }
1326
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1327
- top: 1.5rem;
1328
- right: 1.5rem;
1329
- padding-bottom: 0.25rem;
1306
+
1307
+ .Slider-module__slider___JCS-c.ant-slider {
1308
+ margin-left: 0px;
1309
+ margin-right: 0px;
1330
1310
  }
1331
- .Modal-module__modal___PKrAi .ant-btn-primary {
1332
- margin-inline-start: 0.5rem;
1311
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
1312
+ box-shadow: 0 0 0 2px #ec5d25;
1313
+ transform: scale(1.25);
1333
1314
  }
1334
-
1335
- /* src/molecules/UserProfile/UserProfile.module.scss */
1336
- .UserProfile-module__userProfile___cRMm9 {
1337
- display: flex;
1338
- align-items: center;
1339
- gap: 0.625rem
1315
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
1316
+ content: unset;
1340
1317
  }
1341
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1342
- display: flex;
1343
- flex-direction: column
1318
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
1319
+ inset-inline-start: -1px;
1320
+ inset-block-start: -1px;
1344
1321
  }
1345
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1346
- display: flex;
1347
- align-items: center;
1348
- gap: 0.5rem
1322
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
1323
+ --tw-bg-opacity: 1;
1324
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1325
+ height: 2px;
1349
1326
  }
1350
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1351
- margin: 0px
1327
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
1328
+ background-color: transparent;
1352
1329
  }
1353
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1354
- margin: 0px;
1355
- margin-top: 0.125rem
1330
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
1331
+ --tw-bg-opacity: 1;
1332
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1356
1333
  }
1357
1334
 
1358
1335
  /* src/atom/Table/Table.module.scss */
@@ -1872,6 +1849,29 @@
1872
1849
  min-width: 180px;
1873
1850
  }
1874
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
+
1875
1875
  /* src/atom/RangePicker/RangePicker.module.scss */
1876
1876
  .RangePicker-module__range_start___hGQp-::after {
1877
1877
  content: "";
@@ -1907,7 +1907,7 @@
1907
1907
  border-radius: 16px;
1908
1908
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
1909
1909
  overflow: hidden;
1910
- width: 707px;
1910
+ width: 712px;
1911
1911
  font-family: "Inter", system-ui, -apple-system, sans-serif;
1912
1912
  }
1913
1913
  .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
@@ -1920,7 +1920,7 @@
1920
1920
  }
1921
1921
  }
1922
1922
  .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__hidePresets___-m2-P {
1923
- width: 549px;
1923
+ width: 574px;
1924
1924
  }
1925
1925
  .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__hidePresets___-m2-P.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
1926
1926
  width: 292px;
@@ -1946,10 +1946,11 @@
1946
1946
  Left (Presets Sidebar) — fixed 140px
1947
1947
  ==================================================================== */
1948
1948
  .AdvancedDateRangePicker-module__left___T6E84 {
1949
- width: 158px;
1949
+ width: 100%;
1950
+ max-width: 140px;
1950
1951
  flex-shrink: 0;
1951
1952
  border-right: 1px solid #f3f4f6;
1952
- padding: 12px 8px;
1953
+ padding: 12px 6px;
1953
1954
  display: flex;
1954
1955
  flex-direction: column;
1955
1956
  background: #ffffff;
@@ -1959,6 +1960,7 @@
1959
1960
  @media (max-width: 768px) {
1960
1961
  .AdvancedDateRangePicker-module__left___T6E84 {
1961
1962
  width: 100%;
1963
+ max-width: none;
1962
1964
  border-right: none;
1963
1965
  border-bottom: 1px solid #f3f4f6;
1964
1966
  flex-direction: row;
@@ -1985,17 +1987,17 @@
1985
1987
  background: var(--White, #FFF);
1986
1988
  border: none;
1987
1989
  cursor: pointer;
1988
- padding: 10px 16px;
1990
+ padding: 6px 12px;
1989
1991
  align-items: center;
1990
1992
  color: var(--text-subtle, #363E4F);
1991
1993
  border-radius: 6px;
1992
1994
  transition: all 0.2s;
1993
1995
  white-space: nowrap;
1994
- font-family: Inter, sans-serif;
1995
- font-size: 14px;
1996
+ font-family: "Inter", system-ui, -apple-system, sans-serif;
1997
+ font-size: 13px;
1996
1998
  font-style: normal;
1997
1999
  font-weight: 400;
1998
- line-height: 20px;
2000
+ line-height: 18px;
1999
2001
  }
2000
2002
  .AdvancedDateRangePicker-module__sidebarItem___-NXPm:hover {
2001
2003
  background: #f9fafb;
@@ -2030,21 +2032,25 @@
2030
2032
  Main (Header + Body) — 567px (707 - 140)
2031
2033
  ==================================================================== */
2032
2034
  .AdvancedDateRangePicker-module__main___G4MU9 {
2033
- width: 549px;
2035
+ width: 100%;
2036
+ max-width: 574px;
2034
2037
  flex-shrink: 0;
2035
2038
  display: flex;
2036
2039
  flex-direction: column;
2037
2040
  min-width: 0;
2038
2041
  }
2039
2042
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__main___G4MU9 {
2040
- width: 292px;
2043
+ width: 100%;
2044
+ max-width: 292px;
2041
2045
  }
2042
2046
  @media (max-width: 768px) {
2043
2047
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__main___G4MU9 {
2044
2048
  width: 100%;
2049
+ max-width: none;
2045
2050
  }
2046
2051
  .AdvancedDateRangePicker-module__main___G4MU9 {
2047
2052
  width: 100%;
2053
+ max-width: none;
2048
2054
  }
2049
2055
  }
2050
2056
 
@@ -2071,7 +2077,8 @@
2071
2077
 
2072
2078
  /* Timezone column — fixed 156px */
2073
2079
  .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2074
- width: 140px;
2080
+ width: 100%;
2081
+ max-width: 156px;
2075
2082
  flex-shrink: 0;
2076
2083
  display: flex;
2077
2084
  flex-direction: column;
@@ -2081,6 +2088,7 @@
2081
2088
  }
2082
2089
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2083
2090
  width: 100%;
2091
+ max-width: none;
2084
2092
  border-right: none;
2085
2093
  border-bottom: 1px solid #e5e7eb;
2086
2094
  padding: 16px;
@@ -2088,6 +2096,7 @@
2088
2096
  @media (max-width: 768px) {
2089
2097
  .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2090
2098
  width: 100%;
2099
+ max-width: none;
2091
2100
  border-right: none;
2092
2101
  border-bottom: 1px solid #e5e7eb;
2093
2102
  padding: 16px;
@@ -2096,6 +2105,8 @@
2096
2105
 
2097
2106
  /* Date-time area — takes remaining space */
2098
2107
  .AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ {
2108
+ width: 100%;
2109
+ max-width: 420px;
2099
2110
  flex: 1;
2100
2111
  display: flex;
2101
2112
  gap: 0;
@@ -2104,11 +2115,13 @@
2104
2115
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ {
2105
2116
  flex-direction: column;
2106
2117
  width: 100%;
2118
+ max-width: none;
2107
2119
  }
2108
2120
  @media (max-width: 768px) {
2109
2121
  .AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ {
2110
2122
  flex-direction: column;
2111
2123
  width: 100%;
2124
+ max-width: none;
2112
2125
  }
2113
2126
  }
2114
2127
 
@@ -2167,7 +2180,7 @@
2167
2180
  font-weight: 500;
2168
2181
  line-height: 16px;
2169
2182
  cursor: pointer;
2170
- width: 107.32px;
2183
+ width: 100%;
2171
2184
  height: 24px;
2172
2185
  box-sizing: border-box;
2173
2186
  display: flex;
@@ -2193,7 +2206,7 @@
2193
2206
  }
2194
2207
 
2195
2208
  .AdvancedDateRangePicker-module__timezoneSelectContainer___8SMc4 {
2196
- width: 107.32px !important;
2209
+ width: 100% !important;
2197
2210
  height: 24px;
2198
2211
  }
2199
2212
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneSelectContainer___8SMc4 {
@@ -2215,7 +2228,7 @@
2215
2228
  }
2216
2229
 
2217
2230
  .AdvancedDateRangePicker-module__timezoneDisabledBadge___VBxOd {
2218
- width: 107.32px;
2231
+ width: 100%;
2219
2232
  height: 24px;
2220
2233
  box-sizing: border-box;
2221
2234
  display: flex;
@@ -2447,7 +2460,7 @@
2447
2460
  @media (min-width: 769px) {
2448
2461
  .AdvancedDateRangePicker-module__root___udir8:not(.AdvancedDateRangePicker-module__singleCalendar___qy2-H):not(.AdvancedDateRangePicker-module__hidePresets___-m2-P) .AdvancedDateRangePicker-module__inner___P4OHa {
2449
2462
  position: relative;
2450
- padding-left: 158px;
2463
+ padding-left: 140px;
2451
2464
  }
2452
2465
  .AdvancedDateRangePicker-module__root___udir8:not(.AdvancedDateRangePicker-module__singleCalendar___qy2-H):not(.AdvancedDateRangePicker-module__hidePresets___-m2-P) .AdvancedDateRangePicker-module__left___T6E84 {
2453
2466
  position: absolute;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itilite/lumina-ui",
3
- "version": "1.0.16-alpha",
3
+ "version": "1.0.17-alpha",
4
4
  "description": "Itilite Lumina Design System UI Components",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",