@tmlmobilidade/ui 0.0.4 → 20250124.1545.56

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.
Files changed (21) hide show
  1. package/dist/cjs/index.js +400 -310
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/src/components/common/index.d.ts +1 -0
  4. package/dist/cjs/types/src/components/index.d.ts +0 -1
  5. package/dist/cjs/types/src/hooks/toast.d.ts +64 -0
  6. package/dist/cjs/types/src/index.d.ts +1 -0
  7. package/dist/esm/index.js +398 -313
  8. package/dist/esm/index.js.map +1 -1
  9. package/dist/esm/types/src/components/common/index.d.ts +1 -0
  10. package/dist/esm/types/src/components/index.d.ts +0 -1
  11. package/dist/esm/types/src/hooks/toast.d.ts +64 -0
  12. package/dist/esm/types/src/index.d.ts +1 -0
  13. package/dist/index.d.ts +57 -32
  14. package/dist/styles.css +400 -460
  15. package/package.json +87 -86
  16. package/dist/cjs/types/src/components/authentication/LoginForm/index.d.ts +0 -45
  17. package/dist/cjs/types/src/components/authentication/LoginForm/use-login.d.ts +0 -8
  18. package/dist/cjs/types/src/components/authentication/index.d.ts +0 -1
  19. package/dist/esm/types/src/components/authentication/LoginForm/index.d.ts +0 -45
  20. package/dist/esm/types/src/components/authentication/LoginForm/use-login.d.ts +0 -8
  21. package/dist/esm/types/src/components/authentication/index.d.ts +0 -1
package/dist/styles.css CHANGED
@@ -886,6 +886,245 @@ breakpoint-mobile {
886
886
  .styles-module_arrow__pmKfn {
887
887
  border: 1px solid var(--color-system-border-100);
888
888
  }
889
+ /* * */
890
+ /* INPUT */
891
+
892
+ .text-input-module_input__9C3ID {
893
+ height: auto;
894
+ max-height: none;
895
+ font-size: var(--font-size-base);
896
+ line-height: 1;
897
+ padding: 10px 15px;
898
+ border: 2px solid var(--color-system-text-300);
899
+ border-radius: var(--border-radius-sm);
900
+ background-color: var(--color-system-background-100);
901
+ font-weight: var(--font-weight-medium);
902
+ }
903
+
904
+ .text-input-module_input__9C3ID::placeholder {
905
+ color: var(--color-system-text-300);
906
+ }
907
+
908
+ .text-input-module_wrapper__jrJs0[data-with-left-section="true"] .text-input-module_input__9C3ID {
909
+ padding-left: calc(var(--size-spacing-md) + 30px);
910
+ }
911
+
912
+ .text-input-module_wrapper__jrJs0[data-with-right-section="true"] .text-input-module_input__9C3ID {
913
+ padding-right: calc(var(--size-spacing-md) + 30px);
914
+ }
915
+
916
+ .text-input-module_input__9C3ID.text-input-module_variantWhite__M5THF {
917
+ color: var(--color-primary-black);
918
+ border-color: #bebec8;
919
+ background-color: var(--color-primary-white);
920
+ }
921
+
922
+ /* * */
923
+ /* SECTION */
924
+
925
+ .text-input-module_section__uYM8p {
926
+ display: flex;
927
+ width: auto;
928
+ padding: var(--size-spacing-md);
929
+ color: var(--color-system-text-300);
930
+ }
931
+
932
+ .text-input-module_section__uYM8p[data-position="left"] {
933
+ pointer-events: none;
934
+ }
935
+
936
+ .text-input-module_section__uYM8p.text-input-module_variantWhite__M5THF {
937
+ color: var(--color-system-text-300);
938
+ }
939
+
940
+ .text-input-module_sizeSm__9YY9u{
941
+ line-height: var(--line-height-sm);
942
+ font-size: 1px;
943
+ }
944
+
945
+ /* * */
946
+ /* LABEL */
947
+
948
+ .text-input-module_label__sLogM {
949
+ color: var(--color-system-text-100);
950
+ font-size: var(--font-size-base);
951
+ font-weight: var(--font-weight-medium);
952
+ }
953
+
954
+ /* * */
955
+ /* DESCRIPTION */
956
+
957
+ .text-input-module_description__hPkID {
958
+ margin-top: var(--size-spacing-xs);
959
+ margin-bottom: var(--size-spacing-xs);
960
+ color: var(--color-system-text-200);
961
+ font-size: var(--font-size-sm);
962
+ font-weight: var(--font-weight-medium);
963
+ }
964
+ /* * */
965
+ /* INPUT */
966
+
967
+ .text-input-sm-module_input__u-uh6 {
968
+ height: auto;
969
+ max-height: none;
970
+ font-size: var(--font-size-sm);
971
+ line-height: 1;
972
+ padding: 10px 15px;
973
+ border: 2px solid var(--color-system-text-300);
974
+ border-radius: var(--border-radius-sm);
975
+ background-color: var(--color-system-background-100);
976
+ font-weight: var(--font-weight-medium);
977
+ }
978
+
979
+ .text-input-sm-module_input__u-uh6::placeholder {
980
+ color: var(--color-system-text-300);
981
+ }
982
+
983
+ .text-input-sm-module_wrapper__H9JIX[data-with-left-section="true"] .text-input-sm-module_input__u-uh6 {
984
+ padding-left: calc(var(--size-spacing-sm) + 30px);
985
+ }
986
+
987
+ .text-input-sm-module_wrapper__H9JIX[data-with-right-section="true"] .text-input-sm-module_input__u-uh6 {
988
+ padding-right: calc(var(--size-spacing-sm) + 30px);
989
+ }
990
+
991
+ .text-input-sm-module_input__u-uh6.text-input-sm-module_variantWhite__k4HFB {
992
+ color: var(--color-primary-black);
993
+ border-color: #bebec8;
994
+ background-color: var(--color-primary-white);
995
+ }
996
+
997
+ /* * */
998
+ /* SECTION */
999
+
1000
+ .text-input-sm-module_section__UXn50 {
1001
+ display: flex;
1002
+ width: auto;
1003
+ padding: var(--size-spacing-sm);
1004
+ color: var(--color-system-text-300);
1005
+ }
1006
+
1007
+ .text-input-sm-module_section__UXn50[data-position="left"] {
1008
+ pointer-events: none;
1009
+ }
1010
+
1011
+ .text-input-sm-module_section__UXn50.text-input-sm-module_variantWhite__k4HFB {
1012
+ color: var(--color-system-text-300);
1013
+ }
1014
+
1015
+ .text-input-sm-module_sizeSm__LE66I{
1016
+ line-height: var(--line-height-sm);
1017
+ font-size: 1px;
1018
+ }
1019
+
1020
+ /* * */
1021
+ /* LABEL */
1022
+
1023
+ .text-input-sm-module_label__Tjn5U {
1024
+ color: var(--color-system-text-100);
1025
+ font-size: var(--font-size-sm);
1026
+ font-weight: var(--font-weight-medium);
1027
+ }
1028
+
1029
+ /* * */
1030
+ /* DESCRIPTION */
1031
+
1032
+ .text-input-sm-module_description__grwjQ {
1033
+ margin-top: var(--size-spacing-xs);
1034
+ margin-bottom: var(--size-spacing-xs);
1035
+ color: var(--color-system-text-200);
1036
+ font-size: var(--font-size-sm);
1037
+ font-weight: var(--font-weight-medium);
1038
+ }
1039
+ /* * */
1040
+ /* Input */
1041
+
1042
+ .password-input-module_input__NVrbH {
1043
+ padding: 10px 15px;
1044
+ }
1045
+
1046
+ /* * */
1047
+ /* innerInput */
1048
+
1049
+ .password-input-module_innerInput__TPTvT {
1050
+ height: auto;
1051
+ max-height: none;
1052
+ font-size: var(--font-size-base);
1053
+ line-height: 1;
1054
+ padding: 10px 15px;
1055
+ border: 2px solid var(--color-system-text-300);
1056
+ border-radius: var(--border-radius-sm);
1057
+ background-color: var(--color-system-background-100);
1058
+ font-weight: var(--font-weight-medium);
1059
+ }
1060
+
1061
+ .password-input-module_innerInput__TPTvT::placeholder {
1062
+ color: var(--color-system-text-300);
1063
+ }
1064
+
1065
+ .password-input-module_wrapper__YXz4D[data-with-left-section="true"] .password-input-module_innerInput__TPTvT {
1066
+ padding-left: calc(var(--size-spacing-md) + 30px);
1067
+ }
1068
+
1069
+ .password-input-module_wrapper__YXz4D[data-with-right-section="true"] .password-input-module_innerInput__TPTvT {
1070
+ padding-right: calc(var(--size-spacing-md) + 30px);
1071
+ }
1072
+
1073
+ .password-input-module_innerInput__TPTvT.password-input-module_variantWhite__cv16E {
1074
+ color: var(--color-primary-black);
1075
+ border-color: #bebec8;
1076
+ background-color: var(--color-primary-white);
1077
+ }
1078
+
1079
+ /* * */
1080
+ /* SECTION */
1081
+
1082
+ .password-input-module_section__8q0Ec {
1083
+ display: flex;
1084
+ width: auto;
1085
+ padding: var(--size-spacing-md);
1086
+ color: var(--color-system-text-300);
1087
+ }
1088
+
1089
+ .password-input-module_section__8q0Ec[data-position="left"] {
1090
+ pointer-events: none;
1091
+ }
1092
+
1093
+ .password-input-module_section__8q0Ec.password-input-module_variantWhite__cv16E {
1094
+ color: var(--color-system-text-300);
1095
+ }
1096
+
1097
+ .password-input-module_sizeSm__53ilT{
1098
+ line-height: var(--line-height-sm);
1099
+ font-size: 1px;
1100
+ }
1101
+
1102
+ /* * */
1103
+ /* LABEL */
1104
+
1105
+ .password-input-module_label__dDTkn {
1106
+ color: var(--color-system-text-100);
1107
+ font-size: var(--font-size-base);
1108
+ font-weight: var(--font-weight-medium);
1109
+ }
1110
+
1111
+ /* * */
1112
+ /* DESCRIPTION */
1113
+
1114
+ .password-input-module_description__tW8I- {
1115
+ margin-top: var(--size-spacing-xs);
1116
+ margin-bottom: var(--size-spacing-xs);
1117
+ color: var(--color-system-text-200);
1118
+ font-size: var(--font-size-sm);
1119
+ font-weight: var(--font-weight-medium);
1120
+ }
1121
+ .styles-module_dropdown__9W7AN {
1122
+ background-color: var(--color-system-background-200);
1123
+ display: flex;
1124
+ gap: var(--size-spacing-sm);
1125
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1126
+ }
1127
+
889
1128
  /* * */
890
1129
  /* CONTAINER */
891
1130
 
@@ -1206,516 +1445,175 @@ breakpoint-mobile {
1206
1445
  .styles-module_gap-md__HYXte {
1207
1446
  gap: var(--size-spacing-md);
1208
1447
  }
1209
- .styles-module_gap-lg__dhDB3 {
1210
- gap: var(--size-spacing-lg);
1211
- }
1212
- .styles-module_gap-xl__fa4pK {
1213
- gap: var(--size-spacing-xl);
1214
- }
1215
- /* * */
1216
- /* CONTAINER */
1217
-
1218
- .styles-module_container__tduxg {
1219
- height: 100%;
1220
- display: flex;
1221
- flex-direction: column;
1222
- gap: var(--size-spacing-xs);
1223
- justify-content: space-between;
1224
- z-index: 25;
1225
- overflow-y: auto;
1226
- border-right: 1px solid var(--color-system-border-100);
1227
- background-color: var(--color-system-background-100);
1228
- }
1229
-
1230
- /* * */
1231
- /* NAV WRAPPER */
1232
-
1233
- .styles-module_navWrapper__Xb59N {
1234
- width: 100%;
1235
- display: flex;
1236
- flex-direction: column;
1237
- align-items: center;
1238
- gap: var(--size-spacing-md);
1239
- padding: var(--size-spacing-lg);
1240
- }
1241
-
1242
- /* * */
1243
- /* NAV BUTTON */
1244
-
1245
- .styles-module_navButton__kTv0k {
1246
- font-size: 26px;
1247
- color: var(--color-system-text-100);
1248
- background-color: transparent;
1249
- border: 2px solid transparent;
1250
- border-radius: var(--border-radius-xs);
1251
- transition: all 0.5s ease-in;
1252
-
1253
- &.styles-module_selected__w-GVG {
1254
- color: var(--color-contrast);
1255
- background-color: var(--color-primary);
1256
- border-color: var(--color-secondary);
1257
- }
1258
-
1259
- &:hover {
1260
- color: var(--color-contrast);
1261
- background-color: var(--color-secondary);
1262
- }
1263
- }
1264
-
1265
- .styles-module_header__6dpaJ {
1266
- position: sticky;
1267
- top: 0;
1268
-
1269
- background-color: var(--color-system-background-100);
1270
- box-shadow: 0 1px 5px 0 var(--color-system-border-100);
1271
- }
1272
-
1273
- .styles-module_cell__mfzlU {
1274
- padding: var(--size-spacing-md);
1275
- text-transform: uppercase;
1276
- font-size: var(--font-size-xs);
1277
- font-weight: var(--font-weight-semibold);
1278
- line-height: var(--font-line-height-xs);
1279
- color: var(--color-system-text-300);
1280
-
1281
- white-space: nowrap;
1282
- }
1283
-
1284
- .styles-module_cellContent__NO9HT {
1285
- display: flex;
1286
- align-items: center;
1287
- justify-content: space-between;
1288
- }
1289
-
1290
- .styles-module_row__0kxC4 {
1291
- border-bottom: 1px solid var(--color-system-border-100);
1292
- }
1293
-
1294
-
1295
- .styles-module_row__46pHv {
1296
- border-bottom: 1px solid var(--color-system-border-100);
1297
- }
1298
-
1299
- .styles-module_cell__Yb-lZ {
1300
- font-weight: var(--font-weight-semibold);
1301
- font-size: var(--font-size-base);
1302
- line-height: var(--font-line-height-base);
1303
- color: var(--color-system-text-100);
1304
-
1305
- white-space: nowrap;
1306
-
1307
- & * {
1308
- min-width: max-content;
1309
- }
1310
- }
1311
-
1312
- .styles-module_root__2WSxN {
1313
- position: sticky;
1314
- top: 0;
1315
- display: flex;
1316
- align-items: center;
1317
- justify-content: space-between;
1318
- gap: var(--size-spacing-sm);
1319
- padding: var(--size-spacing-sm);
1320
- background-color: var(--color-system-background-100);
1321
- border-bottom: 1px solid var(--color-system-border-100);
1322
- }
1323
-
1324
- .styles-module_title__qCJZG {
1325
- color: var(--color-system-text-100);
1326
- text-transform: uppercase;
1327
- font-size: var(--font-size-lg);
1328
- font-weight: var(--font-weight-bold);
1329
- line-height: var(--font-line-height-lg);
1330
- }
1331
-
1332
- .styles-module_item__yl--3 {
1333
- cursor: pointer;
1334
- font-size: var(--font-size-xs);
1335
- font-weight: var(--font-weight-semibold);
1336
- line-height: var(--font-line-height-xs);
1337
- text-transform: uppercase;
1338
- user-select: none;
1339
-
1340
- border: 2px solid var(--color-system-border-100);
1341
- border-radius: var(--border-radius-xl);
1342
-
1343
- padding: 2px 10px;
1344
-
1345
- &[aria-active="true"] {
1346
- background-color: var(--color-primary);
1347
- border-color: var(--color-secondary);
1348
- color: var(--color-contrast);
1349
- }
1350
- }
1351
-
1352
- .styles-module_itemsWrapper__8xwKJ {
1353
- flex-grow: 1;
1354
- display: flex;
1355
- flex-wrap: wrap;
1356
- gap: var(--size-spacing-sm);
1357
- }
1358
- .styles-module_root__AStX6 {
1359
- max-width: 100%;
1360
- }
1361
-
1362
- .styles-module_tableWrapper__ByR84 {
1363
- background-color: var(--color-system-background-100);
1364
- color: var(--color-system-text-100);
1365
- overflow-x: auto;
1366
- max-width: 100%;
1367
- }
1368
-
1369
- .styles-module_table__IKm6A {
1370
- width: 100%;
1371
- border-collapse: collapse;
1372
- }
1373
-
1374
- .styles-module_body__Ou1Rp {
1375
- overflow-y: auto;
1376
- }
1377
-
1378
- /* * */
1379
- /* INPUT */
1380
-
1381
- .text-input-module_input__9C3ID {
1382
- height: auto;
1383
- max-height: none;
1384
- font-size: var(--font-size-base);
1385
- line-height: 1;
1386
- padding: 10px 15px;
1387
- border: 2px solid var(--color-system-text-300);
1388
- border-radius: var(--border-radius-sm);
1389
- background-color: var(--color-system-background-100);
1390
- font-weight: var(--font-weight-medium);
1391
- }
1392
-
1393
- .text-input-module_input__9C3ID::placeholder {
1394
- color: var(--color-system-text-300);
1395
- }
1396
-
1397
- .text-input-module_wrapper__jrJs0[data-with-left-section="true"] .text-input-module_input__9C3ID {
1398
- padding-left: calc(var(--size-spacing-md) + 30px);
1399
- }
1400
-
1401
- .text-input-module_wrapper__jrJs0[data-with-right-section="true"] .text-input-module_input__9C3ID {
1402
- padding-right: calc(var(--size-spacing-md) + 30px);
1403
- }
1404
-
1405
- .text-input-module_input__9C3ID.text-input-module_variantWhite__M5THF {
1406
- color: var(--color-primary-black);
1407
- border-color: #bebec8;
1408
- background-color: var(--color-primary-white);
1409
- }
1410
-
1411
- /* * */
1412
- /* SECTION */
1413
-
1414
- .text-input-module_section__uYM8p {
1415
- display: flex;
1416
- width: auto;
1417
- padding: var(--size-spacing-md);
1418
- color: var(--color-system-text-300);
1419
- }
1420
-
1421
- .text-input-module_section__uYM8p[data-position="left"] {
1422
- pointer-events: none;
1423
- }
1424
-
1425
- .text-input-module_section__uYM8p.text-input-module_variantWhite__M5THF {
1426
- color: var(--color-system-text-300);
1427
- }
1428
-
1429
- .text-input-module_sizeSm__9YY9u{
1430
- line-height: var(--line-height-sm);
1431
- font-size: 1px;
1432
- }
1433
-
1434
- /* * */
1435
- /* LABEL */
1436
-
1437
- .text-input-module_label__sLogM {
1438
- color: var(--color-system-text-100);
1439
- font-size: var(--font-size-base);
1440
- font-weight: var(--font-weight-medium);
1441
- }
1442
-
1443
- /* * */
1444
- /* DESCRIPTION */
1445
-
1446
- .text-input-module_description__hPkID {
1447
- margin-top: var(--size-spacing-xs);
1448
- margin-bottom: var(--size-spacing-xs);
1449
- color: var(--color-system-text-200);
1450
- font-size: var(--font-size-sm);
1451
- font-weight: var(--font-weight-medium);
1452
- }
1453
- /* * */
1454
- /* INPUT */
1455
-
1456
- .text-input-sm-module_input__u-uh6 {
1457
- height: auto;
1458
- max-height: none;
1459
- font-size: var(--font-size-sm);
1460
- line-height: 1;
1461
- padding: 10px 15px;
1462
- border: 2px solid var(--color-system-text-300);
1463
- border-radius: var(--border-radius-sm);
1464
- background-color: var(--color-system-background-100);
1465
- font-weight: var(--font-weight-medium);
1466
- }
1467
-
1468
- .text-input-sm-module_input__u-uh6::placeholder {
1469
- color: var(--color-system-text-300);
1470
- }
1471
-
1472
- .text-input-sm-module_wrapper__H9JIX[data-with-left-section="true"] .text-input-sm-module_input__u-uh6 {
1473
- padding-left: calc(var(--size-spacing-sm) + 30px);
1474
- }
1475
-
1476
- .text-input-sm-module_wrapper__H9JIX[data-with-right-section="true"] .text-input-sm-module_input__u-uh6 {
1477
- padding-right: calc(var(--size-spacing-sm) + 30px);
1478
- }
1479
-
1480
- .text-input-sm-module_input__u-uh6.text-input-sm-module_variantWhite__k4HFB {
1481
- color: var(--color-primary-black);
1482
- border-color: #bebec8;
1483
- background-color: var(--color-primary-white);
1484
- }
1485
-
1486
- /* * */
1487
- /* SECTION */
1488
-
1489
- .text-input-sm-module_section__UXn50 {
1490
- display: flex;
1491
- width: auto;
1492
- padding: var(--size-spacing-sm);
1493
- color: var(--color-system-text-300);
1494
- }
1495
-
1496
- .text-input-sm-module_section__UXn50[data-position="left"] {
1497
- pointer-events: none;
1498
- }
1499
-
1500
- .text-input-sm-module_section__UXn50.text-input-sm-module_variantWhite__k4HFB {
1501
- color: var(--color-system-text-300);
1448
+ .styles-module_gap-lg__dhDB3 {
1449
+ gap: var(--size-spacing-lg);
1502
1450
  }
1503
-
1504
- .text-input-sm-module_sizeSm__LE66I{
1505
- line-height: var(--line-height-sm);
1506
- font-size: 1px;
1451
+ .styles-module_gap-xl__fa4pK {
1452
+ gap: var(--size-spacing-xl);
1507
1453
  }
1508
-
1509
1454
  /* * */
1510
- /* LABEL */
1455
+ /* CONTAINER */
1511
1456
 
1512
- .text-input-sm-module_label__Tjn5U {
1513
- color: var(--color-system-text-100);
1514
- font-size: var(--font-size-sm);
1515
- font-weight: var(--font-weight-medium);
1457
+ .styles-module_container__tduxg {
1458
+ height: 100%;
1459
+ display: flex;
1460
+ flex-direction: column;
1461
+ gap: var(--size-spacing-xs);
1462
+ justify-content: space-between;
1463
+ z-index: 25;
1464
+ overflow-y: auto;
1465
+ border-right: 1px solid var(--color-system-border-100);
1466
+ background-color: var(--color-system-background-100);
1516
1467
  }
1517
1468
 
1518
1469
  /* * */
1519
- /* DESCRIPTION */
1520
-
1521
- .text-input-sm-module_description__grwjQ {
1522
- margin-top: var(--size-spacing-xs);
1523
- margin-bottom: var(--size-spacing-xs);
1524
- color: var(--color-system-text-200);
1525
- font-size: var(--font-size-sm);
1526
- font-weight: var(--font-weight-medium);
1527
- }
1528
- /* * */
1529
- /* Input */
1470
+ /* NAV WRAPPER */
1530
1471
 
1531
- .password-input-module_input__NVrbH {
1532
- padding: 10px 15px;
1472
+ .styles-module_navWrapper__Xb59N {
1473
+ width: 100%;
1474
+ display: flex;
1475
+ flex-direction: column;
1476
+ align-items: center;
1477
+ gap: var(--size-spacing-md);
1478
+ padding: var(--size-spacing-lg);
1533
1479
  }
1534
1480
 
1535
1481
  /* * */
1536
- /* innerInput */
1482
+ /* NAV BUTTON */
1537
1483
 
1538
- .password-input-module_innerInput__TPTvT {
1539
- height: auto;
1540
- max-height: none;
1541
- font-size: var(--font-size-base);
1542
- line-height: 1;
1543
- padding: 10px 15px;
1544
- border: 2px solid var(--color-system-text-300);
1545
- border-radius: var(--border-radius-sm);
1546
- background-color: var(--color-system-background-100);
1547
- font-weight: var(--font-weight-medium);
1548
- }
1484
+ .styles-module_navButton__kTv0k {
1485
+ font-size: 26px;
1486
+ color: var(--color-system-text-100);
1487
+ background-color: transparent;
1488
+ border: 2px solid transparent;
1489
+ border-radius: var(--border-radius-xs);
1490
+ transition: all 0.5s ease-in;
1549
1491
 
1550
- .password-input-module_innerInput__TPTvT::placeholder {
1551
- color: var(--color-system-text-300);
1552
- }
1492
+ &.styles-module_selected__w-GVG {
1493
+ color: var(--color-contrast);
1494
+ background-color: var(--color-primary);
1495
+ border-color: var(--color-secondary);
1496
+ }
1553
1497
 
1554
- .password-input-module_wrapper__YXz4D[data-with-left-section="true"] .password-input-module_innerInput__TPTvT {
1555
- padding-left: calc(var(--size-spacing-md) + 30px);
1498
+ &:hover {
1499
+ color: var(--color-contrast);
1500
+ background-color: var(--color-secondary);
1501
+ }
1556
1502
  }
1557
1503
 
1558
- .password-input-module_wrapper__YXz4D[data-with-right-section="true"] .password-input-module_innerInput__TPTvT {
1559
- padding-right: calc(var(--size-spacing-md) + 30px);
1560
- }
1504
+ .styles-module_header__6dpaJ {
1505
+ position: sticky;
1506
+ top: 0;
1561
1507
 
1562
- .password-input-module_innerInput__TPTvT.password-input-module_variantWhite__cv16E {
1563
- color: var(--color-primary-black);
1564
- border-color: #bebec8;
1565
- background-color: var(--color-primary-white);
1508
+ background-color: var(--color-system-background-100);
1509
+ box-shadow: 0 1px 5px 0 var(--color-system-border-100);
1566
1510
  }
1567
1511
 
1568
- /* * */
1569
- /* SECTION */
1570
-
1571
- .password-input-module_section__8q0Ec {
1572
- display: flex;
1573
- width: auto;
1574
- padding: var(--size-spacing-md);
1575
- color: var(--color-system-text-300);
1576
- }
1512
+ .styles-module_cell__mfzlU {
1513
+ padding: var(--size-spacing-md);
1514
+ text-transform: uppercase;
1515
+ font-size: var(--font-size-xs);
1516
+ font-weight: var(--font-weight-semibold);
1517
+ line-height: var(--font-line-height-xs);
1518
+ color: var(--color-system-text-300);
1577
1519
 
1578
- .password-input-module_section__8q0Ec[data-position="left"] {
1579
- pointer-events: none;
1520
+ white-space: nowrap;
1580
1521
  }
1581
1522
 
1582
- .password-input-module_section__8q0Ec.password-input-module_variantWhite__cv16E {
1583
- color: var(--color-system-text-300);
1523
+ .styles-module_cellContent__NO9HT {
1524
+ display: flex;
1525
+ align-items: center;
1526
+ justify-content: space-between;
1584
1527
  }
1585
1528
 
1586
- .password-input-module_sizeSm__53ilT{
1587
- line-height: var(--line-height-sm);
1588
- font-size: 1px;
1529
+ .styles-module_row__0kxC4 {
1530
+ border-bottom: 1px solid var(--color-system-border-100);
1589
1531
  }
1590
1532
 
1591
- /* * */
1592
- /* LABEL */
1593
1533
 
1594
- .password-input-module_label__dDTkn {
1595
- color: var(--color-system-text-100);
1596
- font-size: var(--font-size-base);
1597
- font-weight: var(--font-weight-medium);
1534
+ .styles-module_row__46pHv {
1535
+ border-bottom: 1px solid var(--color-system-border-100);
1598
1536
  }
1599
1537
 
1600
- /* * */
1601
- /* DESCRIPTION */
1538
+ .styles-module_cell__Yb-lZ {
1539
+ font-weight: var(--font-weight-semibold);
1540
+ font-size: var(--font-size-base);
1541
+ line-height: var(--font-line-height-base);
1542
+ color: var(--color-system-text-100);
1602
1543
 
1603
- .password-input-module_description__tW8I- {
1604
- margin-top: var(--size-spacing-xs);
1605
- margin-bottom: var(--size-spacing-xs);
1606
- color: var(--color-system-text-200);
1607
- font-size: var(--font-size-sm);
1608
- font-weight: var(--font-weight-medium);
1544
+ white-space: nowrap;
1545
+
1546
+ & * {
1547
+ min-width: max-content;
1548
+ }
1609
1549
  }
1610
- .styles-module_dropdown__9W7AN {
1611
- background-color: var(--color-system-background-200);
1550
+
1551
+ .styles-module_root__2WSxN {
1552
+ position: sticky;
1553
+ top: 0;
1612
1554
  display: flex;
1555
+ align-items: center;
1556
+ justify-content: space-between;
1613
1557
  gap: var(--size-spacing-sm);
1614
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1558
+ padding: var(--size-spacing-sm);
1559
+ background-color: var(--color-system-background-100);
1560
+ border-bottom: 1px solid var(--color-system-border-100);
1615
1561
  }
1616
1562
 
1617
- /* * */
1618
- /* HEADER */
1619
- .styles-module_header__4P5BD {
1620
- display: flex;
1621
- flex-direction: row;
1622
- justify-content: space-between;
1623
- margin-bottom: var(--size-spacing-lg);
1624
- gap: var(--size-spacing-lg) !important;
1625
-
1626
- @media (max-width: 768px) {
1627
- flex-direction: column-reverse;
1628
- }
1563
+ .styles-module_title__qCJZG {
1564
+ color: var(--color-system-text-100);
1565
+ text-transform: uppercase;
1566
+ font-size: var(--font-size-lg);
1567
+ font-weight: var(--font-weight-bold);
1568
+ line-height: var(--font-line-height-lg);
1629
1569
  }
1630
1570
 
1631
- /* * */
1632
- /* HEADER / CONTENT */
1633
- .styles-module_headerContent__D-SOV {
1634
- max-width: 60%;
1635
-
1636
- @media (max-width: 768px) {
1637
- max-width: 100%;
1638
- }
1639
- }
1571
+ .styles-module_item__yl--3 {
1572
+ cursor: pointer;
1573
+ font-size: var(--font-size-xs);
1574
+ font-weight: var(--font-weight-semibold);
1575
+ line-height: var(--font-line-height-xs);
1576
+ text-transform: uppercase;
1577
+ user-select: none;
1640
1578
 
1641
- /* * */
1642
- /* HEADER / TITLE */
1643
- .styles-module_headerTitle__WltM4 {
1644
- font-size: var(--font-size-2xl);
1645
- line-height: var(--font-line-height-2xl);
1646
- font-weight: var(--font-weight-bold);
1579
+ border: 2px solid var(--color-system-border-100);
1580
+ border-radius: var(--border-radius-xl);
1647
1581
 
1648
- color: var(--color-system-text-100);
1649
- }
1582
+ padding: 2px 10px;
1650
1583
 
1651
- /* * */
1652
- /* HEADER / DESCRIPTION */
1653
- .styles-module_headerDescription__QJ7PA {
1654
- font-size: var(--font-size-lg);
1655
- line-height: var(--font-line-height-lg);
1656
- color: var(--color-system-text-200);
1657
- font-weight: var(--font-weight-semibold);
1584
+ &[aria-active="true"] {
1585
+ background-color: var(--color-primary);
1586
+ border-color: var(--color-secondary);
1587
+ color: var(--color-contrast);
1588
+ }
1658
1589
  }
1659
1590
 
1660
- /* * */
1661
- /* HEADER IMAGE */
1662
- .styles-module_headerImage__XF2xY {
1663
- min-width: 200px;
1664
- position: relative;
1665
-
1666
- & svg {
1667
- width: 100%;
1668
- height: 100%;
1669
- }
1591
+ .styles-module_itemsWrapper__8xwKJ {
1592
+ flex-grow: 1;
1593
+ display: flex;
1594
+ flex-wrap: wrap;
1595
+ gap: var(--size-spacing-sm);
1670
1596
  }
1671
-
1672
- /* * */
1673
- /* FORM */
1674
- .styles-module_form__19X8o {
1675
- width: 100%;
1676
- display: flex;
1677
- flex-direction: column;
1678
- gap: var(--size-spacing-lg);
1597
+ .styles-module_root__AStX6 {
1598
+ max-width: 100%;
1679
1599
  }
1680
1600
 
1681
-
1682
- /* * */
1683
- /* FORM / FOOTER */
1684
- .styles-module_formFooter__txTAr {
1685
- display: flex;
1686
- align-items: center;
1687
- flex-direction: row-reverse;
1688
- justify-content: space-between;
1689
- gap: var(--size-spacing-lg);
1601
+ .styles-module_tableWrapper__ByR84 {
1602
+ background-color: var(--color-system-background-100);
1603
+ color: var(--color-system-text-100);
1604
+ overflow-x: auto;
1605
+ max-width: 100%;
1690
1606
  }
1691
1607
 
1692
- .styles-module_formFooterLinks__55jsp {
1693
- display: flex;
1694
- flex-direction: column;
1695
- align-items: center;
1696
- gap: var(--size-spacing-sm);
1697
-
1698
- & * {
1699
- color: var(--color-system-text-300);
1700
- text-transform: uppercase;
1701
- font-size: var(--font-size-sm);
1702
- line-height: var(--font-line-height-sm);
1703
- font-weight: var(--font-weight-semibold);
1704
-
1705
- &:hover {
1706
- color: var(--color-secondary);
1707
- }
1708
-
1709
- text-decoration: none;
1710
- }
1608
+ .styles-module_table__IKm6A {
1609
+ width: 100%;
1610
+ border-collapse: collapse;
1711
1611
  }
1712
1612
 
1713
- /* * */
1714
- /* FORM / BUTTON */
1715
- .styles-module_formButton__pOMY2 {
1716
- margin-left: auto;
1613
+ .styles-module_body__Ou1Rp {
1614
+ overflow-y: auto;
1717
1615
  }
1718
-
1616
+
1719
1617
 
1720
1618
  :root[data-theme="ocean"] {
1721
1619
  --color-primary: #005adc;
@@ -9492,4 +9390,46 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
9492
9390
  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(blockquote) {
9493
9391
  background-color: var(--mantine-color-dark-8);
9494
9392
  }
9393
+ }@layer mantine {.m_b37d9ac7 {
9394
+ width: calc(100% - var(--mantine-spacing-md) * 2);
9395
+ position: fixed;
9396
+ z-index: var(--notifications-z-index);
9397
+ max-width: var(--notifications-container-width);
9398
+ }
9399
+
9400
+ .m_b37d9ac7:where([data-position='top-center']) {
9401
+ top: var(--mantine-spacing-md);
9402
+ left: 50%;
9403
+ transform: translateX(-50%);
9404
+ }
9405
+
9406
+ .m_b37d9ac7:where([data-position='top-left']) {
9407
+ top: var(--mantine-spacing-md);
9408
+ left: var(--mantine-spacing-md);
9409
+ }
9410
+
9411
+ .m_b37d9ac7:where([data-position='top-right']) {
9412
+ top: var(--mantine-spacing-md);
9413
+ right: var(--mantine-spacing-md);
9414
+ }
9415
+
9416
+ .m_b37d9ac7:where([data-position='bottom-center']) {
9417
+ bottom: var(--mantine-spacing-md);
9418
+ left: 50%;
9419
+ transform: translateX(-50%);
9420
+ }
9421
+
9422
+ .m_b37d9ac7:where([data-position='bottom-left']) {
9423
+ bottom: var(--mantine-spacing-md);
9424
+ left: var(--mantine-spacing-md);
9425
+ }
9426
+
9427
+ .m_b37d9ac7:where([data-position='bottom-right']) {
9428
+ bottom: var(--mantine-spacing-md);
9429
+ right: var(--mantine-spacing-md);
9430
+ }
9431
+
9432
+ .m_5ed0edd0 + .m_5ed0edd0 {
9433
+ margin-top: var(--mantine-spacing-md);
9434
+ }
9495
9435
  }