@tmlmobilidade/ui 20250401.2300.6 → 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 (32) 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.map +1 -1
  7. package/dist/src/components/layout/AppWrapper/index.js +4 -8
  8. package/dist/src/components/layout/AppWrapper/index.js.map +1 -1
  9. package/dist/src/components/layout/AppWrapper/styles.module.css.js +1 -1
  10. package/dist/src/components/layout/{Section → Collapsible}/index.js +5 -3
  11. package/dist/src/components/layout/Collapsible/index.js.map +1 -0
  12. package/dist/src/components/layout/Collapsible/styles.module.css.js +4 -0
  13. package/dist/src/components/layout/Pane/index.js +2 -3
  14. package/dist/src/components/layout/Pane/index.js.map +1 -1
  15. package/dist/src/components/layout/PanesManager/index.js.map +1 -1
  16. package/dist/src/components/layout/Sidebar/index.js +0 -1
  17. package/dist/src/components/layout/Sidebar/index.js.map +1 -1
  18. package/dist/src/components/layout/Spacer/index.js +0 -1
  19. package/dist/src/components/layout/Spacer/index.js.map +1 -1
  20. package/dist/src/components/layout/Surface/index.js +3 -8
  21. package/dist/src/components/layout/Surface/index.js.map +1 -1
  22. package/dist/src/components/layout/Surface/styles.module.css.js +1 -1
  23. package/dist/styles-no-reset.css +197 -207
  24. package/dist/styles.css +197 -207
  25. package/package.json +1 -1
  26. package/dist/src/components/layout/Section/index.js.map +0 -1
  27. package/dist/src/components/layout/Section/styles.module.css.js +0 -4
  28. package/dist/src/components/layout/SimpleSurface/index.js +0 -10
  29. package/dist/src/components/layout/SimpleSurface/index.js.map +0 -1
  30. package/dist/src/components/layout/SimpleSurface/styles.module.css.js +0 -4
  31. package/dist/src/components/layout/SimpleSurface/styles.module.css.js.map +0 -1
  32. /package/dist/src/components/layout/{Section → Collapsible}/styles.module.css.js.map +0 -0
@@ -9776,210 +9776,6 @@ breakpoint-mobile {
9776
9776
  }
9777
9777
  }
9778
9778
  /* * */
9779
- /* TITLE WRAPPER */
9780
-
9781
- .styles-module_titleWrapper__PzdlG {
9782
- margin-right: var(--size-spacing-md);
9783
- }
9784
-
9785
- /* * */
9786
- /* TITLE */
9787
-
9788
- .styles-module_title__hJPfo {
9789
- color: var(--color-system-text-100);
9790
- font-weight: var(--font-weight-bold);
9791
- line-height: var(--font-line-height-xl);
9792
- font-size: var(--font-size-xl);
9793
- text-transform: uppercase;
9794
- margin: 0;
9795
- }
9796
-
9797
- /* * */
9798
- /* DESCRIPTION */
9799
-
9800
- .styles-module_description__b9iYX {
9801
- color: var(--color-system-text-200);
9802
- font-size: var(--font-size-base);
9803
- line-height: var(--font-line-height-base);
9804
- font-weight: var(--font-weight-semibold);
9805
- }
9806
-
9807
- /* * */
9808
- /* CONTROL */
9809
-
9810
- .styles-module_control__WpPBD {
9811
- background-color: var(--color-system-background-100);
9812
- padding: 0 var(--size-spacing-md);
9813
- }
9814
-
9815
- /* * */
9816
- /* PANEL */
9817
-
9818
- .styles-module_content__rKMYs {
9819
- padding: 0;
9820
- }
9821
-
9822
- /* * */
9823
- /* CHEVRON */
9824
-
9825
- .styles-module_chevron__ow73h {
9826
- &[data-rotate] {
9827
- transform: rotate(-90deg);
9828
- }
9829
- width: var(--font-size-xl);
9830
- height: var(--font-size-xl);
9831
- }
9832
-
9833
- .styles-module_icon__ut-ws {
9834
- color: var(--color-system-border-100);
9835
- }
9836
- /* * */
9837
- /* SURFACE / ROOT */
9838
-
9839
- .styles-module_root__gwoL6 {
9840
- display: flex;
9841
- flex-direction: column;
9842
- align-items: flex-start;
9843
- justify-content: flex-start;
9844
- width: 100%;
9845
- background-color: var(--color-system-background-100);
9846
- border: 1px solid var(--color-system-border-100);
9847
- border-radius: 5px;
9848
- box-shadow: 0 1px 3px 0 rgb(0 0 0 / 5%);
9849
- }
9850
-
9851
- /* * */
9852
- /* PROPS / HEIGHT */
9853
-
9854
- .styles-module_root__gwoL6[data-height='auto'] {
9855
- height: auto;
9856
- }
9857
-
9858
- .styles-module_root__gwoL6[data-height='full'] {
9859
- height: 100%;
9860
- }
9861
-
9862
- /* * */
9863
- /* PROPS / OVERFLOW */
9864
-
9865
- .styles-module_root__gwoL6[data-overflow='auto'] {
9866
- overflow: auto;
9867
- }
9868
-
9869
- .styles-module_root__gwoL6[data-overflow='hidden'] {
9870
- overflow: hidden;
9871
- }
9872
-
9873
- .styles-module_root__gwoL6[data-overflow='scroll'] {
9874
- overflow: scroll;
9875
- }
9876
-
9877
- /* * */
9878
- /* PROPS / PADDING */
9879
-
9880
- .styles-module_root__gwoL6[data-padding='sm'] {
9881
- padding: var(--size-spacing-sm);
9882
- }
9883
-
9884
- .styles-module_root__gwoL6[data-padding='md'] {
9885
- padding: var(--size-spacing-md);
9886
- }
9887
-
9888
- .styles-module_root__gwoL6[data-padding='lg'] {
9889
- padding: var(--size-spacing-lg);
9890
- }
9891
-
9892
- .styles-module_root__gwoL6[data-padding='xl'] {
9893
- padding: var(--size-spacing-xl);
9894
- }
9895
- .styles-module_root__Rhx1c {
9896
- display: flex;
9897
- flex-direction: column;
9898
- gap: var(--size-spacing-md);
9899
- }
9900
-
9901
- /* Default styles for the container */
9902
- .styles-module_surface__kO8HP {
9903
- display: flex;
9904
- flex-direction: column;
9905
- border: 2px solid var(--color-system-border-100);
9906
- gap: var(--size-spacing-md);
9907
- }
9908
-
9909
- /* Border Radius Styles */
9910
- .styles-module_borderRadius-none__HBRpR {
9911
- border-radius: 0;
9912
- }
9913
- .styles-module_borderRadius-sm__73-nw {
9914
- border-radius: var(--border-radius-sm);
9915
- }
9916
- .styles-module_borderRadius-md__2-luz {
9917
- border-radius: var(--border-radius-md);
9918
- }
9919
- .styles-module_borderRadius-lg__oEtfh {
9920
- border-radius: var(--border-radius-lg);
9921
- }
9922
- .styles-module_borderRadius-xl__ZDDZc {
9923
- border-radius: var(--border-radius-xl);
9924
- }
9925
-
9926
- /* Padding Styles */
9927
- .styles-module_padding-none__eO-gr {
9928
- padding: 0;
9929
- }
9930
- .styles-module_padding-sm__5MvKx {
9931
- padding: var(--size-spacing-sm);
9932
- }
9933
- .styles-module_padding-md__0Asee {
9934
- padding: var(--size-spacing-md);
9935
- }
9936
- .styles-module_padding-lg__1fB8Q {
9937
- padding: var(--size-spacing-lg);
9938
- }
9939
- .styles-module_padding-xl__lBM42 {
9940
- padding: var(--size-spacing-xl);
9941
- }
9942
-
9943
- /* Divider Styles */
9944
- .styles-module_divider__Pwhgc {
9945
- border: 1px solid var(--color-system-border-100);
9946
- }
9947
-
9948
- /* Variant Styles */
9949
- .styles-module_default__Ty9eo {
9950
- background-color: var(--color-system-background-100);
9951
- border-color: var(--color-system-border-100);
9952
- color: var(--color-system-text-100);
9953
- }
9954
- .styles-module_primary__AirHO {
9955
- background-color: var(--color-primary);
9956
- border-color: var(--color-secondary);
9957
- color: var(--color-contrast);
9958
- }
9959
- .styles-module_secondary__Kw0cY {
9960
- background-color: var(--color-secondary);
9961
- border-color: var(--color-primary);
9962
- color: var(--color-contrast);
9963
- color: var(--color-contrast);
9964
- }
9965
-
9966
- /* Gap Styles */
9967
- .styles-module_gap-none__P8puF {
9968
- gap: 0;
9969
- }
9970
- .styles-module_gap-sm__0DQmT {
9971
- gap: var(--size-spacing-sm);
9972
- }
9973
- .styles-module_gap-md__HYXte {
9974
- gap: var(--size-spacing-md);
9975
- }
9976
- .styles-module_gap-lg__dhDB3 {
9977
- gap: var(--size-spacing-lg);
9978
- }
9979
- .styles-module_gap-xl__fa4pK {
9980
- gap: var(--size-spacing-xl);
9981
- }
9982
- /* * */
9983
9779
  /* CONTAINER */
9984
9780
 
9985
9781
  .styles-module_container__Xa8G- {
@@ -10133,9 +9929,9 @@ breakpoint-mobile {
10133
9929
  }
10134
9930
 
10135
9931
  /* * */
10136
- /* APP ICON */
9932
+ /* APP LOGO */
10137
9933
 
10138
- .styles-module_appIcon__QFZYG {
9934
+ .styles-module_appLogo__dDRzg {
10139
9935
  z-index: 100;
10140
9936
  display: flex;
10141
9937
  align-items: center;
@@ -10149,7 +9945,7 @@ breakpoint-mobile {
10149
9945
  }
10150
9946
 
10151
9947
  @media (prefers-color-scheme: dark) {
10152
- .styles-module_appIcon__QFZYG {
9948
+ .styles-module_appLogo__dDRzg {
10153
9949
  background-color: var(--color-system-background-100);
10154
9950
  }
10155
9951
  }
@@ -10166,6 +9962,123 @@ breakpoint-mobile {
10166
9962
  background-color: var(--color-system-background-200);
10167
9963
  }
10168
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
+ /* * */
10169
10082
  /* HEADER */
10170
10083
 
10171
10084
  .styles-module_headerWrapper__DHYtn {
@@ -10237,6 +10150,83 @@ breakpoint-mobile {
10237
10150
  opacity: 1;
10238
10151
  }
10239
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
+ /* * */
10240
10230
  /* CONTAINER */
10241
10231
 
10242
10232
  .styles-module_container__nTl3X {