@tmlmobilidade/ui 20250917.1446.59 → 20250918.1816.45

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 (32) hide show
  1. package/dist/index.css +559 -471
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.ts +43 -30
  4. package/dist/index.js +3 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/src/components/{inputs/CommentBox → comments/CommentInput}/index.js +2 -2
  7. package/dist/src/components/comments/CommentInput/index.js.map +1 -0
  8. package/dist/src/components/comments/CommentInput/styles.module.css.js +4 -0
  9. package/dist/src/components/comments/CommentItem/index.js +15 -0
  10. package/dist/src/components/comments/CommentItem/index.js.map +1 -0
  11. package/dist/src/components/comments/CommentItem/styles.module.css.js +4 -0
  12. package/dist/src/components/comments/CommentItem/styles.module.css.js.map +1 -0
  13. package/dist/src/components/comments/CommentList/index.js +16 -0
  14. package/dist/src/components/comments/CommentList/index.js.map +1 -0
  15. package/dist/src/components/comments/CommentList/styles.module.css.js +4 -0
  16. package/dist/src/components/comments/CommentList/styles.module.css.js.map +1 -0
  17. package/dist/src/components/filters/FiltersBar/index.js +0 -29
  18. package/dist/src/components/filters/FiltersBar/index.js.map +1 -1
  19. package/dist/src/components/inputs/CoordinatesInput/index.js +1 -12
  20. package/dist/src/components/inputs/CoordinatesInput/index.js.map +1 -1
  21. package/dist/src/components/map/view/MapViewToolbar/index.js +3 -12
  22. package/dist/src/components/map/view/MapViewToolbar/index.js.map +1 -1
  23. package/dist/src/components/upload/FileUpload/index.js +3 -13
  24. package/dist/src/components/upload/FileUpload/index.js.map +1 -1
  25. package/dist/src/hooks/use-user-organization.js +1 -27
  26. package/dist/src/hooks/use-user-organization.js.map +1 -1
  27. package/dist/styles-no-reset.css +559 -471
  28. package/dist/styles.css +559 -471
  29. package/package.json +1 -1
  30. package/dist/src/components/inputs/CommentBox/index.js.map +0 -1
  31. package/dist/src/components/inputs/CommentBox/styles.module.css.js +0 -4
  32. /package/dist/src/components/{inputs/CommentBox → comments/CommentInput}/styles.module.css.js.map +0 -0
@@ -928,229 +928,6 @@
928
928
  background-color: var(--color-system-background-200) !important;
929
929
  }
930
930
 
931
- .styles-module_header__6dpaJ {
932
- position: sticky;
933
- top: 0;
934
- z-index: 1;
935
- display: flex;
936
- flex-direction: row;
937
- width: min-content;
938
- min-width: 100%;
939
- background-color: var(--color-system-background-100);
940
- border-bottom: 1px solid var(--color-system-border-100);
941
- }
942
-
943
- .styles-module_cell__mfzlU {
944
- padding: var(--size-spacing-sm) var(--size-spacing-md);
945
- font-size: var(--font-size-xs);
946
- font-weight: var(--font-weight-semibold);
947
- line-height: var(font-line-height);
948
- color: var(--color-system-text-300);
949
- text-transform: uppercase;
950
- white-space: nowrap;
951
- }
952
-
953
- .styles-module_cellContent__NO9HT {
954
- display: flex;
955
- align-items: center;
956
- justify-content: space-between;
957
- }
958
-
959
- .styles-module_cellContent__NO9HT[data-center="true"] {
960
- margin: 0 auto;
961
- }
962
- /* * */
963
- /* ROW */
964
-
965
- .styles-module_row__46pHv {
966
- display: flex;
967
- width: min-content;
968
- min-width: 100%;
969
- background-color: var(--color-system-background-100);
970
- border-bottom: 1px solid var(--color-system-border-100);
971
- }
972
-
973
- .styles-module_row__46pHv:hover {
974
- background-color: var(--color-system-background-200);
975
- }
976
-
977
- /* * */
978
- /* ROW / IS CLICKABLE */
979
-
980
- .styles-module_row__46pHv[data-is-clickable='true'] {
981
- cursor: pointer;
982
- }
983
-
984
- /* * */
985
- /* * */
986
- /* * */
987
-
988
- .styles-module_cell__Yb-lZ {
989
- display: flex;
990
- align-items: center;
991
- justify-content: flex-start;
992
- padding: var(--size-spacing-md);
993
- overflow: hidden;
994
- text-overflow: ellipsis;
995
- font-size: var(--font-size-md);
996
- font-weight: var(--font-weight-semibold);
997
- line-height: var(font-line-height);
998
- color: var(--color-system-text-100);
999
- }
1000
-
1001
- .styles-module_center__ksO5v {
1002
- justify-content: center;
1003
- }
1004
- /* * */
1005
- /* INPUT */
1006
-
1007
- .styles-module_input__0HcHu {
1008
- height: auto;
1009
- max-height: none;
1010
- padding: 10px 15px;
1011
- font-size: var(--font-size-sm);
1012
- font-weight: var(--font-weight-medium);
1013
- line-height: 1;
1014
- background-color: var(--color-system-background-100);
1015
- border: 2px solid var(--color-system-text-300);
1016
- border-radius: var(--border-radius-sm);
1017
- }
1018
-
1019
- .styles-module_input__0HcHu::placeholder {
1020
- color: var(--color-system-text-300);
1021
- }
1022
-
1023
- .styles-module_wrapper__njf59[data-with-left-section="true"] .styles-module_input__0HcHu {
1024
- padding-left: calc(var(--size-spacing-sm) + 30px);
1025
- }
1026
-
1027
- .styles-module_wrapper__njf59[data-with-right-section="true"] .styles-module_input__0HcHu {
1028
- padding-right: calc(var(--size-spacing-sm) + 30px);
1029
- }
1030
-
1031
- .styles-module_input__0HcHu.styles-module_variantWhite__38tBs {
1032
- color: var(--color-primary-black);
1033
- background-color: var(--color-primary-white);
1034
- border-color: #bebec8;
1035
- }
1036
-
1037
- /* * */
1038
- /* SECTION */
1039
-
1040
- .styles-module_section__z7Ezd {
1041
- display: flex;
1042
- width: auto;
1043
- padding: var(--size-spacing-sm);
1044
- color: var(--color-system-text-300);
1045
- }
1046
-
1047
- .styles-module_section__z7Ezd[data-position="left"] {
1048
- pointer-events: none;
1049
- }
1050
-
1051
- .styles-module_section__z7Ezd.styles-module_variantWhite__38tBs {
1052
- color: var(--color-system-text-300);
1053
- }
1054
-
1055
- .styles-module_sizeSm__T2Sb9{
1056
- font-size: 1px;
1057
- line-height: var(font-line-height);
1058
- }
1059
-
1060
- /* * */
1061
- /* LABEL */
1062
-
1063
- .styles-module_label__3ocFz {
1064
- font-size: var(--font-size-sm);
1065
- font-weight: var(--font-weight-medium);
1066
- color: var(--color-system-text-100);
1067
- }
1068
-
1069
- /* * */
1070
- /* DESCRIPTION */
1071
-
1072
- .styles-module_description__3n4Ya {
1073
- margin-top: 0;
1074
- margin-bottom: 0;
1075
- font-size: var(--font-size-sm);
1076
- font-weight: var(--font-weight-medium);
1077
- color: var(--color-system-text-200);
1078
- }
1079
- /* * */
1080
- /* INPUT */
1081
-
1082
- .styles-module_input__WoqRh {
1083
- height: auto;
1084
- max-height: none;
1085
- padding: 10px 15px;
1086
- font-size: var(--font-size-sm);
1087
- font-weight: var(--font-weight-medium);
1088
- line-height: 1;
1089
- background-color: var(--color-system-background-100);
1090
- border: 2px solid var(--color-system-text-300);
1091
- border-radius: var(--border-radius-sm);
1092
- }
1093
-
1094
- .styles-module_input__WoqRh::placeholder {
1095
- color: var(--color-system-text-300);
1096
- }
1097
-
1098
- .styles-module_wrapper__063ai[data-with-left-section="true"] .styles-module_input__WoqRh {
1099
- padding-left: calc(var(--size-spacing-sm) + 30px);
1100
- }
1101
-
1102
- .styles-module_wrapper__063ai[data-with-right-section="true"] .styles-module_input__WoqRh {
1103
- padding-right: calc(var(--size-spacing-sm) + 30px);
1104
- }
1105
-
1106
- .styles-module_input__WoqRh.styles-module_variantWhite__8CQoD {
1107
- color: var(--color-primary-black);
1108
- background-color: var(--color-primary-white);
1109
- border-color: #bebec8;
1110
- }
1111
-
1112
- /* * */
1113
- /* SECTION */
1114
-
1115
- .styles-module_section__iUcrF {
1116
- display: flex;
1117
- width: auto;
1118
- padding: var(--size-spacing-sm);
1119
- color: var(--color-system-text-300);
1120
- }
1121
-
1122
- .styles-module_section__iUcrF[data-position="left"] {
1123
- pointer-events: none;
1124
- }
1125
-
1126
- .styles-module_section__iUcrF.styles-module_variantWhite__8CQoD {
1127
- color: var(--color-system-text-300);
1128
- }
1129
-
1130
- .styles-module_sizeSm__D8-3J{
1131
- font-size: 1px;
1132
- line-height: var(font-line-height);
1133
- }
1134
-
1135
- /* * */
1136
- /* LABEL */
1137
-
1138
- .styles-module_label__w0QlH {
1139
- font-size: var(--font-size-sm);
1140
- font-weight: var(--font-weight-medium);
1141
- color: var(--color-system-text-100);
1142
- }
1143
-
1144
- /* * */
1145
- /* DESCRIPTION */
1146
-
1147
- .styles-module_description__1xDf8 {
1148
- margin-top: 0;
1149
- margin-bottom: 0;
1150
- font-size: var(--font-size-sm);
1151
- font-weight: var(--font-weight-medium);
1152
- color: var(--color-system-text-200);
1153
- }
1154
931
  /* * */
1155
932
  /* CONTAINER */
1156
933
 
@@ -1535,30 +1312,574 @@
1535
1312
  box-shadow: 0 2px 8px 0 var(--color-shadow);
1536
1313
  }
1537
1314
 
1538
- .styles-module_container__Gu5UY[data-bordered='true'] {
1539
- padding: var(--size-spacing-md);
1540
- border: 1px solid var(--color-system-border-100);
1541
- border-radius: 5px;
1315
+ .styles-module_container__Gu5UY[data-bordered='true'] {
1316
+ padding: var(--size-spacing-md);
1317
+ border: 1px solid var(--color-system-border-100);
1318
+ border-radius: 5px;
1319
+ }
1320
+
1321
+ /* * */
1322
+ /* LABEL */
1323
+
1324
+ .styles-module_label__Db4PW {
1325
+ font-size: var(--font-size-md);
1326
+ font-weight: var(--font-weight-semibold);
1327
+ color: var(--color-system-text-200);
1328
+ text-transform: uppercase;
1329
+ }
1330
+
1331
+ /* * */
1332
+ /* VALUE */
1333
+
1334
+ .styles-module_value__JDzid {
1335
+ font-size: var(--font-size-lg);
1336
+ font-weight: var(--font-weight-normal);
1337
+ }
1338
+
1339
+ /* * */
1340
+ /* ROOT */
1341
+
1342
+ .styles-module_root__9sh2n {
1343
+ display: flex;
1344
+ }
1345
+
1346
+ /* * */
1347
+ /* PROPS / FLEX DIRECTION */
1348
+
1349
+ .styles-module_root__9sh2n[data-flex-direction="row"] {
1350
+ flex-direction: row;
1351
+ }
1352
+
1353
+ .styles-module_root__9sh2n[data-flex-direction="column"] {
1354
+ flex-direction: column;
1355
+ }
1356
+
1357
+ /* * */
1358
+ /* PROPS / ALIGN ITEMS */
1359
+
1360
+ .styles-module_root__9sh2n[data-align-items="flex-start"] {
1361
+ align-items: flex-start;
1362
+ }
1363
+
1364
+ .styles-module_root__9sh2n[data-align-items="center"] {
1365
+ align-items: center;
1366
+ }
1367
+
1368
+ .styles-module_root__9sh2n[data-align-items="flex-end"] {
1369
+ align-items: flex-end;
1370
+ }
1371
+
1372
+ /* * */
1373
+ /* PROPS / JUSTIFY CONTENT */
1374
+
1375
+ .styles-module_root__9sh2n[data-justify-content="flex-start"] {
1376
+ justify-content: flex-start;
1377
+ }
1378
+
1379
+ .styles-module_root__9sh2n[data-justify-content="center"] {
1380
+ justify-content: center;
1381
+ }
1382
+
1383
+ .styles-module_root__9sh2n[data-justify-content="flex-end"] {
1384
+ justify-content: flex-end;
1385
+ }
1386
+
1387
+ .styles-module_root__9sh2n[data-justify-content="space-between"] {
1388
+ justify-content: space-between;
1389
+ }
1390
+
1391
+ .styles-module_root__9sh2n[data-justify-content="space-around"] {
1392
+ justify-content: space-around;
1393
+ }
1394
+
1395
+ /* * */
1396
+ /* PROPS / GAP */
1397
+
1398
+ .styles-module_root__9sh2n[data-gap="xs"] {
1399
+ gap: var(--size-spacing-xs);
1400
+ }
1401
+
1402
+ .styles-module_root__9sh2n[data-gap="sm"] {
1403
+ gap: var(--size-spacing-sm);
1404
+ }
1405
+
1406
+ .styles-module_root__9sh2n[data-gap="md"] {
1407
+ gap: var(--size-spacing-md);
1408
+ }
1409
+
1410
+ .styles-module_root__9sh2n[data-gap="lg"] {
1411
+ gap: var(--size-spacing-lg);
1412
+ }
1413
+
1414
+ /* * */
1415
+ /* PROPS / PADDING */
1416
+
1417
+ .styles-module_root__9sh2n[data-padding="sm"] {
1418
+ padding: var(--size-spacing-sm);
1419
+ }
1420
+
1421
+ .styles-module_root__9sh2n[data-padding="md"] {
1422
+ padding: var(--size-spacing-md);
1423
+ }
1424
+
1425
+ .styles-module_root__9sh2n[data-padding="lg"] {
1426
+ padding: var(--size-spacing-lg);
1427
+ }
1428
+
1429
+ .styles-module_root__9sh2n[data-padding="none"] {
1430
+ padding: 0;
1431
+ }
1432
+
1433
+ /* * */
1434
+ /* PROPS / FLEX WRAP */
1435
+
1436
+ .styles-module_root__9sh2n[data-flex-wrap] {
1437
+ flex-wrap: wrap;
1438
+ }
1439
+
1440
+ .styles-module_root__9sh2n[data-flex-wrap="nowrap"] {
1441
+ flex-wrap: nowrap;
1442
+ }
1443
+
1444
+ .styles-module_root__9sh2n[data-flex-wrap="wrap-reverse"] {
1445
+ flex-wrap: wrap-reverse;
1446
+ }
1447
+
1448
+ /* * */
1449
+ /* ROOT */
1450
+
1451
+ .styles-module_root__xISDR {
1452
+ display: flex;
1453
+ flex-direction: column;
1454
+ gap: var(--size-spacing-xs);
1455
+ width: 100%;
1456
+ }
1457
+
1458
+ /* * */
1459
+ /* CONTAINER */
1460
+
1461
+ .styles-module_container__dfii8 {
1462
+ display: flex;
1463
+ flex-direction: row;
1464
+ gap: var(--size-spacing-xs);
1465
+ align-items: flex-end;
1466
+ justify-content: flex-end;
1467
+ width: 100%;
1468
+ height: fit-content;
1469
+ padding: var(--size-spacing-sm);
1470
+ cursor: text;
1471
+ background-color: var(--color-system-background-100);
1472
+ border: 2px solid var(--color-system-border-100);
1473
+ border-radius: var(--border-radius-sm);
1474
+ }
1475
+
1476
+ .styles-module_container__dfii8[data-focused="true"] {
1477
+ border-color: var(--color-primary);
1478
+ }
1479
+
1480
+ .styles-module_container__dfii8[data-error="true"] {
1481
+ border-color: var(--color-status-danger-primary);
1482
+ }
1483
+
1484
+ .styles-module_container__dfii8[data-disabled="true"] {
1485
+ color: var(--color-system-text-300);
1486
+ cursor: not-allowed;
1487
+ background-color: var(--color-system-background-200);
1488
+ border-color: var(--color-system-border-200);
1489
+ }
1490
+
1491
+ /* * */
1492
+ /* ERROR */
1493
+
1494
+ .styles-module_error__kFn0P {
1495
+ font-size: var(--font-size-sm);
1496
+ font-weight: var(--font-weight-medium);
1497
+ color: var(--color-status-danger-primary);
1498
+ }
1499
+
1500
+ .styles-module_error__kFn0P[data-error="true"] {
1501
+ display: block;
1502
+ }
1503
+
1504
+ .styles-module_error__kFn0P[data-error="false"] {
1505
+ display: none;
1506
+ }
1507
+ .styles-module_itemWrapper__v5Q6M {
1508
+ display: grid;
1509
+ grid-template-rows: 24px 1fr;
1510
+ align-items: center;
1511
+ }
1512
+
1513
+ .styles-module_item__S7RQD {
1514
+ display: grid;
1515
+ grid-template-columns: 24px 1fr;
1516
+ gap: var(--size-spacing-sm);
1517
+ }
1518
+
1519
+ .styles-module_icon__wl1ta {
1520
+ z-index: 2;
1521
+ background-color: var(--color-system-background-100);
1522
+ }
1523
+
1524
+ .styles-module_path__JfW5D {
1525
+ width: 2px;
1526
+ height: 100%;
1527
+ margin: auto;
1528
+ background-color: var(--color-system-border-100);
1529
+ }
1530
+
1531
+ .styles-module_item__S7RQD:last-child .styles-module_path__JfW5D {
1532
+ display: none;
1533
+ }
1534
+
1535
+ .styles-module_label__FBHdn {
1536
+ font-size: var(--font-size-sm);
1537
+ font-weight: 500;
1538
+
1539
+ & > span {
1540
+ &[data-variant='success'] {
1541
+ color: var(--color-status-success-primary);
1542
+ }
1543
+
1544
+ &[data-variant='danger'] {
1545
+ color: var(--color-status-danger-primary);
1546
+ }
1547
+
1548
+ &[data-variant='warning'] {
1549
+ color: var(--color-status-warning-primary);
1550
+ }
1551
+ }
1552
+ }
1553
+
1554
+ .styles-module_content__PMbtC {
1555
+ display: flex;
1556
+ flex-direction: column;
1557
+ gap: var(--size-spacing-xs);
1558
+ padding-bottom: var(--size-spacing-md);
1559
+ }
1560
+
1561
+ .styles-module_container__Xj-nb {
1562
+ position: relative;
1563
+ display: flex;
1564
+ flex-direction: column;
1565
+ }
1566
+
1567
+ .styles-module_label__SjHA2 {
1568
+ font-size: var(--font-size-sm);
1569
+ font-weight: 500;
1570
+
1571
+ & > span {
1572
+ &[data-variant='success'] {
1573
+ color: var(--color-status-success-primary);
1574
+ }
1575
+
1576
+ &[data-variant='danger'] {
1577
+ color: var(--color-status-danger-primary);
1578
+ }
1579
+
1580
+ &[data-variant='warning'] {
1581
+ color: var(--color-status-warning-primary);
1582
+ }
1583
+ }
1584
+ }
1585
+
1586
+ .styles-module_messageContainer__aTpvE {
1587
+ display: flex;
1588
+ flex-direction: column;
1589
+ padding: var(--size-spacing-sm);
1590
+ background-color: var(--color-system-background-100);
1591
+ border: 2px solid var(--color-system-border-100);
1592
+ border-radius: var(--border-radius-sm);
1593
+ box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 4%);
1594
+ }
1595
+ .styles-module_header__6dpaJ {
1596
+ position: sticky;
1597
+ top: 0;
1598
+ z-index: 1;
1599
+ display: flex;
1600
+ flex-direction: row;
1601
+ width: min-content;
1602
+ min-width: 100%;
1603
+ background-color: var(--color-system-background-100);
1604
+ border-bottom: 1px solid var(--color-system-border-100);
1605
+ }
1606
+
1607
+ .styles-module_cell__mfzlU {
1608
+ padding: var(--size-spacing-sm) var(--size-spacing-md);
1609
+ font-size: var(--font-size-xs);
1610
+ font-weight: var(--font-weight-semibold);
1611
+ line-height: var(font-line-height);
1612
+ color: var(--color-system-text-300);
1613
+ text-transform: uppercase;
1614
+ white-space: nowrap;
1615
+ }
1616
+
1617
+ .styles-module_cellContent__NO9HT {
1618
+ display: flex;
1619
+ align-items: center;
1620
+ justify-content: space-between;
1621
+ }
1622
+
1623
+ .styles-module_cellContent__NO9HT[data-center="true"] {
1624
+ margin: 0 auto;
1625
+ }
1626
+ /* * */
1627
+ /* ROW */
1628
+
1629
+ .styles-module_row__46pHv {
1630
+ display: flex;
1631
+ width: min-content;
1632
+ min-width: 100%;
1633
+ background-color: var(--color-system-background-100);
1634
+ border-bottom: 1px solid var(--color-system-border-100);
1635
+ }
1636
+
1637
+ .styles-module_row__46pHv:hover {
1638
+ background-color: var(--color-system-background-200);
1639
+ }
1640
+
1641
+ /* * */
1642
+ /* ROW / IS CLICKABLE */
1643
+
1644
+ .styles-module_row__46pHv[data-is-clickable='true'] {
1645
+ cursor: pointer;
1646
+ }
1647
+
1648
+ /* * */
1649
+ /* * */
1650
+ /* * */
1651
+
1652
+ .styles-module_cell__Yb-lZ {
1653
+ display: flex;
1654
+ align-items: center;
1655
+ justify-content: flex-start;
1656
+ padding: var(--size-spacing-md);
1657
+ overflow: hidden;
1658
+ text-overflow: ellipsis;
1659
+ font-size: var(--font-size-md);
1660
+ font-weight: var(--font-weight-semibold);
1661
+ line-height: var(font-line-height);
1662
+ color: var(--color-system-text-100);
1663
+ }
1664
+
1665
+ .styles-module_center__ksO5v {
1666
+ justify-content: center;
1667
+ }
1668
+ /* * */
1669
+ /* INPUT */
1670
+
1671
+ .styles-module_input__0HcHu {
1672
+ height: auto;
1673
+ max-height: none;
1674
+ padding: 10px 15px;
1675
+ font-size: var(--font-size-sm);
1676
+ font-weight: var(--font-weight-medium);
1677
+ line-height: 1;
1678
+ background-color: var(--color-system-background-100);
1679
+ border: 2px solid var(--color-system-text-300);
1680
+ border-radius: var(--border-radius-sm);
1681
+ }
1682
+
1683
+ .styles-module_input__0HcHu::placeholder {
1684
+ color: var(--color-system-text-300);
1685
+ }
1686
+
1687
+ .styles-module_wrapper__njf59[data-with-left-section="true"] .styles-module_input__0HcHu {
1688
+ padding-left: calc(var(--size-spacing-sm) + 30px);
1689
+ }
1690
+
1691
+ .styles-module_wrapper__njf59[data-with-right-section="true"] .styles-module_input__0HcHu {
1692
+ padding-right: calc(var(--size-spacing-sm) + 30px);
1693
+ }
1694
+
1695
+ .styles-module_input__0HcHu.styles-module_variantWhite__38tBs {
1696
+ color: var(--color-primary-black);
1697
+ background-color: var(--color-primary-white);
1698
+ border-color: #bebec8;
1699
+ }
1700
+
1701
+ /* * */
1702
+ /* SECTION */
1703
+
1704
+ .styles-module_section__z7Ezd {
1705
+ display: flex;
1706
+ width: auto;
1707
+ padding: var(--size-spacing-sm);
1708
+ color: var(--color-system-text-300);
1709
+ }
1710
+
1711
+ .styles-module_section__z7Ezd[data-position="left"] {
1712
+ pointer-events: none;
1713
+ }
1714
+
1715
+ .styles-module_section__z7Ezd.styles-module_variantWhite__38tBs {
1716
+ color: var(--color-system-text-300);
1717
+ }
1718
+
1719
+ .styles-module_sizeSm__T2Sb9{
1720
+ font-size: 1px;
1721
+ line-height: var(font-line-height);
1722
+ }
1723
+
1724
+ /* * */
1725
+ /* LABEL */
1726
+
1727
+ .styles-module_label__3ocFz {
1728
+ font-size: var(--font-size-sm);
1729
+ font-weight: var(--font-weight-medium);
1730
+ color: var(--color-system-text-100);
1731
+ }
1732
+
1733
+ /* * */
1734
+ /* DESCRIPTION */
1735
+
1736
+ .styles-module_description__3n4Ya {
1737
+ margin-top: 0;
1738
+ margin-bottom: 0;
1739
+ font-size: var(--font-size-sm);
1740
+ font-weight: var(--font-weight-medium);
1741
+ color: var(--color-system-text-200);
1742
+ }
1743
+ /* * */
1744
+ /* INPUT */
1745
+
1746
+ .styles-module_input__WoqRh {
1747
+ height: auto;
1748
+ max-height: none;
1749
+ padding: 10px 15px;
1750
+ font-size: var(--font-size-sm);
1751
+ font-weight: var(--font-weight-medium);
1752
+ line-height: 1;
1753
+ background-color: var(--color-system-background-100);
1754
+ border: 2px solid var(--color-system-text-300);
1755
+ border-radius: var(--border-radius-sm);
1756
+ }
1757
+
1758
+ .styles-module_input__WoqRh::placeholder {
1759
+ color: var(--color-system-text-300);
1760
+ }
1761
+
1762
+ .styles-module_wrapper__063ai[data-with-left-section="true"] .styles-module_input__WoqRh {
1763
+ padding-left: calc(var(--size-spacing-sm) + 30px);
1764
+ }
1765
+
1766
+ .styles-module_wrapper__063ai[data-with-right-section="true"] .styles-module_input__WoqRh {
1767
+ padding-right: calc(var(--size-spacing-sm) + 30px);
1768
+ }
1769
+
1770
+ .styles-module_input__WoqRh.styles-module_variantWhite__8CQoD {
1771
+ color: var(--color-primary-black);
1772
+ background-color: var(--color-primary-white);
1773
+ border-color: #bebec8;
1774
+ }
1775
+
1776
+ /* * */
1777
+ /* SECTION */
1778
+
1779
+ .styles-module_section__iUcrF {
1780
+ display: flex;
1781
+ width: auto;
1782
+ padding: var(--size-spacing-sm);
1783
+ color: var(--color-system-text-300);
1784
+ }
1785
+
1786
+ .styles-module_section__iUcrF[data-position="left"] {
1787
+ pointer-events: none;
1788
+ }
1789
+
1790
+ .styles-module_section__iUcrF.styles-module_variantWhite__8CQoD {
1791
+ color: var(--color-system-text-300);
1792
+ }
1793
+
1794
+ .styles-module_sizeSm__D8-3J{
1795
+ font-size: 1px;
1796
+ line-height: var(font-line-height);
1797
+ }
1798
+
1799
+ /* * */
1800
+ /* LABEL */
1801
+
1802
+ .styles-module_label__w0QlH {
1803
+ font-size: var(--font-size-sm);
1804
+ font-weight: var(--font-weight-medium);
1805
+ color: var(--color-system-text-100);
1806
+ }
1807
+
1808
+ /* * */
1809
+ /* DESCRIPTION */
1810
+
1811
+ .styles-module_description__1xDf8 {
1812
+ margin-top: 0;
1813
+ margin-bottom: 0;
1814
+ font-size: var(--font-size-sm);
1815
+ font-weight: var(--font-weight-medium);
1816
+ color: var(--color-system-text-200);
1817
+ }
1818
+ /* * */
1819
+ /* TOOLBAR */
1820
+
1821
+ .styles-module_toolbar__zcyRg {
1822
+ display: flex;
1823
+ gap: var(--size-spacing-md);
1824
+ align-items: center;
1825
+ justify-content: flex-start;
1826
+ width: 100%;
1827
+ min-height: 72px;
1828
+ padding: var(--size-spacing-md);
1829
+ overflow-x: auto;
1830
+ }
1831
+ /* * */
1832
+ /* ROOT */
1833
+
1834
+ .styles-module_root__mnCvx {
1835
+ display: flex;
1836
+ align-items: center;
1837
+ justify-content: center;
1838
+ padding: 4px 10px;
1839
+ font-size: 14px;
1840
+ font-weight: var(--font-weight-semibold);
1841
+ line-height: 1;
1842
+ color: var(--color-system-text-300);
1843
+ text-transform: uppercase;
1844
+ white-space: nowrap;
1845
+ cursor: pointer;
1846
+ user-select: none;
1847
+ background: var(--color-system-background-100);
1848
+ border: 2px solid var(--color-system-text-300);
1849
+ border-radius: 999px;
1850
+ box-shadow: none;
1851
+ transition: all 100ms ease;
1852
+ }
1853
+
1854
+ .styles-module_root__mnCvx:hover {
1855
+ color: var(--color-system-text-200);
1856
+ border-color: var(--color-system-text-200);
1857
+ }
1858
+
1859
+ .styles-module_root__mnCvx:active {
1860
+ transform: translateY(1px);
1542
1861
  }
1543
1862
 
1544
1863
  /* * */
1545
- /* LABEL */
1864
+ /* ROOT / ACTIVE */
1546
1865
 
1547
- .styles-module_label__Db4PW {
1548
- font-size: var(--font-size-md);
1549
- font-weight: var(--font-weight-semibold);
1550
- color: var(--color-system-text-200);
1551
- text-transform: uppercase;
1866
+ .styles-module_root__mnCvx[data-active='true'] {
1867
+ color: var(--color-contrast);
1868
+ background: var(--color-primary);
1869
+ border-color: var(--color-secondary);
1870
+ box-shadow: 0 1px 3px 0 var(--color-shadow);
1552
1871
  }
1553
1872
 
1554
1873
  /* * */
1555
- /* VALUE */
1874
+ /* ROOT / DISABLED */
1556
1875
 
1557
- .styles-module_value__JDzid {
1558
- font-size: var(--font-size-lg);
1559
- font-weight: var(--font-weight-normal);
1876
+ .styles-module_root__mnCvx[data-disabled='true'] {
1877
+ color: var(--color-system-border-100);
1878
+ pointer-events: none;
1879
+ background: var(--color-system-background-100);
1880
+ border-color: var(--color-system-border-100);
1881
+ box-shadow: none;
1560
1882
  }
1561
-
1562
1883
  /* * */
1563
1884
  /* CONTAINER */
1564
1885
 
@@ -2020,115 +2341,6 @@
2020
2341
  /* * */
2021
2342
  /* ROOT */
2022
2343
 
2023
- .styles-module_root__9sh2n {
2024
- display: flex;
2025
- }
2026
-
2027
- /* * */
2028
- /* PROPS / FLEX DIRECTION */
2029
-
2030
- .styles-module_root__9sh2n[data-flex-direction="row"] {
2031
- flex-direction: row;
2032
- }
2033
-
2034
- .styles-module_root__9sh2n[data-flex-direction="column"] {
2035
- flex-direction: column;
2036
- }
2037
-
2038
- /* * */
2039
- /* PROPS / ALIGN ITEMS */
2040
-
2041
- .styles-module_root__9sh2n[data-align-items="flex-start"] {
2042
- align-items: flex-start;
2043
- }
2044
-
2045
- .styles-module_root__9sh2n[data-align-items="center"] {
2046
- align-items: center;
2047
- }
2048
-
2049
- .styles-module_root__9sh2n[data-align-items="flex-end"] {
2050
- align-items: flex-end;
2051
- }
2052
-
2053
- /* * */
2054
- /* PROPS / JUSTIFY CONTENT */
2055
-
2056
- .styles-module_root__9sh2n[data-justify-content="flex-start"] {
2057
- justify-content: flex-start;
2058
- }
2059
-
2060
- .styles-module_root__9sh2n[data-justify-content="center"] {
2061
- justify-content: center;
2062
- }
2063
-
2064
- .styles-module_root__9sh2n[data-justify-content="flex-end"] {
2065
- justify-content: flex-end;
2066
- }
2067
-
2068
- .styles-module_root__9sh2n[data-justify-content="space-between"] {
2069
- justify-content: space-between;
2070
- }
2071
-
2072
- .styles-module_root__9sh2n[data-justify-content="space-around"] {
2073
- justify-content: space-around;
2074
- }
2075
-
2076
- /* * */
2077
- /* PROPS / GAP */
2078
-
2079
- .styles-module_root__9sh2n[data-gap="xs"] {
2080
- gap: var(--size-spacing-xs);
2081
- }
2082
-
2083
- .styles-module_root__9sh2n[data-gap="sm"] {
2084
- gap: var(--size-spacing-sm);
2085
- }
2086
-
2087
- .styles-module_root__9sh2n[data-gap="md"] {
2088
- gap: var(--size-spacing-md);
2089
- }
2090
-
2091
- .styles-module_root__9sh2n[data-gap="lg"] {
2092
- gap: var(--size-spacing-lg);
2093
- }
2094
-
2095
- /* * */
2096
- /* PROPS / PADDING */
2097
-
2098
- .styles-module_root__9sh2n[data-padding="sm"] {
2099
- padding: var(--size-spacing-sm);
2100
- }
2101
-
2102
- .styles-module_root__9sh2n[data-padding="md"] {
2103
- padding: var(--size-spacing-md);
2104
- }
2105
-
2106
- .styles-module_root__9sh2n[data-padding="lg"] {
2107
- padding: var(--size-spacing-lg);
2108
- }
2109
-
2110
- .styles-module_root__9sh2n[data-padding="none"] {
2111
- padding: 0;
2112
- }
2113
-
2114
- /* * */
2115
- /* PROPS / FLEX WRAP */
2116
-
2117
- .styles-module_root__9sh2n[data-flex-wrap] {
2118
- flex-wrap: wrap;
2119
- }
2120
-
2121
- .styles-module_root__9sh2n[data-flex-wrap="nowrap"] {
2122
- flex-wrap: nowrap;
2123
- }
2124
-
2125
- .styles-module_root__9sh2n[data-flex-wrap="wrap-reverse"] {
2126
- flex-wrap: wrap-reverse;
2127
- }
2128
-
2129
- /* * */
2130
- /* ROOT */
2131
-
2132
2344
  .styles-module_root__xDysI {
2133
2345
  display: flex;
2134
2346
  align-items: center;
@@ -2246,130 +2458,6 @@
2246
2458
  justify-content: flex-end;
2247
2459
  }
2248
2460
  /* * */
2249
- /* TOOLBAR */
2250
-
2251
- .styles-module_toolbar__zcyRg {
2252
- display: flex;
2253
- gap: var(--size-spacing-md);
2254
- align-items: center;
2255
- justify-content: flex-start;
2256
- width: 100%;
2257
- min-height: 72px;
2258
- padding: var(--size-spacing-md);
2259
- overflow-x: auto;
2260
- }
2261
- /* * */
2262
- /* ROOT */
2263
-
2264
- .styles-module_root__mnCvx {
2265
- display: flex;
2266
- align-items: center;
2267
- justify-content: center;
2268
- padding: 4px 10px;
2269
- font-size: 14px;
2270
- font-weight: var(--font-weight-semibold);
2271
- line-height: 1;
2272
- color: var(--color-system-text-300);
2273
- text-transform: uppercase;
2274
- white-space: nowrap;
2275
- cursor: pointer;
2276
- user-select: none;
2277
- background: var(--color-system-background-100);
2278
- border: 2px solid var(--color-system-text-300);
2279
- border-radius: 999px;
2280
- box-shadow: none;
2281
- transition: all 100ms ease;
2282
- }
2283
-
2284
- .styles-module_root__mnCvx:hover {
2285
- color: var(--color-system-text-200);
2286
- border-color: var(--color-system-text-200);
2287
- }
2288
-
2289
- .styles-module_root__mnCvx:active {
2290
- transform: translateY(1px);
2291
- }
2292
-
2293
- /* * */
2294
- /* ROOT / ACTIVE */
2295
-
2296
- .styles-module_root__mnCvx[data-active='true'] {
2297
- color: var(--color-contrast);
2298
- background: var(--color-primary);
2299
- border-color: var(--color-secondary);
2300
- box-shadow: 0 1px 3px 0 var(--color-shadow);
2301
- }
2302
-
2303
- /* * */
2304
- /* ROOT / DISABLED */
2305
-
2306
- .styles-module_root__mnCvx[data-disabled='true'] {
2307
- color: var(--color-system-border-100);
2308
- pointer-events: none;
2309
- background: var(--color-system-background-100);
2310
- border-color: var(--color-system-border-100);
2311
- box-shadow: none;
2312
- }
2313
- /* * */
2314
- /* ROOT */
2315
-
2316
- .styles-module_root__2lf0T {
2317
- display: flex;
2318
- flex-direction: column;
2319
- gap: var(--size-spacing-xs);
2320
- width: 100%;
2321
- }
2322
-
2323
- /* * */
2324
- /* CONTAINER */
2325
-
2326
- .styles-module_container__ehBE3 {
2327
- display: flex;
2328
- flex-direction: row;
2329
- gap: var(--size-spacing-xs);
2330
- align-items: flex-end;
2331
- justify-content: flex-end;
2332
- width: 100%;
2333
- height: fit-content;
2334
- padding: var(--size-spacing-sm);
2335
- cursor: text;
2336
- background-color: var(--color-system-background-100);
2337
- border: 2px solid var(--color-system-border-100);
2338
- border-radius: var(--border-radius-sm);
2339
- }
2340
-
2341
- .styles-module_container__ehBE3[data-focused="true"] {
2342
- border-color: var(--color-primary);
2343
- }
2344
-
2345
- .styles-module_container__ehBE3[data-error="true"] {
2346
- border-color: var(--color-status-danger-primary);
2347
- }
2348
-
2349
- .styles-module_container__ehBE3[data-disabled="true"] {
2350
- color: var(--color-system-text-300);
2351
- cursor: not-allowed;
2352
- background-color: var(--color-system-background-200);
2353
- border-color: var(--color-system-border-200);
2354
- }
2355
-
2356
- /* * */
2357
- /* ERROR */
2358
-
2359
- .styles-module_error__tki5t {
2360
- font-size: var(--font-size-sm);
2361
- font-weight: var(--font-weight-medium);
2362
- color: var(--color-status-danger-primary);
2363
- }
2364
-
2365
- .styles-module_error__tki5t[data-error="true"] {
2366
- display: block;
2367
- }
2368
-
2369
- .styles-module_error__tki5t[data-error="false"] {
2370
- display: none;
2371
- }
2372
- /* * */
2373
2461
  /* PILLS INPUT */
2374
2462
 
2375
2463
  .styles-module_pillsInputPillGroup__-eDFg {