@itilite/lumina-ui 1.0.14-alpha → 1.0.15-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,40 +762,17 @@
762
762
 
763
763
 
764
764
  /* CSS Modules */
765
- /* src/atom/Slider/Slider.module.scss */
766
- .Slider-module__label___9Uea- {
767
- font-size: 13px;
768
- line-height: 18px;
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;
769
771
  --tw-text-opacity: 1;
770
- color: rgb(54 62 79 / var(--tw-text-opacity, 1));
771
- }
772
-
773
- .Slider-module__slider___JCS-c.ant-slider {
774
- margin-left: 0px;
775
- margin-right: 0px;
776
- }
777
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
778
- box-shadow: 0 0 0 2px #ec5d25;
779
- transform: scale(1.25);
780
- }
781
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
782
- content: unset;
783
- }
784
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
785
- inset-inline-start: -1px;
786
- inset-block-start: -1px;
787
- }
788
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
789
- --tw-bg-opacity: 1;
790
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
791
- height: 2px;
792
- }
793
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
794
- background-color: transparent;
772
+ color: rgb(33 40 55 / var(--tw-text-opacity, 1));
795
773
  }
796
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
797
- --tw-bg-opacity: 1;
798
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
774
+ .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
775
+ background-color: white !important;
799
776
  }
800
777
 
801
778
  /* src/atom/Button/Button.module.scss */
@@ -992,29 +969,6 @@
992
969
  outline: none;
993
970
  }
994
971
 
995
- /* src/atom/Tooltip/Tooltip.module.scss */
996
- .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
997
- background-color: white !important;
998
- color: #111827;
999
- border-radius: 0.5rem;
1000
- padding: 0.625rem;
1001
- --tw-text-opacity: 1;
1002
- color: rgb(33 40 55 / var(--tw-text-opacity, 1));
1003
- }
1004
- .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
1005
- background-color: white !important;
1006
- }
1007
-
1008
- /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
1009
- .LoadingSpinner-module__spinnerContainer___DiPLf {
1010
- display: flex;
1011
- justify-content: center;
1012
- align-items: center;
1013
- height: 100%;
1014
- margin-top: 2rem;
1015
- margin-bottom: 2rem;
1016
- }
1017
-
1018
972
  /* src/atom/Switch/Switch.module.scss */
1019
973
  .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
1020
974
  height: 0.75rem;
@@ -1033,64 +987,50 @@
1033
987
  background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1034
988
  }
1035
989
 
1036
- /* src/atom/Tag/Tag.module.scss */
1037
- .Tag-module__tag___PIkhI {
1038
- border-radius: 0.25rem;
1039
- padding: 0.25rem;
1040
- font-weight: 500;
1041
- font-size: 12px;
1042
- line-height: .75rem;
1043
- --tw-bg-opacity: 1;
1044
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1045
- height: -moz-max-content;
1046
- height: max-content;
1047
- --tw-text-opacity: 1;
1048
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1049
- border-width: 0px
1050
- }
1051
- .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
1052
- padding-top: 2px;
1053
- padding-bottom: 2px;
1054
- padding-left: 0.25rem;
1055
- padding-right: 0.25rem;
1056
- font-size: 0.625rem;
1057
- line-height: .75rem
1058
- }
1059
- .Tag-module__tag___PIkhI.Tag-module__success___99fad {
1060
- --tw-bg-opacity: 1;
1061
- background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
990
+ /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
991
+ .LoadingSpinner-module__spinnerContainer___DiPLf {
992
+ display: flex;
993
+ justify-content: center;
994
+ align-items: center;
995
+ height: 100%;
996
+ margin-top: 2rem;
997
+ margin-bottom: 2rem;
1062
998
  }
1063
- .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
1064
- --tw-bg-opacity: 1;
1065
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
999
+
1000
+ /* src/atom/Slider/Slider.module.scss */
1001
+ .Slider-module__label___9Uea- {
1002
+ font-size: 13px;
1003
+ line-height: 18px;
1004
+ --tw-text-opacity: 1;
1005
+ color: rgb(54 62 79 / var(--tw-text-opacity, 1));
1066
1006
  }
1067
- .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
1068
- --tw-bg-opacity: 1;
1069
- background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
1007
+
1008
+ .Slider-module__slider___JCS-c.ant-slider {
1009
+ margin-left: 0px;
1010
+ margin-right: 0px;
1070
1011
  }
1071
- .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
1072
- --tw-bg-opacity: 1;
1073
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1012
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
1013
+ box-shadow: 0 0 0 2px #ec5d25;
1014
+ transform: scale(1.25);
1074
1015
  }
1075
- .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
1076
- --tw-bg-opacity: 1;
1077
- background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1016
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
1017
+ content: unset;
1078
1018
  }
1079
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
1080
- --tw-bg-opacity: 1;
1081
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1019
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
1020
+ inset-inline-start: -1px;
1021
+ inset-block-start: -1px;
1082
1022
  }
1083
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
1023
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
1084
1024
  --tw-bg-opacity: 1;
1085
- background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
1025
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1026
+ height: 2px;
1086
1027
  }
1087
- .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
1088
- --tw-bg-opacity: 1;
1089
- background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
1028
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
1029
+ background-color: transparent;
1090
1030
  }
1091
- .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
1031
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
1092
1032
  --tw-bg-opacity: 1;
1093
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1033
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1094
1034
  }
1095
1035
 
1096
1036
  /* src/atom/Checkbox/Checkbox.module.scss */
@@ -1191,6 +1131,139 @@
1191
1131
  background: white;
1192
1132
  }
1193
1133
 
1134
+ /* src/atom/Tag/Tag.module.scss */
1135
+ .Tag-module__tag___PIkhI {
1136
+ border-radius: 0.25rem;
1137
+ padding: 0.25rem;
1138
+ font-weight: 500;
1139
+ font-size: 12px;
1140
+ line-height: .75rem;
1141
+ --tw-bg-opacity: 1;
1142
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1143
+ height: -moz-max-content;
1144
+ height: max-content;
1145
+ --tw-text-opacity: 1;
1146
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1147
+ border-width: 0px
1148
+ }
1149
+ .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
1150
+ padding-top: 2px;
1151
+ padding-bottom: 2px;
1152
+ padding-left: 0.25rem;
1153
+ padding-right: 0.25rem;
1154
+ font-size: 0.625rem;
1155
+ line-height: .75rem
1156
+ }
1157
+ .Tag-module__tag___PIkhI.Tag-module__success___99fad {
1158
+ --tw-bg-opacity: 1;
1159
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1160
+ }
1161
+ .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
1162
+ --tw-bg-opacity: 1;
1163
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1164
+ }
1165
+ .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
1166
+ --tw-bg-opacity: 1;
1167
+ background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
1168
+ }
1169
+ .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
1170
+ --tw-bg-opacity: 1;
1171
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1172
+ }
1173
+ .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
1174
+ --tw-bg-opacity: 1;
1175
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1176
+ }
1177
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
1178
+ --tw-bg-opacity: 1;
1179
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1180
+ }
1181
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
1182
+ --tw-bg-opacity: 1;
1183
+ background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
1184
+ }
1185
+ .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
1186
+ --tw-bg-opacity: 1;
1187
+ background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
1188
+ }
1189
+ .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
1190
+ --tw-bg-opacity: 1;
1191
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1192
+ }
1193
+
1194
+ /* src/atom/Modal/Modal.module.scss */
1195
+ .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1196
+ margin-top: 0;
1197
+ margin-top: 0px;
1198
+ }
1199
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
1200
+ padding: 24px;
1201
+ padding: 1.5rem;
1202
+ display: flex;
1203
+ justify-content: flex-end;
1204
+ }
1205
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
1206
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
1207
+ min-width: 92px;
1208
+ }
1209
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1210
+ padding: 24px;
1211
+ padding: 1.5rem;
1212
+ padding-top: 0px;
1213
+ display: flex;
1214
+ justify-content: flex-end;
1215
+ }
1216
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1217
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1218
+ width: 50%;
1219
+ }
1220
+ .Modal-module__modal___PKrAi .ant-modal-content {
1221
+ padding: 0;
1222
+ border-radius: 0.75rem;
1223
+ padding: 0px;
1224
+ }
1225
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1226
+ margin-bottom: 0px;
1227
+ padding: 1rem;
1228
+ }
1229
+ @media (min-width: 576px) {
1230
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1231
+ padding: 1.5rem;
1232
+ }
1233
+ }
1234
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1235
+ justify-content: flex-start;
1236
+ padding-right: 1.25rem;
1237
+ font-size: 1.25rem;
1238
+ font-weight: 500;
1239
+ line-height: 1.75rem;
1240
+ --tw-text-opacity: 1;
1241
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1242
+ }
1243
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1244
+ display: flex;
1245
+ align-items: flex-end;
1246
+ justify-content: center;
1247
+ }
1248
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1249
+ display: flex;
1250
+ align-items: center;
1251
+ justify-content: center;
1252
+ }
1253
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1254
+ padding: 0 1.5rem 1.5rem;
1255
+ max-height: 65vh;
1256
+ overflow: auto;
1257
+ }
1258
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1259
+ top: 1.5rem;
1260
+ right: 1.5rem;
1261
+ padding-bottom: 0.25rem;
1262
+ }
1263
+ .Modal-module__modal___PKrAi .ant-btn-primary {
1264
+ margin-inline-start: 0.5rem;
1265
+ }
1266
+
1194
1267
  /* src/atom/Radio/Radio.module.scss */
1195
1268
  .Radio-module__radio___1CPAk {
1196
1269
  display: flex;
@@ -1259,6 +1332,29 @@
1259
1332
  line-height: 20px;
1260
1333
  }
1261
1334
 
1335
+ /* src/molecules/UserProfile/UserProfile.module.scss */
1336
+ .UserProfile-module__userProfile___cRMm9 {
1337
+ display: flex;
1338
+ align-items: center;
1339
+ gap: 0.625rem
1340
+ }
1341
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1342
+ display: flex;
1343
+ flex-direction: column
1344
+ }
1345
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1346
+ display: flex;
1347
+ align-items: center;
1348
+ gap: 0.5rem
1349
+ }
1350
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1351
+ margin: 0px
1352
+ }
1353
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1354
+ margin: 0px;
1355
+ margin-top: 0.125rem
1356
+ }
1357
+
1262
1358
  /* src/atom/Table/Table.module.scss */
1263
1359
  @charset "UTF-8";
1264
1360
  /* ============================================================
@@ -1684,6 +1780,8 @@
1684
1780
  padding: 0;
1685
1781
  cursor: pointer;
1686
1782
  min-width: 0;
1783
+ font: inherit;
1784
+ color: inherit;
1687
1785
  }
1688
1786
  .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1689
1787
  outline: 2px solid #ec5d25;
@@ -1697,6 +1795,8 @@
1697
1795
  text-overflow: ellipsis;
1698
1796
  line-height: normal;
1699
1797
  text-transform: none !important;
1798
+ font: inherit;
1799
+ color: inherit;
1700
1800
  }
1701
1801
 
1702
1802
  .Table-module__columnHeaderSortIcon___mWVZN {
@@ -1772,102 +1872,6 @@
1772
1872
  min-width: 180px;
1773
1873
  }
1774
1874
 
1775
- /* src/molecules/UserProfile/UserProfile.module.scss */
1776
- .UserProfile-module__userProfile___cRMm9 {
1777
- display: flex;
1778
- align-items: center;
1779
- gap: 0.625rem
1780
- }
1781
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1782
- display: flex;
1783
- flex-direction: column
1784
- }
1785
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1786
- display: flex;
1787
- align-items: center;
1788
- gap: 0.5rem
1789
- }
1790
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1791
- margin: 0px
1792
- }
1793
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1794
- margin: 0px;
1795
- margin-top: 0.125rem
1796
- }
1797
-
1798
- /* src/atom/Modal/Modal.module.scss */
1799
- .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1800
- margin-top: 0;
1801
- margin-top: 0px;
1802
- }
1803
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
1804
- padding: 24px;
1805
- padding: 1.5rem;
1806
- display: flex;
1807
- justify-content: flex-end;
1808
- }
1809
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
1810
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
1811
- min-width: 92px;
1812
- }
1813
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1814
- padding: 24px;
1815
- padding: 1.5rem;
1816
- padding-top: 0px;
1817
- display: flex;
1818
- justify-content: flex-end;
1819
- }
1820
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1821
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1822
- width: 50%;
1823
- }
1824
- .Modal-module__modal___PKrAi .ant-modal-content {
1825
- padding: 0;
1826
- border-radius: 0.75rem;
1827
- padding: 0px;
1828
- }
1829
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1830
- margin-bottom: 0px;
1831
- padding: 1rem;
1832
- }
1833
- @media (min-width: 576px) {
1834
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1835
- padding: 1.5rem;
1836
- }
1837
- }
1838
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1839
- justify-content: flex-start;
1840
- padding-right: 1.25rem;
1841
- font-size: 1.25rem;
1842
- font-weight: 500;
1843
- line-height: 1.75rem;
1844
- --tw-text-opacity: 1;
1845
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1846
- }
1847
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1848
- display: flex;
1849
- align-items: flex-end;
1850
- justify-content: center;
1851
- }
1852
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1853
- display: flex;
1854
- align-items: center;
1855
- justify-content: center;
1856
- }
1857
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1858
- padding: 0 1.5rem 1.5rem;
1859
- max-height: 65vh;
1860
- overflow: auto;
1861
- }
1862
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1863
- top: 1.5rem;
1864
- right: 1.5rem;
1865
- padding-bottom: 0.25rem;
1866
- }
1867
- .Modal-module__modal___PKrAi .ant-btn-primary {
1868
- margin-inline-start: 0.5rem;
1869
- }
1870
-
1871
1875
  /* src/atom/RangePicker/RangePicker.module.scss */
1872
1876
  .RangePicker-module__range_start___hGQp-::after {
1873
1877
  content: "";
@@ -1949,8 +1953,8 @@
1949
1953
  display: flex;
1950
1954
  flex-direction: column;
1951
1955
  background: #ffffff;
1952
- max-height: 380px;
1953
1956
  overflow-y: auto;
1957
+ overflow-x: hidden;
1954
1958
  }
1955
1959
  @media (max-width: 768px) {
1956
1960
  .AdvancedDateRangePicker-module__left___T6E84 {
@@ -1973,7 +1977,9 @@
1973
1977
 
1974
1978
  .AdvancedDateRangePicker-module__sidebarItem___-NXPm {
1975
1979
  display: flex;
1976
- width: 142px;
1980
+ width: 100%;
1981
+ box-sizing: border-box;
1982
+ min-width: 0;
1977
1983
  margin: 2px 0;
1978
1984
  text-align: left;
1979
1985
  background: var(--White, #FFF);
@@ -1998,6 +2004,8 @@
1998
2004
  @media (max-width: 768px) {
1999
2005
  .AdvancedDateRangePicker-module__sidebarItem___-NXPm {
2000
2006
  width: auto;
2007
+ max-width: 140px;
2008
+ flex-shrink: 0;
2001
2009
  margin: 0;
2002
2010
  padding: 8px 16px;
2003
2011
  }
@@ -2010,6 +2018,14 @@
2010
2018
  border-radius: 6px !important;
2011
2019
  }
2012
2020
 
2021
+ .AdvancedDateRangePicker-module__sidebarItemText___X9qO- {
2022
+ display: block;
2023
+ width: 100%;
2024
+ overflow: hidden;
2025
+ text-overflow: ellipsis;
2026
+ white-space: nowrap;
2027
+ }
2028
+
2013
2029
  /* ====================================================================
2014
2030
  Main (Header + Body) — 567px (707 - 140)
2015
2031
  ==================================================================== */
@@ -2055,12 +2071,12 @@
2055
2071
 
2056
2072
  /* Timezone column — fixed 156px */
2057
2073
  .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
2058
- width: 156px;
2074
+ width: 140px;
2059
2075
  flex-shrink: 0;
2060
2076
  display: flex;
2061
2077
  flex-direction: column;
2062
2078
  gap: 10px;
2063
- padding: 20px 16px;
2079
+ padding: 12px 8px;
2064
2080
  border-right: 1px solid #e5e7eb;
2065
2081
  }
2066
2082
  .AdvancedDateRangePicker-module__singleCalendar___qy2-H .AdvancedDateRangePicker-module__timezoneWrapper___886Qm {
@@ -2100,7 +2116,7 @@
2100
2116
  display: flex;
2101
2117
  flex-direction: column;
2102
2118
  gap: 10px;
2103
- padding: 20px 8px;
2119
+ padding: 12px 8px;
2104
2120
  flex: 1;
2105
2121
  /* Except when used inside timezoneWrapper — that sets its own padding */
2106
2122
  }
@@ -2269,7 +2285,7 @@
2269
2285
  }
2270
2286
 
2271
2287
  .AdvancedDateRangePicker-module__dateInput___0t9ww {
2272
- width: 92px;
2288
+ width: 94px;
2273
2289
  height: 24px;
2274
2290
  box-sizing: border-box;
2275
2291
  display: flex;
@@ -2312,7 +2328,7 @@
2312
2328
  }
2313
2329
 
2314
2330
  .AdvancedDateRangePicker-module__timeInput___Jalr9 {
2315
- width: 70px;
2331
+ width: 84px;
2316
2332
  height: 24px;
2317
2333
  box-sizing: border-box;
2318
2334
  display: flex;
@@ -2426,4 +2442,17 @@
2426
2442
  width: 100%;
2427
2443
  padding: 14px;
2428
2444
  }
2445
+ }
2446
+
2447
+ @media (min-width: 769px) {
2448
+ .AdvancedDateRangePicker-module__root___udir8:not(.AdvancedDateRangePicker-module__singleCalendar___qy2-H):not(.AdvancedDateRangePicker-module__hidePresets___-m2-P) .AdvancedDateRangePicker-module__inner___P4OHa {
2449
+ position: relative;
2450
+ padding-left: 158px;
2451
+ }
2452
+ .AdvancedDateRangePicker-module__root___udir8:not(.AdvancedDateRangePicker-module__singleCalendar___qy2-H):not(.AdvancedDateRangePicker-module__hidePresets___-m2-P) .AdvancedDateRangePicker-module__left___T6E84 {
2453
+ position: absolute;
2454
+ left: 0;
2455
+ top: 0;
2456
+ bottom: 0;
2457
+ }
2429
2458
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itilite/lumina-ui",
3
- "version": "1.0.14-alpha",
3
+ "version": "1.0.15-alpha",
4
4
  "description": "Itilite Lumina Design System UI Components",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",