@itilite/lumina-ui 1.0.8-alpha → 1.0.9-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
@@ -798,37 +798,6 @@
798
798
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
799
799
  }
800
800
 
801
- /* src/atom/Switch/Switch.module.scss */
802
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
803
- height: 0.75rem;
804
- min-width: 1.5rem
805
- }
806
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
807
- height: 0.5rem;
808
- width: 0.5rem
809
- }
810
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
811
- --tw-bg-opacity: 1;
812
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
813
- }
814
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
815
- --tw-bg-opacity: 1;
816
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
817
- }
818
-
819
- /* src/atom/Tooltip/Tooltip.module.scss */
820
- .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
821
- background-color: white !important;
822
- color: #111827;
823
- border-radius: 0.5rem;
824
- padding: 0.625rem;
825
- --tw-text-opacity: 1;
826
- color: rgb(33 40 55 / var(--tw-text-opacity, 1));
827
- }
828
- .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
829
- background-color: white !important;
830
- }
831
-
832
801
  /* src/atom/Button/Button.module.scss */
833
802
  .Button-module__button___cLCyl {
834
803
  display: flex;
@@ -1023,6 +992,42 @@
1023
992
  outline: none;
1024
993
  }
1025
994
 
995
+ /* src/molecules/UserProfile/UserProfile.module.scss */
996
+ .UserProfile-module__userProfile___cRMm9 {
997
+ display: flex;
998
+ align-items: center;
999
+ gap: 0.625rem
1000
+ }
1001
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E {
1002
+ display: flex;
1003
+ flex-direction: column
1004
+ }
1005
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt {
1006
+ display: flex;
1007
+ align-items: center;
1008
+ gap: 0.5rem
1009
+ }
1010
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileHeader___5qYbt .UserProfile-module__profileName___x8pg- {
1011
+ margin: 0px
1012
+ }
1013
+ .UserProfile-module__userProfile___cRMm9 .UserProfile-module__profileContent___tfy8E .UserProfile-module__profileEmail___ZWKDd {
1014
+ margin: 0px;
1015
+ margin-top: 0.125rem
1016
+ }
1017
+
1018
+ /* src/atom/Tooltip/Tooltip.module.scss */
1019
+ .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
1020
+ background-color: white !important;
1021
+ color: #111827;
1022
+ border-radius: 0.5rem;
1023
+ padding: 0.625rem;
1024
+ --tw-text-opacity: 1;
1025
+ color: rgb(33 40 55 / var(--tw-text-opacity, 1));
1026
+ }
1027
+ .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
1028
+ background-color: white !important;
1029
+ }
1030
+
1026
1031
  /* src/atom/Checkbox/Checkbox.module.scss */
1027
1032
  .Checkbox-module__checkbox___xxg5L {
1028
1033
  display: flex;
@@ -1131,348 +1136,124 @@
1131
1136
  margin-bottom: 2rem;
1132
1137
  }
1133
1138
 
1134
- /* src/atom/Modal/Modal.module.scss */
1135
- .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1136
- margin-top: 0;
1137
- margin-top: 0px;
1138
- }
1139
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
1140
- padding: 24px;
1141
- padding: 1.5rem;
1142
- display: flex;
1143
- justify-content: flex-end;
1139
+ /* src/atom/Table/Table.module.scss */
1140
+ @charset "UTF-8";
1141
+ /* ============================================================
1142
+ Outer wrapper — the rounded gray card that contains the table
1143
+ ============================================================ */
1144
+ .Table-module__tableWrapper___3cqiD{
1145
+ border-radius: 0.75rem;
1146
+ border-width: 1px;
1147
+ border-style: solid;
1148
+ --tw-border-opacity: 1;
1149
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1150
+ --tw-bg-opacity: 1;
1151
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1152
+ overflow: hidden;
1144
1153
  }
1145
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
1146
- .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
1147
- min-width: 92px;
1154
+ .Table-module__tableWrapper___3cqiD.Table-module__isAccordion___-uIs6, .Table-module__tableWrapper___3cqiD.Table-module__isToolbar___LdS-m {
1155
+ background: transparent !important;
1156
+ border: none !important;
1157
+ border-radius: 0;
1158
+ padding: 0;
1148
1159
  }
1149
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1150
- padding: 24px;
1151
- padding: 1.5rem;
1152
- padding-top: 0px;
1153
- display: flex;
1154
- justify-content: flex-end;
1160
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th:not(.Table-module__ant-table-selection-column___H9vtu),
1161
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td:not(.Table-module__ant-table-selection-column___H9vtu){
1162
+ padding-left: 1.5rem !important;
1163
+ padding-right: 1.5rem !important;
1164
+ padding-bottom: 1rem !important;
1165
+ padding-top: 0.75rem !important;
1155
1166
  }
1156
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1157
- .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1158
- width: 50%;
1167
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1168
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td{
1169
+ --tw-text-opacity: 1 !important;
1170
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
1171
+ font-weight: 500 !important;
1172
+ font-size: 0.688rem !important;
1173
+ line-height: 14px !important;
1159
1174
  }
1160
- .Modal-module__modal___PKrAi .ant-modal-content {
1161
- padding: 0;
1162
- border-radius: 0.75rem;
1163
- padding: 0px;
1175
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomBodyCell___sf8j8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td:not(.Table-module__ant-table-selection-column___H9vtu){
1176
+ padding-left: 1.5rem;
1177
+ padding-right: 1.5rem;
1178
+ padding-top: 1rem;
1179
+ padding-bottom: 1rem;
1164
1180
  }
1165
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1166
- margin-bottom: 0px;
1167
- padding: 1rem;
1181
+ .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomBodyCell___sf8j8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td{
1182
+ --tw-text-opacity: 1 !important;
1183
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
1184
+ font-weight: 400 !important;
1185
+ font-size: 0.75rem !important;
1186
+ line-height: 16px !important;
1168
1187
  }
1169
- @media (min-width: 576px) {
1170
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1171
- padding: 1.5rem;
1172
- }
1188
+
1189
+ /* ============================================================
1190
+ AntD Table overrides
1191
+ ============================================================ */
1192
+ .Table-module__table___5d7g0.ant-table-wrapper {
1193
+ padding: 4px;
1194
+ background: #F1F3F5;
1173
1195
  }
1174
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1175
- justify-content: flex-start;
1176
- padding-right: 1.25rem;
1177
- font-size: 1.25rem;
1178
- font-weight: 500;
1179
- line-height: 1.75rem;
1180
- --tw-text-opacity: 1;
1181
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1196
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table{
1197
+ background-color: transparent;
1198
+ font-size: 0.875rem;
1199
+ line-height: 1.25rem;
1182
1200
  }
1183
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1184
- display: flex;
1185
- align-items: flex-end;
1186
- justify-content: center;
1201
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-container {
1202
+ /* Lift the white body card off the gray wrapper */
1203
+ filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.06));
1187
1204
  }
1188
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1189
- display: flex;
1190
- align-items: center;
1191
- justify-content: center;
1205
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1206
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1207
+ background: transparent !important;
1208
+ border-bottom: none !important;
1192
1209
  }
1193
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1194
- padding: 0 1.5rem 1.5rem;
1195
- max-height: 65vh;
1196
- overflow: auto;
1210
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th::before,
1211
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td::before {
1212
+ display: none !important;
1197
1213
  }
1198
- .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1199
- top: 1.5rem;
1200
- right: 1.5rem;
1201
- padding-bottom: 0.25rem;
1214
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1215
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1216
+ /* Fixed columns need a solid background to prevent overlapping */
1202
1217
  }
1203
- .Modal-module__modal___PKrAi .ant-btn-primary {
1204
- margin-inline-start: 0.5rem;
1218
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th.ant-table-cell-fix-left, .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th.ant-table-cell-fix-right,
1219
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-left,
1220
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-right {
1221
+ background: #F1F3F5 !important;
1222
+ z-index: 2 !important;
1205
1223
  }
1206
-
1207
- /* src/atom/Tag/Tag.module.scss */
1208
- .Tag-module__tag___PIkhI {
1209
- border-radius: 0.25rem;
1210
- padding: 0.25rem;
1211
- font-weight: 500;
1212
- font-size: 12px;
1213
- line-height: .75rem;
1214
- --tw-bg-opacity: 1;
1215
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1216
- height: -moz-max-content;
1217
- height: max-content;
1218
- --tw-text-opacity: 1;
1219
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1220
- border-width: 0px
1224
+ .Table-module__table___5d7g0.ant-table-wrapper {
1225
+ /* ---- Force Fix Column Shadow Always Visible ---- */
1221
1226
  }
1222
- .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
1223
- padding-top: 2px;
1224
- padding-bottom: 2px;
1225
- padding-left: 0.25rem;
1226
- padding-right: 0.25rem;
1227
- font-size: 0.625rem;
1228
- line-height: .75rem
1227
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-left-last::after {
1228
+ position: absolute;
1229
+ top: 0;
1230
+ right: 0;
1231
+ bottom: -1px;
1232
+ width: 40px;
1233
+ transform: translateX(100%);
1234
+ transition: box-shadow 0.3s;
1235
+ content: "";
1236
+ pointer-events: none;
1237
+ /* Large, soft shadow extending right */
1238
+ box-shadow: inset 20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1239
+ opacity: 1 !important;
1229
1240
  }
1230
- .Tag-module__tag___PIkhI.Tag-module__success___99fad {
1231
- --tw-bg-opacity: 1;
1232
- background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1241
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-right-first::after {
1242
+ position: absolute;
1243
+ top: 0;
1244
+ bottom: -1px;
1245
+ left: 0;
1246
+ width: 40px;
1247
+ transform: translateX(-100%);
1248
+ transition: box-shadow 0.3s;
1249
+ content: "";
1250
+ pointer-events: none;
1251
+ /* Large, soft shadow extending left */
1252
+ box-shadow: inset -20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1253
+ opacity: 1 !important;
1233
1254
  }
1234
- .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
1235
- --tw-bg-opacity: 1;
1236
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1237
- }
1238
- .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
1239
- --tw-bg-opacity: 1;
1240
- background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
1241
- }
1242
- .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
1243
- --tw-bg-opacity: 1;
1244
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1245
- }
1246
- .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
1247
- --tw-bg-opacity: 1;
1248
- background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1249
- }
1250
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
1251
- --tw-bg-opacity: 1;
1252
- background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1253
- }
1254
- .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
1255
- --tw-bg-opacity: 1;
1256
- background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
1257
- }
1258
- .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
1259
- --tw-bg-opacity: 1;
1260
- background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
1261
- }
1262
- .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
1263
- --tw-bg-opacity: 1;
1264
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1265
- }
1266
-
1267
- /* src/atom/Radio/Radio.module.scss */
1268
- .Radio-module__radio___1CPAk {
1269
- display: flex;
1270
- align-items: center;
1271
- }
1272
- .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
1273
- height: 16px;
1274
- width: 16px;
1275
- }
1276
- .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
1277
- height: 20px;
1278
- width: 20px;
1279
- }
1280
- .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
1281
- height: 24px;
1282
- width: 24px;
1283
- }
1284
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
1285
- border-color: #EC5D25;
1286
- background-color: #EC5D25;
1287
- }
1288
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
1289
- border-color: #B94710;
1290
- background-color: #B94710;
1291
- }
1292
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
1293
- outline: 2px solid #0A65E7;
1294
- }
1295
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
1296
- cursor: not-allowed;
1297
- }
1298
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
1299
- border-color: #B6BAC3;
1300
- background-color: #B6BAC3;
1301
- }
1302
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
1303
- transform: scale(0.375);
1304
- background-color: #FFFFFF;
1305
- }
1306
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
1307
- border-color: #B6BAC3;
1308
- }
1309
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
1310
- border-color: #6B7280;
1311
- }
1312
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
1313
- outline: 2px solid #0A65E7;
1314
- }
1315
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
1316
- cursor: not-allowed;
1317
- }
1318
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
1319
- border-color: #B6BAC3;
1320
- background-color: #F9FAFB;
1321
- }
1322
- .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
1323
- color: #363E4F;
1324
- font-weight: 400;
1325
- font-size: 0.875rem;
1326
- line-height: 20px;
1327
- }
1328
- .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
1329
- color: #363E4F;
1330
- font-weight: 500;
1331
- font-size: 0.875rem;
1332
- line-height: 20px;
1333
- }
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
-
1358
- /* src/atom/Table/Table.module.scss */
1359
- @charset "UTF-8";
1360
- /* ============================================================
1361
- Outer wrapper — the rounded gray card that contains the table
1362
- ============================================================ */
1363
- .Table-module__tableWrapper___3cqiD{
1364
- border-radius: 0.75rem;
1365
- border-width: 1px;
1366
- border-style: solid;
1367
- --tw-border-opacity: 1;
1368
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1369
- --tw-bg-opacity: 1;
1370
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1371
- overflow: hidden;
1372
- }
1373
- .Table-module__tableWrapper___3cqiD.Table-module__isAccordion___-uIs6, .Table-module__tableWrapper___3cqiD.Table-module__isToolbar___LdS-m {
1374
- background: transparent !important;
1375
- border: none !important;
1376
- border-radius: 0;
1377
- padding: 0;
1378
- }
1379
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th:not(.Table-module__ant-table-selection-column___H9vtu),
1380
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td:not(.Table-module__ant-table-selection-column___H9vtu){
1381
- padding-left: 1.5rem !important;
1382
- padding-right: 1.5rem !important;
1383
- padding-bottom: 1rem !important;
1384
- padding-top: 0.75rem !important;
1385
- }
1386
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1387
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomHeaderCell___AtCk8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td{
1388
- --tw-text-opacity: 1 !important;
1389
- color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
1390
- font-weight: 500 !important;
1391
- font-size: 0.688rem !important;
1392
- line-height: 14px !important;
1393
- }
1394
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomBodyCell___sf8j8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td:not(.Table-module__ant-table-selection-column___H9vtu){
1395
- padding-left: 1.5rem;
1396
- padding-right: 1.5rem;
1397
- padding-top: 1rem;
1398
- padding-bottom: 1rem;
1399
- }
1400
- .Table-module__tableWrapper___3cqiD:not(.Table-module__hasCustomBodyCell___sf8j8) .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td{
1401
- --tw-text-opacity: 1 !important;
1402
- color: rgb(17 24 39 / var(--tw-text-opacity, 1)) !important;
1403
- font-weight: 400 !important;
1404
- font-size: 0.75rem !important;
1405
- line-height: 16px !important;
1406
- }
1407
-
1408
- /* ============================================================
1409
- AntD Table overrides
1410
- ============================================================ */
1411
- .Table-module__table___5d7g0.ant-table-wrapper {
1412
- padding: 4px;
1413
- background: #F1F3F5;
1414
- }
1415
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table{
1416
- background-color: transparent;
1417
- font-size: 0.875rem;
1418
- line-height: 1.25rem;
1419
- }
1420
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-container {
1421
- /* Lift the white body card off the gray wrapper */
1422
- filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.06));
1423
- }
1424
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1425
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1426
- background: transparent !important;
1427
- border-bottom: none !important;
1428
- }
1429
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th::before,
1430
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td::before {
1431
- display: none !important;
1432
- }
1433
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th,
1434
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td {
1435
- /* Fixed columns need a solid background to prevent overlapping */
1436
- }
1437
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th.ant-table-cell-fix-left, .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > th.ant-table-cell-fix-right,
1438
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-left,
1439
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-thead > tr > td.ant-table-cell-fix-right {
1440
- background: #F1F3F5 !important;
1441
- z-index: 2 !important;
1442
- }
1443
- .Table-module__table___5d7g0.ant-table-wrapper {
1444
- /* ---- Force Fix Column Shadow Always Visible ---- */
1445
- }
1446
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-left-last::after {
1447
- position: absolute;
1448
- top: 0;
1449
- right: 0;
1450
- bottom: -1px;
1451
- width: 40px;
1452
- transform: translateX(100%);
1453
- transition: box-shadow 0.3s;
1454
- content: "";
1455
- pointer-events: none;
1456
- /* Large, soft shadow extending right */
1457
- box-shadow: inset 20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1458
- opacity: 1 !important;
1459
- }
1460
- .Table-module__table___5d7g0.ant-table-wrapper .ant-table-cell-fix-right-first::after {
1461
- position: absolute;
1462
- top: 0;
1463
- bottom: -1px;
1464
- left: 0;
1465
- width: 40px;
1466
- transform: translateX(-100%);
1467
- transition: box-shadow 0.3s;
1468
- content: "";
1469
- pointer-events: none;
1470
- /* Large, soft shadow extending left */
1471
- box-shadow: inset -20px 0 20px -20px rgba(0, 0, 0, 0.15) !important;
1472
- opacity: 1 !important;
1473
- }
1474
- .Table-module__table___5d7g0.ant-table-wrapper {
1475
- /* ---- Body cells ---- */
1255
+ .Table-module__table___5d7g0.ant-table-wrapper {
1256
+ /* ---- Body cells ---- */
1476
1257
  }
1477
1258
  .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr > td{
1478
1259
  --tw-bg-opacity: 1 !important;
@@ -1691,163 +1472,407 @@
1691
1472
  background-color: #ec5d25 !important;
1692
1473
  border-color: #ec5d25 !important;
1693
1474
  }
1694
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
1695
- inset-inline-start: 25% !important;
1475
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
1476
+ inset-inline-start: 25% !important;
1477
+ }
1478
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner {
1479
+ border-color: #ec5d25 !important;
1480
+ }
1481
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1482
+ background-color: #ec5d25 !important;
1483
+ }
1484
+ .Table-module__table___5d7g0.ant-table-wrapper {
1485
+ /* Hover state border to orange */
1486
+ }
1487
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1488
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1489
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1490
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1491
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1492
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
1493
+ border-color: #ec5d25 !important;
1494
+ }
1495
+ .Table-module__table___5d7g0.ant-table-wrapper {
1496
+ /* Active ripple effect/focus ring to orange */
1497
+ }
1498
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked::after {
1499
+ border-color: #ec5d25 !important;
1500
+ }
1501
+ .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
1502
+ border-color: #ec5d25 !important;
1503
+ }
1504
+
1505
+ /* Global un-nested scope for Portals (Pagination Select Dropdown) */
1506
+ .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
1507
+ background-color: #FFF1E1 !important;
1508
+ color: #374151 !important;
1509
+ }
1510
+
1511
+ /* ============================================================
1512
+ Variant modifiers
1513
+ ============================================================ */
1514
+ /* hover variant — rows tint on mouse-over */
1515
+ .Table-module__showHoverEffect___IyKyO .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1516
+ --tw-bg-opacity: 1 !important;
1517
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
1518
+ }
1519
+
1520
+ .Table-module__columnHeader___Unr6d {
1521
+ display: flex;
1522
+ align-items: center;
1523
+ justify-content: space-between;
1524
+ width: 100%;
1525
+ gap: 8px;
1526
+ }
1527
+
1528
+ .Table-module__columnHeaderLeft___mp7pK {
1529
+ display: flex;
1530
+ align-items: center;
1531
+ gap: 4px;
1532
+ min-width: 0;
1533
+ flex: 1;
1534
+ }
1535
+
1536
+ /* Clickable sort area (label + sort arrow) */
1537
+ .Table-module__columnHeaderSortArea___jrIYo {
1538
+ display: inline-flex;
1539
+ align-items: center;
1540
+ gap: 6px;
1541
+ background: none;
1542
+ border: none;
1543
+ padding: 0;
1544
+ cursor: pointer;
1545
+ min-width: 0;
1546
+ }
1547
+ .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1548
+ outline: 2px solid #ec5d25;
1549
+ outline-offset: 2px;
1550
+ border-radius: 3px;
1551
+ }
1552
+
1553
+ .Table-module__columnHeaderLabel___A-mRu {
1554
+ white-space: nowrap;
1555
+ overflow: hidden;
1556
+ text-overflow: ellipsis;
1557
+ line-height: normal;
1558
+ text-transform: none !important;
1559
+ }
1560
+
1561
+ .Table-module__columnHeaderSortIcon___mWVZN {
1562
+ display: inline-flex;
1563
+ align-items: center;
1564
+ flex-shrink: 0;
1565
+ color: #d1d5db;
1566
+ /* muted when unsorted */
1567
+ line-height: 0;
1568
+ }
1569
+ .Table-module__columnHeaderSortIcon___mWVZN.Table-module__columnHeaderSortIconActive___wHAqC {
1570
+ color: #374151;
1571
+ /* prominent when sort is applied */
1572
+ }
1573
+
1574
+ /* Filter icon button */
1575
+ .Table-module__columnHeaderFilterWrapper___DnSve {
1576
+ position: relative;
1577
+ flex-shrink: 0;
1578
+ }
1579
+
1580
+ .Table-module__columnHeaderFilterBtn___NR7DY {
1581
+ display: inline-flex;
1582
+ align-items: center;
1583
+ gap: 3px;
1584
+ background: none;
1585
+ border: none;
1586
+ padding: 2px 3px;
1587
+ cursor: pointer;
1588
+ color: #9ca3af;
1589
+ line-height: 0;
1590
+ border-radius: 4px;
1591
+ transition: color 0.15s, background 0.15s;
1592
+ }
1593
+ .Table-module__columnHeaderFilterBtn___NR7DY:hover {
1594
+ color: #6b7280;
1595
+ background: #f3f4f6;
1596
+ }
1597
+ .Table-module__columnHeaderFilterBtn___NR7DY:focus-visible {
1598
+ outline: 2px solid #ec5d25;
1599
+ outline-offset: 1px;
1600
+ }
1601
+ .Table-module__columnHeaderFilterBtn___NR7DY.Table-module__columnHeaderFilterBtnActive___JdO11 {
1602
+ color: #ec5d25;
1603
+ /* brand red when filter is applied */
1604
+ }
1605
+
1606
+ .Table-module__columnHeaderFilterBadge___-Q2T2 {
1607
+ display: inline-flex;
1608
+ align-items: center;
1609
+ justify-content: center;
1610
+ min-width: 15px;
1611
+ height: 15px;
1612
+ padding: 0 4px;
1613
+ background: #ec5d25;
1614
+ color: #fff;
1615
+ font-size: 10px;
1616
+ font-weight: 600;
1617
+ border-radius: 8px;
1618
+ line-height: 1;
1619
+ }
1620
+
1621
+ /* Dropdown that renders children from the consumer */
1622
+ .Table-module__columnHeaderFilterDropdown___M-fD4 {
1623
+ position: absolute;
1624
+ top: calc(100% + 6px);
1625
+ right: 0;
1626
+ z-index: 100;
1627
+ background: #fff;
1628
+ border: 1px solid #e5e7eb;
1629
+ border-radius: 8px;
1630
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
1631
+ min-width: 180px;
1632
+ }
1633
+
1634
+ /* src/atom/Radio/Radio.module.scss */
1635
+ .Radio-module__radio___1CPAk {
1636
+ display: flex;
1637
+ align-items: center;
1638
+ }
1639
+ .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
1640
+ height: 16px;
1641
+ width: 16px;
1642
+ }
1643
+ .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
1644
+ height: 20px;
1645
+ width: 20px;
1646
+ }
1647
+ .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
1648
+ height: 24px;
1649
+ width: 24px;
1650
+ }
1651
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
1652
+ border-color: #EC5D25;
1653
+ background-color: #EC5D25;
1654
+ }
1655
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
1656
+ border-color: #B94710;
1657
+ background-color: #B94710;
1658
+ }
1659
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
1660
+ outline: 2px solid #0A65E7;
1661
+ }
1662
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
1663
+ cursor: not-allowed;
1664
+ }
1665
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
1666
+ border-color: #B6BAC3;
1667
+ background-color: #B6BAC3;
1668
+ }
1669
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
1670
+ transform: scale(0.375);
1671
+ background-color: #FFFFFF;
1672
+ }
1673
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
1674
+ border-color: #B6BAC3;
1675
+ }
1676
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
1677
+ border-color: #6B7280;
1678
+ }
1679
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
1680
+ outline: 2px solid #0A65E7;
1681
+ }
1682
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
1683
+ cursor: not-allowed;
1684
+ }
1685
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
1686
+ border-color: #B6BAC3;
1687
+ background-color: #F9FAFB;
1688
+ }
1689
+ .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
1690
+ color: #363E4F;
1691
+ font-weight: 400;
1692
+ font-size: 0.875rem;
1693
+ line-height: 20px;
1694
+ }
1695
+ .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
1696
+ color: #363E4F;
1697
+ font-weight: 500;
1698
+ font-size: 0.875rem;
1699
+ line-height: 20px;
1700
+ }
1701
+
1702
+ /* src/atom/Switch/Switch.module.scss */
1703
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
1704
+ height: 0.75rem;
1705
+ min-width: 1.5rem
1706
+ }
1707
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
1708
+ height: 0.5rem;
1709
+ width: 0.5rem
1710
+ }
1711
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
1712
+ --tw-bg-opacity: 1;
1713
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1714
+ }
1715
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
1716
+ --tw-bg-opacity: 1;
1717
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
1718
+ }
1719
+
1720
+ /* src/atom/Tag/Tag.module.scss */
1721
+ .Tag-module__tag___PIkhI {
1722
+ border-radius: 0.25rem;
1723
+ padding: 0.25rem;
1724
+ font-weight: 500;
1725
+ font-size: 12px;
1726
+ line-height: .75rem;
1727
+ --tw-bg-opacity: 1;
1728
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1729
+ height: -moz-max-content;
1730
+ height: max-content;
1731
+ --tw-text-opacity: 1;
1732
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1733
+ border-width: 0px
1734
+ }
1735
+ .Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
1736
+ padding-top: 2px;
1737
+ padding-bottom: 2px;
1738
+ padding-left: 0.25rem;
1739
+ padding-right: 0.25rem;
1740
+ font-size: 0.625rem;
1741
+ line-height: .75rem
1742
+ }
1743
+ .Tag-module__tag___PIkhI.Tag-module__success___99fad {
1744
+ --tw-bg-opacity: 1;
1745
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1696
1746
  }
1697
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner {
1698
- border-color: #ec5d25 !important;
1747
+ .Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
1748
+ --tw-bg-opacity: 1;
1749
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1699
1750
  }
1700
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1701
- background-color: #ec5d25 !important;
1751
+ .Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
1752
+ --tw-bg-opacity: 1;
1753
+ background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1))
1702
1754
  }
1703
- .Table-module__table___5d7g0.ant-table-wrapper {
1704
- /* Hover state border to orange */
1755
+ .Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
1756
+ --tw-bg-opacity: 1;
1757
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1705
1758
  }
1706
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1707
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1708
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1709
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
1710
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-wrapper:hover .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner,
1711
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
1712
- border-color: #ec5d25 !important;
1759
+ .Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
1760
+ --tw-bg-opacity: 1;
1761
+ background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1))
1713
1762
  }
1714
- .Table-module__table___5d7g0.ant-table-wrapper {
1715
- /* Active ripple effect/focus ring to orange */
1763
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
1764
+ --tw-bg-opacity: 1;
1765
+ background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1))
1716
1766
  }
1717
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-checked::after {
1718
- border-color: #ec5d25 !important;
1767
+ .Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
1768
+ --tw-bg-opacity: 1;
1769
+ background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1))
1719
1770
  }
1720
- .Table-module__table___5d7g0.ant-table-wrapper .ant-checkbox-input:focus + .ant-checkbox-inner {
1721
- border-color: #ec5d25 !important;
1771
+ .Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
1772
+ --tw-bg-opacity: 1;
1773
+ background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1))
1722
1774
  }
1723
-
1724
- /* Global un-nested scope for Portals (Pagination Select Dropdown) */
1725
- .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
1726
- background-color: #FFF1E1 !important;
1727
- color: #374151 !important;
1775
+ .Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
1776
+ --tw-bg-opacity: 1;
1777
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1))
1728
1778
  }
1729
1779
 
1730
- /* ============================================================
1731
- Variant modifiers
1732
- ============================================================ */
1733
- /* hover variant — rows tint on mouse-over */
1734
- .Table-module__showHoverEffect___IyKyO .Table-module__table___5d7g0.ant-table-wrapper .ant-table-tbody > tr:hover > td{
1735
- --tw-bg-opacity: 1 !important;
1736
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
1780
+ /* src/atom/Modal/Modal.module.scss */
1781
+ .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
1782
+ margin-top: 0;
1783
+ margin-top: 0px;
1737
1784
  }
1738
-
1739
- .Table-module__columnHeader___Unr6d {
1785
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter {
1786
+ padding: 24px;
1787
+ padding: 1.5rem;
1740
1788
  display: flex;
1741
- align-items: center;
1742
- justify-content: space-between;
1743
- width: 100%;
1744
- gap: 8px;
1789
+ justify-content: flex-end;
1745
1790
  }
1746
-
1747
- .Table-module__columnHeaderLeft___mp7pK {
1791
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__okBtn___Ut8e5,
1792
+ .Modal-module__modal___PKrAi .ant-modal-footer .primaryFooter .Modal-module__cancelBtn___i0Rm8 {
1793
+ min-width: 92px;
1794
+ }
1795
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter {
1796
+ padding: 24px;
1797
+ padding: 1.5rem;
1798
+ padding-top: 0px;
1748
1799
  display: flex;
1749
- align-items: center;
1750
- gap: 4px;
1751
- min-width: 0;
1752
- flex: 1;
1800
+ justify-content: flex-end;
1753
1801
  }
1754
-
1755
- /* Clickable sort area (label + sort arrow) */
1756
- .Table-module__columnHeaderSortArea___jrIYo {
1757
- display: inline-flex;
1758
- align-items: center;
1759
- gap: 6px;
1760
- background: none;
1761
- border: none;
1762
- padding: 0;
1763
- cursor: pointer;
1764
- min-width: 0;
1802
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__okBtn___Ut8e5,
1803
+ .Modal-module__modal___PKrAi .ant-modal-footer .secondaryFooter .Modal-module__cancelBtn___i0Rm8 {
1804
+ width: 50%;
1765
1805
  }
1766
- .Table-module__columnHeaderSortArea___jrIYo:focus-visible {
1767
- outline: 2px solid #ec5d25;
1768
- outline-offset: 2px;
1769
- border-radius: 3px;
1806
+ .Modal-module__modal___PKrAi .ant-modal-content {
1807
+ padding: 0;
1808
+ border-radius: 0.75rem;
1809
+ padding: 0px;
1770
1810
  }
1771
-
1772
- .Table-module__columnHeaderLabel___A-mRu {
1773
- white-space: nowrap;
1774
- overflow: hidden;
1775
- text-overflow: ellipsis;
1776
- line-height: normal;
1777
- text-transform: none !important;
1811
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1812
+ margin-bottom: 0px;
1813
+ padding: 1rem;
1778
1814
  }
1779
-
1780
- .Table-module__columnHeaderSortIcon___mWVZN {
1781
- display: inline-flex;
1782
- align-items: center;
1783
- flex-shrink: 0;
1784
- color: #d1d5db;
1785
- /* muted when unsorted */
1786
- line-height: 0;
1815
+ @media (min-width: 576px) {
1816
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header {
1817
+ padding: 1.5rem;
1818
+ }
1787
1819
  }
1788
- .Table-module__columnHeaderSortIcon___mWVZN.Table-module__columnHeaderSortIconActive___wHAqC {
1789
- color: #374151;
1790
- /* prominent when sort is applied */
1820
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-header .ant-modal-title {
1821
+ justify-content: flex-start;
1822
+ padding-right: 1.25rem;
1823
+ font-size: 1.25rem;
1824
+ font-weight: 500;
1825
+ line-height: 1.75rem;
1826
+ --tw-text-opacity: 1;
1827
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1791
1828
  }
1792
-
1793
- /* Filter icon button */
1794
- .Table-module__columnHeaderFilterWrapper___DnSve {
1795
- position: relative;
1796
- flex-shrink: 0;
1829
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1830
+ display: flex;
1831
+ align-items: flex-end;
1832
+ justify-content: center;
1797
1833
  }
1798
-
1799
- .Table-module__columnHeaderFilterBtn___NR7DY {
1800
- display: inline-flex;
1834
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close .ant-modal-close-x {
1835
+ display: flex;
1801
1836
  align-items: center;
1802
- gap: 3px;
1803
- background: none;
1804
- border: none;
1805
- padding: 2px 3px;
1806
- cursor: pointer;
1807
- color: #9ca3af;
1808
- line-height: 0;
1809
- border-radius: 4px;
1810
- transition: color 0.15s, background 0.15s;
1837
+ justify-content: center;
1811
1838
  }
1812
- .Table-module__columnHeaderFilterBtn___NR7DY:hover {
1813
- color: #6b7280;
1814
- background: #f3f4f6;
1839
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-body {
1840
+ padding: 0 1.5rem 1.5rem;
1841
+ max-height: 65vh;
1842
+ overflow: auto;
1815
1843
  }
1816
- .Table-module__columnHeaderFilterBtn___NR7DY:focus-visible {
1817
- outline: 2px solid #ec5d25;
1818
- outline-offset: 1px;
1844
+ .Modal-module__modal___PKrAi .ant-modal-content .ant-modal-close {
1845
+ top: 1.5rem;
1846
+ right: 1.5rem;
1847
+ padding-bottom: 0.25rem;
1819
1848
  }
1820
- .Table-module__columnHeaderFilterBtn___NR7DY.Table-module__columnHeaderFilterBtnActive___JdO11 {
1821
- color: #ec5d25;
1822
- /* brand red when filter is applied */
1849
+ .Modal-module__modal___PKrAi .ant-btn-primary {
1850
+ margin-inline-start: 0.5rem;
1823
1851
  }
1824
1852
 
1825
- .Table-module__columnHeaderFilterBadge___-Q2T2 {
1826
- display: inline-flex;
1827
- align-items: center;
1828
- justify-content: center;
1829
- min-width: 15px;
1830
- height: 15px;
1831
- padding: 0 4px;
1832
- background: #ec5d25;
1833
- color: #fff;
1834
- font-size: 10px;
1835
- font-weight: 600;
1836
- border-radius: 8px;
1837
- line-height: 1;
1853
+ /* src/atom/RangePicker/RangePicker.module.scss */
1854
+ .RangePicker-module__range_start___hGQp-::after {
1855
+ content: "";
1856
+ position: absolute;
1857
+ top: 50%;
1858
+ right: 0;
1859
+ transform: translateY(-50%);
1860
+ width: 50%;
1861
+ height: 36px;
1862
+ background-color: #f2efec; /* tw-bg-gray-200 equivalent */
1863
+ z-index: -1;
1838
1864
  }
1839
1865
 
1840
- /* Dropdown that renders children from the consumer */
1841
- .Table-module__columnHeaderFilterDropdown___M-fD4 {
1866
+ .RangePicker-module__range_end___JJNib::before {
1867
+ content: "";
1842
1868
  position: absolute;
1843
- top: calc(100% + 6px);
1844
- right: 0;
1845
- z-index: 100;
1846
- background: #fff;
1847
- border: 1px solid #e5e7eb;
1848
- border-radius: 8px;
1849
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
1850
- min-width: 180px;
1869
+ top: 50%;
1870
+ left: 0;
1871
+ transform: translateY(-50%);
1872
+ width: 52%;
1873
+ height: 36px;
1874
+ background-color: #f2efec; /* tw-bg-gray-200 equivalent */
1875
+ z-index: -1;
1851
1876
  }
1852
1877
 
1853
1878
  /* src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.module.scss */
@@ -1898,6 +1923,8 @@
1898
1923
  display: flex;
1899
1924
  flex-direction: column;
1900
1925
  background: #ffffff;
1926
+ max-height: 380px;
1927
+ overflow-y: auto;
1901
1928
  }
1902
1929
  @media (max-width: 768px) {
1903
1930
  .AdvancedDateRangePicker-module__left___T6E84 {
@@ -1907,6 +1934,8 @@
1907
1934
  flex-direction: row;
1908
1935
  flex-wrap: nowrap;
1909
1936
  overflow-x: auto;
1937
+ max-height: none;
1938
+ overflow-y: hidden;
1910
1939
  padding: 12px;
1911
1940
  gap: 8px;
1912
1941
  scrollbar-width: none;
@@ -2371,29 +2400,4 @@
2371
2400
  width: 100%;
2372
2401
  padding: 14px;
2373
2402
  }
2374
- }
2375
-
2376
- /* src/atom/RangePicker/RangePicker.module.scss */
2377
- .RangePicker-module__range_start___hGQp-::after {
2378
- content: "";
2379
- position: absolute;
2380
- top: 50%;
2381
- right: 0;
2382
- transform: translateY(-50%);
2383
- width: 50%;
2384
- height: 36px;
2385
- background-color: #f2efec; /* tw-bg-gray-200 equivalent */
2386
- z-index: -1;
2387
- }
2388
-
2389
- .RangePicker-module__range_end___JJNib::before {
2390
- content: "";
2391
- position: absolute;
2392
- top: 50%;
2393
- left: 0;
2394
- transform: translateY(-50%);
2395
- width: 52%;
2396
- height: 36px;
2397
- background-color: #f2efec; /* tw-bg-gray-200 equivalent */
2398
- z-index: -1;
2399
2403
  }