@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
package/dist/styles.css CHANGED
@@ -987,229 +987,6 @@ figure {
987
987
  background-color: var(--color-system-background-200) !important;
988
988
  }
989
989
 
990
- .styles-module_header__6dpaJ {
991
- position: sticky;
992
- top: 0;
993
- z-index: 1;
994
- display: flex;
995
- flex-direction: row;
996
- width: min-content;
997
- min-width: 100%;
998
- background-color: var(--color-system-background-100);
999
- border-bottom: 1px solid var(--color-system-border-100);
1000
- }
1001
-
1002
- .styles-module_cell__mfzlU {
1003
- padding: var(--size-spacing-sm) var(--size-spacing-md);
1004
- font-size: var(--font-size-xs);
1005
- font-weight: var(--font-weight-semibold);
1006
- line-height: var(font-line-height);
1007
- color: var(--color-system-text-300);
1008
- text-transform: uppercase;
1009
- white-space: nowrap;
1010
- }
1011
-
1012
- .styles-module_cellContent__NO9HT {
1013
- display: flex;
1014
- align-items: center;
1015
- justify-content: space-between;
1016
- }
1017
-
1018
- .styles-module_cellContent__NO9HT[data-center="true"] {
1019
- margin: 0 auto;
1020
- }
1021
- /* * */
1022
- /* ROW */
1023
-
1024
- .styles-module_row__46pHv {
1025
- display: flex;
1026
- width: min-content;
1027
- min-width: 100%;
1028
- background-color: var(--color-system-background-100);
1029
- border-bottom: 1px solid var(--color-system-border-100);
1030
- }
1031
-
1032
- .styles-module_row__46pHv:hover {
1033
- background-color: var(--color-system-background-200);
1034
- }
1035
-
1036
- /* * */
1037
- /* ROW / IS CLICKABLE */
1038
-
1039
- .styles-module_row__46pHv[data-is-clickable='true'] {
1040
- cursor: pointer;
1041
- }
1042
-
1043
- /* * */
1044
- /* * */
1045
- /* * */
1046
-
1047
- .styles-module_cell__Yb-lZ {
1048
- display: flex;
1049
- align-items: center;
1050
- justify-content: flex-start;
1051
- padding: var(--size-spacing-md);
1052
- overflow: hidden;
1053
- text-overflow: ellipsis;
1054
- font-size: var(--font-size-md);
1055
- font-weight: var(--font-weight-semibold);
1056
- line-height: var(font-line-height);
1057
- color: var(--color-system-text-100);
1058
- }
1059
-
1060
- .styles-module_center__ksO5v {
1061
- justify-content: center;
1062
- }
1063
- /* * */
1064
- /* INPUT */
1065
-
1066
- .styles-module_input__0HcHu {
1067
- height: auto;
1068
- max-height: none;
1069
- padding: 10px 15px;
1070
- font-size: var(--font-size-sm);
1071
- font-weight: var(--font-weight-medium);
1072
- line-height: 1;
1073
- background-color: var(--color-system-background-100);
1074
- border: 2px solid var(--color-system-text-300);
1075
- border-radius: var(--border-radius-sm);
1076
- }
1077
-
1078
- .styles-module_input__0HcHu::placeholder {
1079
- color: var(--color-system-text-300);
1080
- }
1081
-
1082
- .styles-module_wrapper__njf59[data-with-left-section="true"] .styles-module_input__0HcHu {
1083
- padding-left: calc(var(--size-spacing-sm) + 30px);
1084
- }
1085
-
1086
- .styles-module_wrapper__njf59[data-with-right-section="true"] .styles-module_input__0HcHu {
1087
- padding-right: calc(var(--size-spacing-sm) + 30px);
1088
- }
1089
-
1090
- .styles-module_input__0HcHu.styles-module_variantWhite__38tBs {
1091
- color: var(--color-primary-black);
1092
- background-color: var(--color-primary-white);
1093
- border-color: #bebec8;
1094
- }
1095
-
1096
- /* * */
1097
- /* SECTION */
1098
-
1099
- .styles-module_section__z7Ezd {
1100
- display: flex;
1101
- width: auto;
1102
- padding: var(--size-spacing-sm);
1103
- color: var(--color-system-text-300);
1104
- }
1105
-
1106
- .styles-module_section__z7Ezd[data-position="left"] {
1107
- pointer-events: none;
1108
- }
1109
-
1110
- .styles-module_section__z7Ezd.styles-module_variantWhite__38tBs {
1111
- color: var(--color-system-text-300);
1112
- }
1113
-
1114
- .styles-module_sizeSm__T2Sb9{
1115
- font-size: 1px;
1116
- line-height: var(font-line-height);
1117
- }
1118
-
1119
- /* * */
1120
- /* LABEL */
1121
-
1122
- .styles-module_label__3ocFz {
1123
- font-size: var(--font-size-sm);
1124
- font-weight: var(--font-weight-medium);
1125
- color: var(--color-system-text-100);
1126
- }
1127
-
1128
- /* * */
1129
- /* DESCRIPTION */
1130
-
1131
- .styles-module_description__3n4Ya {
1132
- margin-top: 0;
1133
- margin-bottom: 0;
1134
- font-size: var(--font-size-sm);
1135
- font-weight: var(--font-weight-medium);
1136
- color: var(--color-system-text-200);
1137
- }
1138
- /* * */
1139
- /* INPUT */
1140
-
1141
- .styles-module_input__WoqRh {
1142
- height: auto;
1143
- max-height: none;
1144
- padding: 10px 15px;
1145
- font-size: var(--font-size-sm);
1146
- font-weight: var(--font-weight-medium);
1147
- line-height: 1;
1148
- background-color: var(--color-system-background-100);
1149
- border: 2px solid var(--color-system-text-300);
1150
- border-radius: var(--border-radius-sm);
1151
- }
1152
-
1153
- .styles-module_input__WoqRh::placeholder {
1154
- color: var(--color-system-text-300);
1155
- }
1156
-
1157
- .styles-module_wrapper__063ai[data-with-left-section="true"] .styles-module_input__WoqRh {
1158
- padding-left: calc(var(--size-spacing-sm) + 30px);
1159
- }
1160
-
1161
- .styles-module_wrapper__063ai[data-with-right-section="true"] .styles-module_input__WoqRh {
1162
- padding-right: calc(var(--size-spacing-sm) + 30px);
1163
- }
1164
-
1165
- .styles-module_input__WoqRh.styles-module_variantWhite__8CQoD {
1166
- color: var(--color-primary-black);
1167
- background-color: var(--color-primary-white);
1168
- border-color: #bebec8;
1169
- }
1170
-
1171
- /* * */
1172
- /* SECTION */
1173
-
1174
- .styles-module_section__iUcrF {
1175
- display: flex;
1176
- width: auto;
1177
- padding: var(--size-spacing-sm);
1178
- color: var(--color-system-text-300);
1179
- }
1180
-
1181
- .styles-module_section__iUcrF[data-position="left"] {
1182
- pointer-events: none;
1183
- }
1184
-
1185
- .styles-module_section__iUcrF.styles-module_variantWhite__8CQoD {
1186
- color: var(--color-system-text-300);
1187
- }
1188
-
1189
- .styles-module_sizeSm__D8-3J{
1190
- font-size: 1px;
1191
- line-height: var(font-line-height);
1192
- }
1193
-
1194
- /* * */
1195
- /* LABEL */
1196
-
1197
- .styles-module_label__w0QlH {
1198
- font-size: var(--font-size-sm);
1199
- font-weight: var(--font-weight-medium);
1200
- color: var(--color-system-text-100);
1201
- }
1202
-
1203
- /* * */
1204
- /* DESCRIPTION */
1205
-
1206
- .styles-module_description__1xDf8 {
1207
- margin-top: 0;
1208
- margin-bottom: 0;
1209
- font-size: var(--font-size-sm);
1210
- font-weight: var(--font-weight-medium);
1211
- color: var(--color-system-text-200);
1212
- }
1213
990
  /* * */
1214
991
  /* CONTAINER */
1215
992
 
@@ -1594,30 +1371,574 @@ figure {
1594
1371
  box-shadow: 0 2px 8px 0 var(--color-shadow);
1595
1372
  }
1596
1373
 
1597
- .styles-module_container__Gu5UY[data-bordered='true'] {
1598
- padding: var(--size-spacing-md);
1599
- border: 1px solid var(--color-system-border-100);
1600
- border-radius: 5px;
1374
+ .styles-module_container__Gu5UY[data-bordered='true'] {
1375
+ padding: var(--size-spacing-md);
1376
+ border: 1px solid var(--color-system-border-100);
1377
+ border-radius: 5px;
1378
+ }
1379
+
1380
+ /* * */
1381
+ /* LABEL */
1382
+
1383
+ .styles-module_label__Db4PW {
1384
+ font-size: var(--font-size-md);
1385
+ font-weight: var(--font-weight-semibold);
1386
+ color: var(--color-system-text-200);
1387
+ text-transform: uppercase;
1388
+ }
1389
+
1390
+ /* * */
1391
+ /* VALUE */
1392
+
1393
+ .styles-module_value__JDzid {
1394
+ font-size: var(--font-size-lg);
1395
+ font-weight: var(--font-weight-normal);
1396
+ }
1397
+
1398
+ /* * */
1399
+ /* ROOT */
1400
+
1401
+ .styles-module_root__9sh2n {
1402
+ display: flex;
1403
+ }
1404
+
1405
+ /* * */
1406
+ /* PROPS / FLEX DIRECTION */
1407
+
1408
+ .styles-module_root__9sh2n[data-flex-direction="row"] {
1409
+ flex-direction: row;
1410
+ }
1411
+
1412
+ .styles-module_root__9sh2n[data-flex-direction="column"] {
1413
+ flex-direction: column;
1414
+ }
1415
+
1416
+ /* * */
1417
+ /* PROPS / ALIGN ITEMS */
1418
+
1419
+ .styles-module_root__9sh2n[data-align-items="flex-start"] {
1420
+ align-items: flex-start;
1421
+ }
1422
+
1423
+ .styles-module_root__9sh2n[data-align-items="center"] {
1424
+ align-items: center;
1425
+ }
1426
+
1427
+ .styles-module_root__9sh2n[data-align-items="flex-end"] {
1428
+ align-items: flex-end;
1429
+ }
1430
+
1431
+ /* * */
1432
+ /* PROPS / JUSTIFY CONTENT */
1433
+
1434
+ .styles-module_root__9sh2n[data-justify-content="flex-start"] {
1435
+ justify-content: flex-start;
1436
+ }
1437
+
1438
+ .styles-module_root__9sh2n[data-justify-content="center"] {
1439
+ justify-content: center;
1440
+ }
1441
+
1442
+ .styles-module_root__9sh2n[data-justify-content="flex-end"] {
1443
+ justify-content: flex-end;
1444
+ }
1445
+
1446
+ .styles-module_root__9sh2n[data-justify-content="space-between"] {
1447
+ justify-content: space-between;
1448
+ }
1449
+
1450
+ .styles-module_root__9sh2n[data-justify-content="space-around"] {
1451
+ justify-content: space-around;
1452
+ }
1453
+
1454
+ /* * */
1455
+ /* PROPS / GAP */
1456
+
1457
+ .styles-module_root__9sh2n[data-gap="xs"] {
1458
+ gap: var(--size-spacing-xs);
1459
+ }
1460
+
1461
+ .styles-module_root__9sh2n[data-gap="sm"] {
1462
+ gap: var(--size-spacing-sm);
1463
+ }
1464
+
1465
+ .styles-module_root__9sh2n[data-gap="md"] {
1466
+ gap: var(--size-spacing-md);
1467
+ }
1468
+
1469
+ .styles-module_root__9sh2n[data-gap="lg"] {
1470
+ gap: var(--size-spacing-lg);
1471
+ }
1472
+
1473
+ /* * */
1474
+ /* PROPS / PADDING */
1475
+
1476
+ .styles-module_root__9sh2n[data-padding="sm"] {
1477
+ padding: var(--size-spacing-sm);
1478
+ }
1479
+
1480
+ .styles-module_root__9sh2n[data-padding="md"] {
1481
+ padding: var(--size-spacing-md);
1482
+ }
1483
+
1484
+ .styles-module_root__9sh2n[data-padding="lg"] {
1485
+ padding: var(--size-spacing-lg);
1486
+ }
1487
+
1488
+ .styles-module_root__9sh2n[data-padding="none"] {
1489
+ padding: 0;
1490
+ }
1491
+
1492
+ /* * */
1493
+ /* PROPS / FLEX WRAP */
1494
+
1495
+ .styles-module_root__9sh2n[data-flex-wrap] {
1496
+ flex-wrap: wrap;
1497
+ }
1498
+
1499
+ .styles-module_root__9sh2n[data-flex-wrap="nowrap"] {
1500
+ flex-wrap: nowrap;
1501
+ }
1502
+
1503
+ .styles-module_root__9sh2n[data-flex-wrap="wrap-reverse"] {
1504
+ flex-wrap: wrap-reverse;
1505
+ }
1506
+
1507
+ /* * */
1508
+ /* ROOT */
1509
+
1510
+ .styles-module_root__xISDR {
1511
+ display: flex;
1512
+ flex-direction: column;
1513
+ gap: var(--size-spacing-xs);
1514
+ width: 100%;
1515
+ }
1516
+
1517
+ /* * */
1518
+ /* CONTAINER */
1519
+
1520
+ .styles-module_container__dfii8 {
1521
+ display: flex;
1522
+ flex-direction: row;
1523
+ gap: var(--size-spacing-xs);
1524
+ align-items: flex-end;
1525
+ justify-content: flex-end;
1526
+ width: 100%;
1527
+ height: fit-content;
1528
+ padding: var(--size-spacing-sm);
1529
+ cursor: text;
1530
+ background-color: var(--color-system-background-100);
1531
+ border: 2px solid var(--color-system-border-100);
1532
+ border-radius: var(--border-radius-sm);
1533
+ }
1534
+
1535
+ .styles-module_container__dfii8[data-focused="true"] {
1536
+ border-color: var(--color-primary);
1537
+ }
1538
+
1539
+ .styles-module_container__dfii8[data-error="true"] {
1540
+ border-color: var(--color-status-danger-primary);
1541
+ }
1542
+
1543
+ .styles-module_container__dfii8[data-disabled="true"] {
1544
+ color: var(--color-system-text-300);
1545
+ cursor: not-allowed;
1546
+ background-color: var(--color-system-background-200);
1547
+ border-color: var(--color-system-border-200);
1548
+ }
1549
+
1550
+ /* * */
1551
+ /* ERROR */
1552
+
1553
+ .styles-module_error__kFn0P {
1554
+ font-size: var(--font-size-sm);
1555
+ font-weight: var(--font-weight-medium);
1556
+ color: var(--color-status-danger-primary);
1557
+ }
1558
+
1559
+ .styles-module_error__kFn0P[data-error="true"] {
1560
+ display: block;
1561
+ }
1562
+
1563
+ .styles-module_error__kFn0P[data-error="false"] {
1564
+ display: none;
1565
+ }
1566
+ .styles-module_itemWrapper__v5Q6M {
1567
+ display: grid;
1568
+ grid-template-rows: 24px 1fr;
1569
+ align-items: center;
1570
+ }
1571
+
1572
+ .styles-module_item__S7RQD {
1573
+ display: grid;
1574
+ grid-template-columns: 24px 1fr;
1575
+ gap: var(--size-spacing-sm);
1576
+ }
1577
+
1578
+ .styles-module_icon__wl1ta {
1579
+ z-index: 2;
1580
+ background-color: var(--color-system-background-100);
1581
+ }
1582
+
1583
+ .styles-module_path__JfW5D {
1584
+ width: 2px;
1585
+ height: 100%;
1586
+ margin: auto;
1587
+ background-color: var(--color-system-border-100);
1588
+ }
1589
+
1590
+ .styles-module_item__S7RQD:last-child .styles-module_path__JfW5D {
1591
+ display: none;
1592
+ }
1593
+
1594
+ .styles-module_label__FBHdn {
1595
+ font-size: var(--font-size-sm);
1596
+ font-weight: 500;
1597
+
1598
+ & > span {
1599
+ &[data-variant='success'] {
1600
+ color: var(--color-status-success-primary);
1601
+ }
1602
+
1603
+ &[data-variant='danger'] {
1604
+ color: var(--color-status-danger-primary);
1605
+ }
1606
+
1607
+ &[data-variant='warning'] {
1608
+ color: var(--color-status-warning-primary);
1609
+ }
1610
+ }
1611
+ }
1612
+
1613
+ .styles-module_content__PMbtC {
1614
+ display: flex;
1615
+ flex-direction: column;
1616
+ gap: var(--size-spacing-xs);
1617
+ padding-bottom: var(--size-spacing-md);
1618
+ }
1619
+
1620
+ .styles-module_container__Xj-nb {
1621
+ position: relative;
1622
+ display: flex;
1623
+ flex-direction: column;
1624
+ }
1625
+
1626
+ .styles-module_label__SjHA2 {
1627
+ font-size: var(--font-size-sm);
1628
+ font-weight: 500;
1629
+
1630
+ & > span {
1631
+ &[data-variant='success'] {
1632
+ color: var(--color-status-success-primary);
1633
+ }
1634
+
1635
+ &[data-variant='danger'] {
1636
+ color: var(--color-status-danger-primary);
1637
+ }
1638
+
1639
+ &[data-variant='warning'] {
1640
+ color: var(--color-status-warning-primary);
1641
+ }
1642
+ }
1643
+ }
1644
+
1645
+ .styles-module_messageContainer__aTpvE {
1646
+ display: flex;
1647
+ flex-direction: column;
1648
+ padding: var(--size-spacing-sm);
1649
+ background-color: var(--color-system-background-100);
1650
+ border: 2px solid var(--color-system-border-100);
1651
+ border-radius: var(--border-radius-sm);
1652
+ box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 4%);
1653
+ }
1654
+ .styles-module_header__6dpaJ {
1655
+ position: sticky;
1656
+ top: 0;
1657
+ z-index: 1;
1658
+ display: flex;
1659
+ flex-direction: row;
1660
+ width: min-content;
1661
+ min-width: 100%;
1662
+ background-color: var(--color-system-background-100);
1663
+ border-bottom: 1px solid var(--color-system-border-100);
1664
+ }
1665
+
1666
+ .styles-module_cell__mfzlU {
1667
+ padding: var(--size-spacing-sm) var(--size-spacing-md);
1668
+ font-size: var(--font-size-xs);
1669
+ font-weight: var(--font-weight-semibold);
1670
+ line-height: var(font-line-height);
1671
+ color: var(--color-system-text-300);
1672
+ text-transform: uppercase;
1673
+ white-space: nowrap;
1674
+ }
1675
+
1676
+ .styles-module_cellContent__NO9HT {
1677
+ display: flex;
1678
+ align-items: center;
1679
+ justify-content: space-between;
1680
+ }
1681
+
1682
+ .styles-module_cellContent__NO9HT[data-center="true"] {
1683
+ margin: 0 auto;
1684
+ }
1685
+ /* * */
1686
+ /* ROW */
1687
+
1688
+ .styles-module_row__46pHv {
1689
+ display: flex;
1690
+ width: min-content;
1691
+ min-width: 100%;
1692
+ background-color: var(--color-system-background-100);
1693
+ border-bottom: 1px solid var(--color-system-border-100);
1694
+ }
1695
+
1696
+ .styles-module_row__46pHv:hover {
1697
+ background-color: var(--color-system-background-200);
1698
+ }
1699
+
1700
+ /* * */
1701
+ /* ROW / IS CLICKABLE */
1702
+
1703
+ .styles-module_row__46pHv[data-is-clickable='true'] {
1704
+ cursor: pointer;
1705
+ }
1706
+
1707
+ /* * */
1708
+ /* * */
1709
+ /* * */
1710
+
1711
+ .styles-module_cell__Yb-lZ {
1712
+ display: flex;
1713
+ align-items: center;
1714
+ justify-content: flex-start;
1715
+ padding: var(--size-spacing-md);
1716
+ overflow: hidden;
1717
+ text-overflow: ellipsis;
1718
+ font-size: var(--font-size-md);
1719
+ font-weight: var(--font-weight-semibold);
1720
+ line-height: var(font-line-height);
1721
+ color: var(--color-system-text-100);
1722
+ }
1723
+
1724
+ .styles-module_center__ksO5v {
1725
+ justify-content: center;
1726
+ }
1727
+ /* * */
1728
+ /* INPUT */
1729
+
1730
+ .styles-module_input__0HcHu {
1731
+ height: auto;
1732
+ max-height: none;
1733
+ padding: 10px 15px;
1734
+ font-size: var(--font-size-sm);
1735
+ font-weight: var(--font-weight-medium);
1736
+ line-height: 1;
1737
+ background-color: var(--color-system-background-100);
1738
+ border: 2px solid var(--color-system-text-300);
1739
+ border-radius: var(--border-radius-sm);
1740
+ }
1741
+
1742
+ .styles-module_input__0HcHu::placeholder {
1743
+ color: var(--color-system-text-300);
1744
+ }
1745
+
1746
+ .styles-module_wrapper__njf59[data-with-left-section="true"] .styles-module_input__0HcHu {
1747
+ padding-left: calc(var(--size-spacing-sm) + 30px);
1748
+ }
1749
+
1750
+ .styles-module_wrapper__njf59[data-with-right-section="true"] .styles-module_input__0HcHu {
1751
+ padding-right: calc(var(--size-spacing-sm) + 30px);
1752
+ }
1753
+
1754
+ .styles-module_input__0HcHu.styles-module_variantWhite__38tBs {
1755
+ color: var(--color-primary-black);
1756
+ background-color: var(--color-primary-white);
1757
+ border-color: #bebec8;
1758
+ }
1759
+
1760
+ /* * */
1761
+ /* SECTION */
1762
+
1763
+ .styles-module_section__z7Ezd {
1764
+ display: flex;
1765
+ width: auto;
1766
+ padding: var(--size-spacing-sm);
1767
+ color: var(--color-system-text-300);
1768
+ }
1769
+
1770
+ .styles-module_section__z7Ezd[data-position="left"] {
1771
+ pointer-events: none;
1772
+ }
1773
+
1774
+ .styles-module_section__z7Ezd.styles-module_variantWhite__38tBs {
1775
+ color: var(--color-system-text-300);
1776
+ }
1777
+
1778
+ .styles-module_sizeSm__T2Sb9{
1779
+ font-size: 1px;
1780
+ line-height: var(font-line-height);
1781
+ }
1782
+
1783
+ /* * */
1784
+ /* LABEL */
1785
+
1786
+ .styles-module_label__3ocFz {
1787
+ font-size: var(--font-size-sm);
1788
+ font-weight: var(--font-weight-medium);
1789
+ color: var(--color-system-text-100);
1790
+ }
1791
+
1792
+ /* * */
1793
+ /* DESCRIPTION */
1794
+
1795
+ .styles-module_description__3n4Ya {
1796
+ margin-top: 0;
1797
+ margin-bottom: 0;
1798
+ font-size: var(--font-size-sm);
1799
+ font-weight: var(--font-weight-medium);
1800
+ color: var(--color-system-text-200);
1801
+ }
1802
+ /* * */
1803
+ /* INPUT */
1804
+
1805
+ .styles-module_input__WoqRh {
1806
+ height: auto;
1807
+ max-height: none;
1808
+ padding: 10px 15px;
1809
+ font-size: var(--font-size-sm);
1810
+ font-weight: var(--font-weight-medium);
1811
+ line-height: 1;
1812
+ background-color: var(--color-system-background-100);
1813
+ border: 2px solid var(--color-system-text-300);
1814
+ border-radius: var(--border-radius-sm);
1815
+ }
1816
+
1817
+ .styles-module_input__WoqRh::placeholder {
1818
+ color: var(--color-system-text-300);
1819
+ }
1820
+
1821
+ .styles-module_wrapper__063ai[data-with-left-section="true"] .styles-module_input__WoqRh {
1822
+ padding-left: calc(var(--size-spacing-sm) + 30px);
1823
+ }
1824
+
1825
+ .styles-module_wrapper__063ai[data-with-right-section="true"] .styles-module_input__WoqRh {
1826
+ padding-right: calc(var(--size-spacing-sm) + 30px);
1827
+ }
1828
+
1829
+ .styles-module_input__WoqRh.styles-module_variantWhite__8CQoD {
1830
+ color: var(--color-primary-black);
1831
+ background-color: var(--color-primary-white);
1832
+ border-color: #bebec8;
1833
+ }
1834
+
1835
+ /* * */
1836
+ /* SECTION */
1837
+
1838
+ .styles-module_section__iUcrF {
1839
+ display: flex;
1840
+ width: auto;
1841
+ padding: var(--size-spacing-sm);
1842
+ color: var(--color-system-text-300);
1843
+ }
1844
+
1845
+ .styles-module_section__iUcrF[data-position="left"] {
1846
+ pointer-events: none;
1847
+ }
1848
+
1849
+ .styles-module_section__iUcrF.styles-module_variantWhite__8CQoD {
1850
+ color: var(--color-system-text-300);
1851
+ }
1852
+
1853
+ .styles-module_sizeSm__D8-3J{
1854
+ font-size: 1px;
1855
+ line-height: var(font-line-height);
1856
+ }
1857
+
1858
+ /* * */
1859
+ /* LABEL */
1860
+
1861
+ .styles-module_label__w0QlH {
1862
+ font-size: var(--font-size-sm);
1863
+ font-weight: var(--font-weight-medium);
1864
+ color: var(--color-system-text-100);
1865
+ }
1866
+
1867
+ /* * */
1868
+ /* DESCRIPTION */
1869
+
1870
+ .styles-module_description__1xDf8 {
1871
+ margin-top: 0;
1872
+ margin-bottom: 0;
1873
+ font-size: var(--font-size-sm);
1874
+ font-weight: var(--font-weight-medium);
1875
+ color: var(--color-system-text-200);
1876
+ }
1877
+ /* * */
1878
+ /* TOOLBAR */
1879
+
1880
+ .styles-module_toolbar__zcyRg {
1881
+ display: flex;
1882
+ gap: var(--size-spacing-md);
1883
+ align-items: center;
1884
+ justify-content: flex-start;
1885
+ width: 100%;
1886
+ min-height: 72px;
1887
+ padding: var(--size-spacing-md);
1888
+ overflow-x: auto;
1889
+ }
1890
+ /* * */
1891
+ /* ROOT */
1892
+
1893
+ .styles-module_root__mnCvx {
1894
+ display: flex;
1895
+ align-items: center;
1896
+ justify-content: center;
1897
+ padding: 4px 10px;
1898
+ font-size: 14px;
1899
+ font-weight: var(--font-weight-semibold);
1900
+ line-height: 1;
1901
+ color: var(--color-system-text-300);
1902
+ text-transform: uppercase;
1903
+ white-space: nowrap;
1904
+ cursor: pointer;
1905
+ user-select: none;
1906
+ background: var(--color-system-background-100);
1907
+ border: 2px solid var(--color-system-text-300);
1908
+ border-radius: 999px;
1909
+ box-shadow: none;
1910
+ transition: all 100ms ease;
1911
+ }
1912
+
1913
+ .styles-module_root__mnCvx:hover {
1914
+ color: var(--color-system-text-200);
1915
+ border-color: var(--color-system-text-200);
1916
+ }
1917
+
1918
+ .styles-module_root__mnCvx:active {
1919
+ transform: translateY(1px);
1601
1920
  }
1602
1921
 
1603
1922
  /* * */
1604
- /* LABEL */
1923
+ /* ROOT / ACTIVE */
1605
1924
 
1606
- .styles-module_label__Db4PW {
1607
- font-size: var(--font-size-md);
1608
- font-weight: var(--font-weight-semibold);
1609
- color: var(--color-system-text-200);
1610
- text-transform: uppercase;
1925
+ .styles-module_root__mnCvx[data-active='true'] {
1926
+ color: var(--color-contrast);
1927
+ background: var(--color-primary);
1928
+ border-color: var(--color-secondary);
1929
+ box-shadow: 0 1px 3px 0 var(--color-shadow);
1611
1930
  }
1612
1931
 
1613
1932
  /* * */
1614
- /* VALUE */
1933
+ /* ROOT / DISABLED */
1615
1934
 
1616
- .styles-module_value__JDzid {
1617
- font-size: var(--font-size-lg);
1618
- font-weight: var(--font-weight-normal);
1935
+ .styles-module_root__mnCvx[data-disabled='true'] {
1936
+ color: var(--color-system-border-100);
1937
+ pointer-events: none;
1938
+ background: var(--color-system-background-100);
1939
+ border-color: var(--color-system-border-100);
1940
+ box-shadow: none;
1619
1941
  }
1620
-
1621
1942
  /* * */
1622
1943
  /* CONTAINER */
1623
1944
 
@@ -2079,115 +2400,6 @@ figure {
2079
2400
  /* * */
2080
2401
  /* ROOT */
2081
2402
 
2082
- .styles-module_root__9sh2n {
2083
- display: flex;
2084
- }
2085
-
2086
- /* * */
2087
- /* PROPS / FLEX DIRECTION */
2088
-
2089
- .styles-module_root__9sh2n[data-flex-direction="row"] {
2090
- flex-direction: row;
2091
- }
2092
-
2093
- .styles-module_root__9sh2n[data-flex-direction="column"] {
2094
- flex-direction: column;
2095
- }
2096
-
2097
- /* * */
2098
- /* PROPS / ALIGN ITEMS */
2099
-
2100
- .styles-module_root__9sh2n[data-align-items="flex-start"] {
2101
- align-items: flex-start;
2102
- }
2103
-
2104
- .styles-module_root__9sh2n[data-align-items="center"] {
2105
- align-items: center;
2106
- }
2107
-
2108
- .styles-module_root__9sh2n[data-align-items="flex-end"] {
2109
- align-items: flex-end;
2110
- }
2111
-
2112
- /* * */
2113
- /* PROPS / JUSTIFY CONTENT */
2114
-
2115
- .styles-module_root__9sh2n[data-justify-content="flex-start"] {
2116
- justify-content: flex-start;
2117
- }
2118
-
2119
- .styles-module_root__9sh2n[data-justify-content="center"] {
2120
- justify-content: center;
2121
- }
2122
-
2123
- .styles-module_root__9sh2n[data-justify-content="flex-end"] {
2124
- justify-content: flex-end;
2125
- }
2126
-
2127
- .styles-module_root__9sh2n[data-justify-content="space-between"] {
2128
- justify-content: space-between;
2129
- }
2130
-
2131
- .styles-module_root__9sh2n[data-justify-content="space-around"] {
2132
- justify-content: space-around;
2133
- }
2134
-
2135
- /* * */
2136
- /* PROPS / GAP */
2137
-
2138
- .styles-module_root__9sh2n[data-gap="xs"] {
2139
- gap: var(--size-spacing-xs);
2140
- }
2141
-
2142
- .styles-module_root__9sh2n[data-gap="sm"] {
2143
- gap: var(--size-spacing-sm);
2144
- }
2145
-
2146
- .styles-module_root__9sh2n[data-gap="md"] {
2147
- gap: var(--size-spacing-md);
2148
- }
2149
-
2150
- .styles-module_root__9sh2n[data-gap="lg"] {
2151
- gap: var(--size-spacing-lg);
2152
- }
2153
-
2154
- /* * */
2155
- /* PROPS / PADDING */
2156
-
2157
- .styles-module_root__9sh2n[data-padding="sm"] {
2158
- padding: var(--size-spacing-sm);
2159
- }
2160
-
2161
- .styles-module_root__9sh2n[data-padding="md"] {
2162
- padding: var(--size-spacing-md);
2163
- }
2164
-
2165
- .styles-module_root__9sh2n[data-padding="lg"] {
2166
- padding: var(--size-spacing-lg);
2167
- }
2168
-
2169
- .styles-module_root__9sh2n[data-padding="none"] {
2170
- padding: 0;
2171
- }
2172
-
2173
- /* * */
2174
- /* PROPS / FLEX WRAP */
2175
-
2176
- .styles-module_root__9sh2n[data-flex-wrap] {
2177
- flex-wrap: wrap;
2178
- }
2179
-
2180
- .styles-module_root__9sh2n[data-flex-wrap="nowrap"] {
2181
- flex-wrap: nowrap;
2182
- }
2183
-
2184
- .styles-module_root__9sh2n[data-flex-wrap="wrap-reverse"] {
2185
- flex-wrap: wrap-reverse;
2186
- }
2187
-
2188
- /* * */
2189
- /* ROOT */
2190
-
2191
2403
  .styles-module_root__xDysI {
2192
2404
  display: flex;
2193
2405
  align-items: center;
@@ -2305,130 +2517,6 @@ figure {
2305
2517
  justify-content: flex-end;
2306
2518
  }
2307
2519
  /* * */
2308
- /* TOOLBAR */
2309
-
2310
- .styles-module_toolbar__zcyRg {
2311
- display: flex;
2312
- gap: var(--size-spacing-md);
2313
- align-items: center;
2314
- justify-content: flex-start;
2315
- width: 100%;
2316
- min-height: 72px;
2317
- padding: var(--size-spacing-md);
2318
- overflow-x: auto;
2319
- }
2320
- /* * */
2321
- /* ROOT */
2322
-
2323
- .styles-module_root__mnCvx {
2324
- display: flex;
2325
- align-items: center;
2326
- justify-content: center;
2327
- padding: 4px 10px;
2328
- font-size: 14px;
2329
- font-weight: var(--font-weight-semibold);
2330
- line-height: 1;
2331
- color: var(--color-system-text-300);
2332
- text-transform: uppercase;
2333
- white-space: nowrap;
2334
- cursor: pointer;
2335
- user-select: none;
2336
- background: var(--color-system-background-100);
2337
- border: 2px solid var(--color-system-text-300);
2338
- border-radius: 999px;
2339
- box-shadow: none;
2340
- transition: all 100ms ease;
2341
- }
2342
-
2343
- .styles-module_root__mnCvx:hover {
2344
- color: var(--color-system-text-200);
2345
- border-color: var(--color-system-text-200);
2346
- }
2347
-
2348
- .styles-module_root__mnCvx:active {
2349
- transform: translateY(1px);
2350
- }
2351
-
2352
- /* * */
2353
- /* ROOT / ACTIVE */
2354
-
2355
- .styles-module_root__mnCvx[data-active='true'] {
2356
- color: var(--color-contrast);
2357
- background: var(--color-primary);
2358
- border-color: var(--color-secondary);
2359
- box-shadow: 0 1px 3px 0 var(--color-shadow);
2360
- }
2361
-
2362
- /* * */
2363
- /* ROOT / DISABLED */
2364
-
2365
- .styles-module_root__mnCvx[data-disabled='true'] {
2366
- color: var(--color-system-border-100);
2367
- pointer-events: none;
2368
- background: var(--color-system-background-100);
2369
- border-color: var(--color-system-border-100);
2370
- box-shadow: none;
2371
- }
2372
- /* * */
2373
- /* ROOT */
2374
-
2375
- .styles-module_root__2lf0T {
2376
- display: flex;
2377
- flex-direction: column;
2378
- gap: var(--size-spacing-xs);
2379
- width: 100%;
2380
- }
2381
-
2382
- /* * */
2383
- /* CONTAINER */
2384
-
2385
- .styles-module_container__ehBE3 {
2386
- display: flex;
2387
- flex-direction: row;
2388
- gap: var(--size-spacing-xs);
2389
- align-items: flex-end;
2390
- justify-content: flex-end;
2391
- width: 100%;
2392
- height: fit-content;
2393
- padding: var(--size-spacing-sm);
2394
- cursor: text;
2395
- background-color: var(--color-system-background-100);
2396
- border: 2px solid var(--color-system-border-100);
2397
- border-radius: var(--border-radius-sm);
2398
- }
2399
-
2400
- .styles-module_container__ehBE3[data-focused="true"] {
2401
- border-color: var(--color-primary);
2402
- }
2403
-
2404
- .styles-module_container__ehBE3[data-error="true"] {
2405
- border-color: var(--color-status-danger-primary);
2406
- }
2407
-
2408
- .styles-module_container__ehBE3[data-disabled="true"] {
2409
- color: var(--color-system-text-300);
2410
- cursor: not-allowed;
2411
- background-color: var(--color-system-background-200);
2412
- border-color: var(--color-system-border-200);
2413
- }
2414
-
2415
- /* * */
2416
- /* ERROR */
2417
-
2418
- .styles-module_error__tki5t {
2419
- font-size: var(--font-size-sm);
2420
- font-weight: var(--font-weight-medium);
2421
- color: var(--color-status-danger-primary);
2422
- }
2423
-
2424
- .styles-module_error__tki5t[data-error="true"] {
2425
- display: block;
2426
- }
2427
-
2428
- .styles-module_error__tki5t[data-error="false"] {
2429
- display: none;
2430
- }
2431
- /* * */
2432
2520
  /* PILLS INPUT */
2433
2521
 
2434
2522
  .styles-module_pillsInputPillGroup__-eDFg {