@itilite/lumina-ui 1.0.11-alpha → 1.0.12-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,14 +762,64 @@
762
762
 
763
763
 
764
764
  /* CSS Modules */
765
- /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
766
- .LoadingSpinner-module__spinnerContainer___DiPLf {
767
- display: flex;
768
- justify-content: center;
769
- align-items: center;
770
- height: 100%;
771
- margin-top: 2rem;
772
- margin-bottom: 2rem;
765
+ /* src/atom/Tag/Tag.module.scss */
766
+ .Tag-module__tag___PIkhI {
767
+ border-radius: 0.25rem;
768
+ padding: 0.25rem;
769
+ font-weight: 500;
770
+ font-size: 12px;
771
+ line-height: .75rem;
772
+ --tw-bg-opacity: 1;
773
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
774
+ height: -moz-max-content;
775
+ height: max-content;
776
+ --tw-text-opacity: 1;
777
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
778
+ border-width: 0px
779
+ }
780
+ .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
781
+ padding-top: 2px;
782
+ padding-bottom: 2px;
783
+ padding-left: 0.25rem;
784
+ padding-right: 0.25rem;
785
+ font-size: 0.625rem;
786
+ line-height: .75rem
787
+ }
788
+ .Tag-module__tag___PIkhI.Tag-module__success___99fad {
789
+ --tw-bg-opacity: 1;
790
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
791
+ }
792
+ .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
793
+ --tw-bg-opacity: 1;
794
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
795
+ }
796
+ .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
797
+ --tw-bg-opacity: 1;
798
+ background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
799
+ }
800
+ .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
801
+ --tw-bg-opacity: 1;
802
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
803
+ }
804
+ .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
805
+ --tw-bg-opacity: 1;
806
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
807
+ }
808
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
809
+ --tw-bg-opacity: 1;
810
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
811
+ }
812
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
813
+ --tw-bg-opacity: 1;
814
+ background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
815
+ }
816
+ .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
817
+ --tw-bg-opacity: 1;
818
+ background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
819
+ }
820
+ .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
821
+ --tw-bg-opacity: 1;
822
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
773
823
  }
774
824
 
775
825
  /* src/atom/Checkbox/Checkbox.module.scss */
@@ -870,40 +920,22 @@
870
920
  background: white;
871
921
  }
872
922
 
873
- /* src/atom/Slider/Slider.module.scss */
874
- .Slider-module__label___9Uea- {
875
- font-size: 13px;
876
- line-height: 18px;
877
- --tw-text-opacity: 1;
878
- color: rgb(54 62 79 / var(--tw-text-opacity, 1));
879
- }
880
-
881
- .Slider-module__slider___JCS-c.ant-slider {
882
- margin-left: 0px;
883
- margin-right: 0px;
884
- }
885
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
886
- box-shadow: 0 0 0 2px #ec5d25;
887
- transform: scale(1.25);
888
- }
889
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
890
- content: unset;
891
- }
892
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
893
- inset-inline-start: -1px;
894
- inset-block-start: -1px;
923
+ /* src/atom/Switch/Switch.module.scss */
924
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
925
+ height: 0.75rem;
926
+ min-width: 1.5rem
895
927
  }
896
- .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
897
- --tw-bg-opacity: 1;
898
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
899
- height: 2px;
928
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
929
+ height: 0.5rem;
930
+ width: 0.5rem
900
931
  }
901
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
902
- background-color: transparent;
932
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
933
+ --tw-bg-opacity: 1;
934
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
903
935
  }
904
- .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
905
- --tw-bg-opacity: 1;
906
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
936
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
937
+ --tw-bg-opacity: 1;
938
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
907
939
  }
908
940
 
909
941
  /* src/atom/Button/Button.module.scss */
@@ -1113,82 +1145,141 @@
1113
1145
  background-color: white !important;
1114
1146
  }
1115
1147
 
1116
- /* src/atom/Switch/Switch.module.scss */
1117
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
1118
- height: 0.75rem;
1119
- min-width: 1.5rem
1148
+ /* src/atom/LoadingSpinner/LoadingSpinner.module.scss */
1149
+ .LoadingSpinner-module__spinnerContainer___DiPLf {
1150
+ display: flex;
1151
+ justify-content: center;
1152
+ align-items: center;
1153
+ height: 100%;
1154
+ margin-top: 2rem;
1155
+ margin-bottom: 2rem;
1120
1156
  }
1121
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
1122
- height: 0.5rem;
1123
- width: 0.5rem
1157
+
1158
+ /* src/molecules/UserProfile/UserProfile.module.scss */
1159
+ .UserProfile-module__userProfile___cRMm9 {
1160
+ display: flex;
1161
+ align-items: center;
1162
+ gap: 0.625rem
1124
1163
  }
1125
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
1126
- --tw-bg-opacity: 1;
1127
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1164
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1165
+ display: flex;
1166
+ flex-direction: column
1128
1167
  }
1129
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
1130
- --tw-bg-opacity: 1;
1131
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1168
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1169
+ display: flex;
1170
+ align-items: center;
1171
+ gap: 0.5rem
1172
+ }
1173
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1174
+ margin: 0px
1175
+ }
1176
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1177
+ margin: 0px;
1178
+ margin-top: 0.125rem
1132
1179
  }
1133
1180
 
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;
1181
+ /* src/atom/Slider/Slider.module.scss */
1182
+ .Slider-module__label___9Uea- {
1183
+ font-size: 13px;
1184
+ line-height: 18px;
1145
1185
  --tw-text-opacity: 1;
1146
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1147
- border-width: 0px
1186
+ color: rgb(54 62 79 / var(--tw-text-opacity, 1));
1148
1187
  }
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
1188
+
1189
+ .Slider-module__slider___JCS-c.ant-slider {
1190
+ margin-left: 0px;
1191
+ margin-right: 0px;
1156
1192
  }
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))
1193
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::after {
1194
+ box-shadow: 0 0 0 2px #ec5d25;
1195
+ transform: scale(1.25);
1160
1196
  }
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))
1197
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle::before {
1198
+ content: unset;
1164
1199
  }
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))
1200
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:hover::after, .Slider-module__slider___JCS-c.ant-slider .ant-slider-handle:active::after {
1201
+ inset-inline-start: -1px;
1202
+ inset-block-start: -1px;
1168
1203
  }
1169
- .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
1204
+ .Slider-module__slider___JCS-c.ant-slider .ant-slider-track {
1170
1205
  --tw-bg-opacity: 1;
1171
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1206
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1207
+ height: 2px;
1172
1208
  }
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))
1209
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy.ant-slider .ant-slider-track {
1210
+ background-color: transparent;
1176
1211
  }
1177
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
1212
+ .Slider-module__slider___JCS-c.Slider-module__disableFill___rjbsy .ant-slider-rail {
1178
1213
  --tw-bg-opacity: 1;
1179
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1214
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1180
1215
  }
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))
1216
+
1217
+ /* src/atom/Radio/Radio.module.scss */
1218
+ .Radio-module__radio___1CPAk {
1219
+ display: flex;
1220
+ align-items: center;
1184
1221
  }
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))
1222
+ .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
1223
+ height: 16px;
1224
+ width: 16px;
1188
1225
  }
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))
1226
+ .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
1227
+ height: 20px;
1228
+ width: 20px;
1229
+ }
1230
+ .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
1231
+ height: 24px;
1232
+ width: 24px;
1233
+ }
1234
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
1235
+ border-color: #EC5D25;
1236
+ background-color: #EC5D25;
1237
+ }
1238
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
1239
+ border-color: #B94710;
1240
+ background-color: #B94710;
1241
+ }
1242
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
1243
+ outline: 2px solid #0A65E7;
1244
+ }
1245
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
1246
+ cursor: not-allowed;
1247
+ }
1248
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
1249
+ border-color: #B6BAC3;
1250
+ background-color: #B6BAC3;
1251
+ }
1252
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
1253
+ transform: scale(0.375);
1254
+ background-color: #FFFFFF;
1255
+ }
1256
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
1257
+ border-color: #B6BAC3;
1258
+ }
1259
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
1260
+ border-color: #6B7280;
1261
+ }
1262
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
1263
+ outline: 2px solid #0A65E7;
1264
+ }
1265
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
1266
+ cursor: not-allowed;
1267
+ }
1268
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
1269
+ border-color: #B6BAC3;
1270
+ background-color: #F9FAFB;
1271
+ }
1272
+ .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
1273
+ color: #363E4F;
1274
+ font-weight: 400;
1275
+ font-size: 0.875rem;
1276
+ line-height: 20px;
1277
+ }
1278
+ .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
1279
+ color: #363E4F;
1280
+ font-weight: 500;
1281
+ font-size: 0.875rem;
1282
+ line-height: 20px;
1192
1283
  }
1193
1284
 
1194
1285
  /* src/atom/Table/Table.module.scss */
@@ -1686,74 +1777,6 @@
1686
1777
  min-width: 180px;
1687
1778
  }
1688
1779
 
1689
- /* src/atom/Radio/Radio.module.scss */
1690
- .Radio-module__radio___1CPAk {
1691
- display: flex;
1692
- align-items: center;
1693
- }
1694
- .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
1695
- height: 16px;
1696
- width: 16px;
1697
- }
1698
- .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
1699
- height: 20px;
1700
- width: 20px;
1701
- }
1702
- .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
1703
- height: 24px;
1704
- width: 24px;
1705
- }
1706
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
1707
- border-color: #EC5D25;
1708
- background-color: #EC5D25;
1709
- }
1710
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
1711
- border-color: #B94710;
1712
- background-color: #B94710;
1713
- }
1714
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
1715
- outline: 2px solid #0A65E7;
1716
- }
1717
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
1718
- cursor: not-allowed;
1719
- }
1720
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
1721
- border-color: #B6BAC3;
1722
- background-color: #B6BAC3;
1723
- }
1724
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
1725
- transform: scale(0.375);
1726
- background-color: #FFFFFF;
1727
- }
1728
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
1729
- border-color: #B6BAC3;
1730
- }
1731
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
1732
- border-color: #6B7280;
1733
- }
1734
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
1735
- outline: 2px solid #0A65E7;
1736
- }
1737
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
1738
- cursor: not-allowed;
1739
- }
1740
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
1741
- border-color: #B6BAC3;
1742
- background-color: #F9FAFB;
1743
- }
1744
- .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
1745
- color: #363E4F;
1746
- font-weight: 400;
1747
- font-size: 0.875rem;
1748
- line-height: 20px;
1749
- }
1750
- .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
1751
- color: #363E4F;
1752
- font-weight: 500;
1753
- font-size: 0.875rem;
1754
- line-height: 20px;
1755
- }
1756
-
1757
1780
  /* src/atom/Modal/Modal.module.scss */
1758
1781
  .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1759
1782
  margin-top: 0;
@@ -1827,29 +1850,6 @@
1827
1850
  margin-inline-start: 0.5rem;
1828
1851
  }
1829
1852
 
1830
- /* src/molecules/UserProfile/UserProfile.module.scss */
1831
- .UserProfile-module__userProfile___cRMm9 {
1832
- display: flex;
1833
- align-items: center;
1834
- gap: 0.625rem
1835
- }
1836
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1837
- display: flex;
1838
- flex-direction: column
1839
- }
1840
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1841
- display: flex;
1842
- align-items: center;
1843
- gap: 0.5rem
1844
- }
1845
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1846
- margin: 0px
1847
- }
1848
- .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1849
- margin: 0px;
1850
- margin-top: 0.125rem
1851
- }
1852
-
1853
1853
  /* src/atom/RangePicker/RangePicker.module.scss */
1854
1854
  .RangePicker-module__range_start___hGQp-::after {
1855
1855
  content: "";
@@ -1896,6 +1896,14 @@
1896
1896
  width: 100%;
1897
1897
  max-width: 450px;
1898
1898
  }
1899
+ }
1900
+ .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__hidePresets___-m2-P {
1901
+ width: 549px;
1902
+ }
1903
+ .AdvancedDateRangePicker-module__root___udir8.AdvancedDateRangePicker-module__hidePresets___-m2-P.AdvancedDateRangePicker-module__singleCalendar___qy2-H {
1904
+ width: 292px;
1905
+ }
1906
+ @media (max-width: 768px) {
1899
1907
  .AdvancedDateRangePicker-module__root___udir8 {
1900
1908
  width: 100%;
1901
1909
  max-width: 450px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itilite/lumina-ui",
3
- "version": "1.0.11-alpha",
3
+ "version": "1.0.12-alpha",
4
4
  "description": "Itilite Lumina Design System UI Components",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",