@tmlmobilidade/ui 20250401.2248.45 → 20250401.2342.20

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 (33) hide show
  1. package/dist/index.css.map +1 -1
  2. package/dist/index.d.ts +26 -52
  3. package/dist/index.js +3 -3
  4. package/dist/src/components/datatable/DataTable/index.js.map +1 -1
  5. package/dist/src/components/datatable/DataTableHeader/index.js.map +1 -1
  6. package/dist/src/components/datatable/DataTableRow/index.js +6 -1
  7. package/dist/src/components/datatable/DataTableRow/index.js.map +1 -1
  8. package/dist/src/components/layout/AppWrapper/index.js +4 -8
  9. package/dist/src/components/layout/AppWrapper/index.js.map +1 -1
  10. package/dist/src/components/layout/AppWrapper/styles.module.css.js +1 -1
  11. package/dist/src/components/layout/{Section → Collapsible}/index.js +5 -3
  12. package/dist/src/components/layout/Collapsible/index.js.map +1 -0
  13. package/dist/src/components/layout/Collapsible/styles.module.css.js +4 -0
  14. package/dist/src/components/layout/Pane/index.js +2 -3
  15. package/dist/src/components/layout/Pane/index.js.map +1 -1
  16. package/dist/src/components/layout/PanesManager/index.js.map +1 -1
  17. package/dist/src/components/layout/Sidebar/index.js +0 -1
  18. package/dist/src/components/layout/Sidebar/index.js.map +1 -1
  19. package/dist/src/components/layout/Spacer/index.js +0 -1
  20. package/dist/src/components/layout/Spacer/index.js.map +1 -1
  21. package/dist/src/components/layout/Surface/index.js +3 -8
  22. package/dist/src/components/layout/Surface/index.js.map +1 -1
  23. package/dist/src/components/layout/Surface/styles.module.css.js +1 -1
  24. package/dist/styles-no-reset.css +200 -208
  25. package/dist/styles.css +200 -208
  26. package/package.json +1 -1
  27. package/dist/src/components/layout/Section/index.js.map +0 -1
  28. package/dist/src/components/layout/Section/styles.module.css.js +0 -4
  29. package/dist/src/components/layout/SimpleSurface/index.js +0 -10
  30. package/dist/src/components/layout/SimpleSurface/index.js.map +0 -1
  31. package/dist/src/components/layout/SimpleSurface/styles.module.css.js +0 -4
  32. package/dist/src/components/layout/SimpleSurface/styles.module.css.js.map +0 -1
  33. /package/dist/src/components/layout/{Section → Collapsible}/styles.module.css.js.map +0 -0
@@ -9576,12 +9576,13 @@ breakpoint-mobile {
9576
9576
  z-index: 1;
9577
9577
  display: flex;
9578
9578
  flex-direction: row;
9579
+ width: min-content;
9579
9580
  background-color: var(--color-system-background-100);
9580
9581
  border-bottom: 1px solid var(--color-system-border-100);
9581
9582
  }
9582
9583
 
9583
9584
  .styles-module_cell__mfzlU {
9584
- padding: var(--size-spacing-md);
9585
+ padding: var(--size-spacing-sm) var(--size-spacing-md);
9585
9586
  font-size: var(--font-size-xs);
9586
9587
  font-weight: var(--font-weight-semibold);
9587
9588
  line-height: var(--font-line-height-xs);
@@ -9602,6 +9603,7 @@ breakpoint-mobile {
9602
9603
 
9603
9604
  .styles-module_row__46pHv {
9604
9605
  display: flex;
9606
+ width: min-content;
9605
9607
  background-color: var(--color-system-background-100);
9606
9608
  border-bottom: 1px solid var(--color-system-border-100);
9607
9609
  }
@@ -9774,210 +9776,6 @@ breakpoint-mobile {
9774
9776
  }
9775
9777
  }
9776
9778
  /* * */
9777
- /* TITLE WRAPPER */
9778
-
9779
- .styles-module_titleWrapper__PzdlG {
9780
- margin-right: var(--size-spacing-md);
9781
- }
9782
-
9783
- /* * */
9784
- /* TITLE */
9785
-
9786
- .styles-module_title__hJPfo {
9787
- color: var(--color-system-text-100);
9788
- font-weight: var(--font-weight-bold);
9789
- line-height: var(--font-line-height-xl);
9790
- font-size: var(--font-size-xl);
9791
- text-transform: uppercase;
9792
- margin: 0;
9793
- }
9794
-
9795
- /* * */
9796
- /* DESCRIPTION */
9797
-
9798
- .styles-module_description__b9iYX {
9799
- color: var(--color-system-text-200);
9800
- font-size: var(--font-size-base);
9801
- line-height: var(--font-line-height-base);
9802
- font-weight: var(--font-weight-semibold);
9803
- }
9804
-
9805
- /* * */
9806
- /* CONTROL */
9807
-
9808
- .styles-module_control__WpPBD {
9809
- background-color: var(--color-system-background-100);
9810
- padding: 0 var(--size-spacing-md);
9811
- }
9812
-
9813
- /* * */
9814
- /* PANEL */
9815
-
9816
- .styles-module_content__rKMYs {
9817
- padding: 0;
9818
- }
9819
-
9820
- /* * */
9821
- /* CHEVRON */
9822
-
9823
- .styles-module_chevron__ow73h {
9824
- &[data-rotate] {
9825
- transform: rotate(-90deg);
9826
- }
9827
- width: var(--font-size-xl);
9828
- height: var(--font-size-xl);
9829
- }
9830
-
9831
- .styles-module_icon__ut-ws {
9832
- color: var(--color-system-border-100);
9833
- }
9834
- /* * */
9835
- /* SURFACE / ROOT */
9836
-
9837
- .styles-module_root__gwoL6 {
9838
- display: flex;
9839
- flex-direction: column;
9840
- align-items: flex-start;
9841
- justify-content: flex-start;
9842
- width: 100%;
9843
- background-color: var(--color-system-background-100);
9844
- border: 1px solid var(--color-system-border-100);
9845
- border-radius: 5px;
9846
- box-shadow: 0 1px 3px 0 rgb(0 0 0 / 5%);
9847
- }
9848
-
9849
- /* * */
9850
- /* PROPS / HEIGHT */
9851
-
9852
- .styles-module_root__gwoL6[data-height='auto'] {
9853
- height: auto;
9854
- }
9855
-
9856
- .styles-module_root__gwoL6[data-height='full'] {
9857
- height: 100%;
9858
- }
9859
-
9860
- /* * */
9861
- /* PROPS / OVERFLOW */
9862
-
9863
- .styles-module_root__gwoL6[data-overflow='auto'] {
9864
- overflow: auto;
9865
- }
9866
-
9867
- .styles-module_root__gwoL6[data-overflow='hidden'] {
9868
- overflow: hidden;
9869
- }
9870
-
9871
- .styles-module_root__gwoL6[data-overflow='scroll'] {
9872
- overflow: scroll;
9873
- }
9874
-
9875
- /* * */
9876
- /* PROPS / PADDING */
9877
-
9878
- .styles-module_root__gwoL6[data-padding='sm'] {
9879
- padding: var(--size-spacing-sm);
9880
- }
9881
-
9882
- .styles-module_root__gwoL6[data-padding='md'] {
9883
- padding: var(--size-spacing-md);
9884
- }
9885
-
9886
- .styles-module_root__gwoL6[data-padding='lg'] {
9887
- padding: var(--size-spacing-lg);
9888
- }
9889
-
9890
- .styles-module_root__gwoL6[data-padding='xl'] {
9891
- padding: var(--size-spacing-xl);
9892
- }
9893
- .styles-module_root__Rhx1c {
9894
- display: flex;
9895
- flex-direction: column;
9896
- gap: var(--size-spacing-md);
9897
- }
9898
-
9899
- /* Default styles for the container */
9900
- .styles-module_surface__kO8HP {
9901
- display: flex;
9902
- flex-direction: column;
9903
- border: 2px solid var(--color-system-border-100);
9904
- gap: var(--size-spacing-md);
9905
- }
9906
-
9907
- /* Border Radius Styles */
9908
- .styles-module_borderRadius-none__HBRpR {
9909
- border-radius: 0;
9910
- }
9911
- .styles-module_borderRadius-sm__73-nw {
9912
- border-radius: var(--border-radius-sm);
9913
- }
9914
- .styles-module_borderRadius-md__2-luz {
9915
- border-radius: var(--border-radius-md);
9916
- }
9917
- .styles-module_borderRadius-lg__oEtfh {
9918
- border-radius: var(--border-radius-lg);
9919
- }
9920
- .styles-module_borderRadius-xl__ZDDZc {
9921
- border-radius: var(--border-radius-xl);
9922
- }
9923
-
9924
- /* Padding Styles */
9925
- .styles-module_padding-none__eO-gr {
9926
- padding: 0;
9927
- }
9928
- .styles-module_padding-sm__5MvKx {
9929
- padding: var(--size-spacing-sm);
9930
- }
9931
- .styles-module_padding-md__0Asee {
9932
- padding: var(--size-spacing-md);
9933
- }
9934
- .styles-module_padding-lg__1fB8Q {
9935
- padding: var(--size-spacing-lg);
9936
- }
9937
- .styles-module_padding-xl__lBM42 {
9938
- padding: var(--size-spacing-xl);
9939
- }
9940
-
9941
- /* Divider Styles */
9942
- .styles-module_divider__Pwhgc {
9943
- border: 1px solid var(--color-system-border-100);
9944
- }
9945
-
9946
- /* Variant Styles */
9947
- .styles-module_default__Ty9eo {
9948
- background-color: var(--color-system-background-100);
9949
- border-color: var(--color-system-border-100);
9950
- color: var(--color-system-text-100);
9951
- }
9952
- .styles-module_primary__AirHO {
9953
- background-color: var(--color-primary);
9954
- border-color: var(--color-secondary);
9955
- color: var(--color-contrast);
9956
- }
9957
- .styles-module_secondary__Kw0cY {
9958
- background-color: var(--color-secondary);
9959
- border-color: var(--color-primary);
9960
- color: var(--color-contrast);
9961
- color: var(--color-contrast);
9962
- }
9963
-
9964
- /* Gap Styles */
9965
- .styles-module_gap-none__P8puF {
9966
- gap: 0;
9967
- }
9968
- .styles-module_gap-sm__0DQmT {
9969
- gap: var(--size-spacing-sm);
9970
- }
9971
- .styles-module_gap-md__HYXte {
9972
- gap: var(--size-spacing-md);
9973
- }
9974
- .styles-module_gap-lg__dhDB3 {
9975
- gap: var(--size-spacing-lg);
9976
- }
9977
- .styles-module_gap-xl__fa4pK {
9978
- gap: var(--size-spacing-xl);
9979
- }
9980
- /* * */
9981
9779
  /* CONTAINER */
9982
9780
 
9983
9781
  .styles-module_container__Xa8G- {
@@ -10131,9 +9929,9 @@ breakpoint-mobile {
10131
9929
  }
10132
9930
 
10133
9931
  /* * */
10134
- /* APP ICON */
9932
+ /* APP LOGO */
10135
9933
 
10136
- .styles-module_appIcon__QFZYG {
9934
+ .styles-module_appLogo__dDRzg {
10137
9935
  z-index: 100;
10138
9936
  display: flex;
10139
9937
  align-items: center;
@@ -10147,7 +9945,7 @@ breakpoint-mobile {
10147
9945
  }
10148
9946
 
10149
9947
  @media (prefers-color-scheme: dark) {
10150
- .styles-module_appIcon__QFZYG {
9948
+ .styles-module_appLogo__dDRzg {
10151
9949
  background-color: var(--color-system-background-100);
10152
9950
  }
10153
9951
  }
@@ -10164,6 +9962,123 @@ breakpoint-mobile {
10164
9962
  background-color: var(--color-system-background-200);
10165
9963
  }
10166
9964
  /* * */
9965
+ /* TITLE WRAPPER */
9966
+
9967
+ .styles-module_titleWrapper__HChNm {
9968
+ margin-right: var(--size-spacing-md);
9969
+ }
9970
+
9971
+ /* * */
9972
+ /* TITLE */
9973
+
9974
+ .styles-module_title__UquJl {
9975
+ color: var(--color-system-text-100);
9976
+ font-weight: var(--font-weight-bold);
9977
+ line-height: var(--font-line-height-xl);
9978
+ font-size: var(--font-size-xl);
9979
+ text-transform: uppercase;
9980
+ margin: 0;
9981
+ }
9982
+
9983
+ /* * */
9984
+ /* DESCRIPTION */
9985
+
9986
+ .styles-module_description__0-6n4 {
9987
+ color: var(--color-system-text-200);
9988
+ font-size: var(--font-size-base);
9989
+ line-height: var(--font-line-height-base);
9990
+ font-weight: var(--font-weight-semibold);
9991
+ }
9992
+
9993
+ /* * */
9994
+ /* CONTROL */
9995
+
9996
+ .styles-module_control__IYUmL {
9997
+ background-color: var(--color-system-background-100);
9998
+ padding: 0 var(--size-spacing-md);
9999
+ }
10000
+
10001
+ /* * */
10002
+ /* PANEL */
10003
+
10004
+ .styles-module_content__FrgBx {
10005
+ padding: 0;
10006
+ }
10007
+
10008
+ /* * */
10009
+ /* CHEVRON */
10010
+
10011
+ .styles-module_chevron__4OZ-F {
10012
+ &[data-rotate] {
10013
+ transform: rotate(-90deg);
10014
+ }
10015
+ width: var(--font-size-xl);
10016
+ height: var(--font-size-xl);
10017
+ }
10018
+
10019
+ .styles-module_icon__dyaWp {
10020
+ color: var(--color-system-border-100);
10021
+ }
10022
+ /* * */
10023
+ /* SURFACE / ROOT */
10024
+
10025
+ .styles-module_root__Rhx1c {
10026
+ display: flex;
10027
+ flex-direction: column;
10028
+ align-items: flex-start;
10029
+ justify-content: flex-start;
10030
+ width: 100%;
10031
+ background-color: var(--color-system-background-100);
10032
+ border: 1px solid var(--color-system-border-100);
10033
+ border-radius: 5px;
10034
+ box-shadow: 0 1px 3px 0 rgb(0 0 0 / 5%);
10035
+ }
10036
+
10037
+ /* * */
10038
+ /* PROPS / HEIGHT */
10039
+
10040
+ .styles-module_root__Rhx1c[data-height='auto'] {
10041
+ height: auto;
10042
+ }
10043
+
10044
+ .styles-module_root__Rhx1c[data-height='full'] {
10045
+ height: 100%;
10046
+ }
10047
+
10048
+ /* * */
10049
+ /* PROPS / OVERFLOW */
10050
+
10051
+ .styles-module_root__Rhx1c[data-overflow='auto'] {
10052
+ overflow: auto;
10053
+ }
10054
+
10055
+ .styles-module_root__Rhx1c[data-overflow='hidden'] {
10056
+ overflow: hidden;
10057
+ }
10058
+
10059
+ .styles-module_root__Rhx1c[data-overflow='scroll'] {
10060
+ overflow: scroll;
10061
+ }
10062
+
10063
+ /* * */
10064
+ /* PROPS / PADDING */
10065
+
10066
+ .styles-module_root__Rhx1c[data-padding='sm'] {
10067
+ padding: var(--size-spacing-sm);
10068
+ }
10069
+
10070
+ .styles-module_root__Rhx1c[data-padding='md'] {
10071
+ padding: var(--size-spacing-md);
10072
+ }
10073
+
10074
+ .styles-module_root__Rhx1c[data-padding='lg'] {
10075
+ padding: var(--size-spacing-lg);
10076
+ }
10077
+
10078
+ .styles-module_root__Rhx1c[data-padding='xl'] {
10079
+ padding: var(--size-spacing-xl);
10080
+ }
10081
+ /* * */
10167
10082
  /* HEADER */
10168
10083
 
10169
10084
  .styles-module_headerWrapper__DHYtn {
@@ -10235,6 +10150,83 @@ breakpoint-mobile {
10235
10150
  opacity: 1;
10236
10151
  }
10237
10152
  /* * */
10153
+ /* ROOT */
10154
+
10155
+ .styles-module_root__9sh2n {
10156
+ display: flex;
10157
+ }
10158
+
10159
+ /* * */
10160
+ /* PROPS / FLEX DIRECTION */
10161
+
10162
+ .styles-module_root__9sh2n[data-flex-direction="row"] {
10163
+ flex-direction: row;
10164
+ }
10165
+
10166
+ .styles-module_root__9sh2n[data-flex-direction="column"] {
10167
+ flex-direction: column;
10168
+ }
10169
+
10170
+ /* * */
10171
+ /* PROPS / ALIGN ITEMS */
10172
+
10173
+ .styles-module_root__9sh2n[data-align-items="flex-start"] {
10174
+ align-items: flex-start;
10175
+ }
10176
+
10177
+ .styles-module_root__9sh2n[data-align-items="center"] {
10178
+ align-items: center;
10179
+ }
10180
+
10181
+ .styles-module_root__9sh2n[data-align-items="flex-end"] {
10182
+ align-items: flex-end;
10183
+ }
10184
+
10185
+ /* * */
10186
+ /* PROPS / JUSTIFY CONTENT */
10187
+
10188
+ .styles-module_root__9sh2n[data-justify-content="flex-start"] {
10189
+ justify-content: flex-start;
10190
+ }
10191
+
10192
+ .styles-module_root__9sh2n[data-justify-content="center"] {
10193
+ justify-content: center;
10194
+ }
10195
+
10196
+ .styles-module_root__9sh2n[data-justify-content="flex-end"] {
10197
+ justify-content: flex-end;
10198
+ }
10199
+
10200
+ /* * */
10201
+ /* PROPS / GAP */
10202
+
10203
+ .styles-module_root__9sh2n[data-gap="sm"] {
10204
+ gap: var(--size-spacing-sm);
10205
+ }
10206
+
10207
+ .styles-module_root__9sh2n[data-gap="md"] {
10208
+ gap: var(--size-spacing-md);
10209
+ }
10210
+
10211
+ .styles-module_root__9sh2n[data-gap="lg"] {
10212
+ gap: var(--size-spacing-lg);
10213
+ }
10214
+
10215
+ /* * */
10216
+ /* PROPS / PADDING */
10217
+
10218
+ .styles-module_root__9sh2n[data-padding="sm"] {
10219
+ padding: var(--size-spacing-sm);
10220
+ }
10221
+
10222
+ .styles-module_root__9sh2n[data-padding="md"] {
10223
+ padding: var(--size-spacing-md);
10224
+ }
10225
+
10226
+ .styles-module_root__9sh2n[data-padding="lg"] {
10227
+ padding: var(--size-spacing-lg);
10228
+ }
10229
+ /* * */
10238
10230
  /* CONTAINER */
10239
10231
 
10240
10232
  .styles-module_container__nTl3X {