@tmlmobilidade/ui 20250828.1439.42 → 20250828.1507.0

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.
package/dist/index.css CHANGED
@@ -941,6 +941,7 @@
941
941
  display: flex;
942
942
  gap: var(--size-spacing-xs);
943
943
  align-items: center;
944
+ height: fit-content;
944
945
  font-size: var(--font-size-sm);
945
946
  font-weight: var(--font-weight-medium);
946
947
  color: var(--color-system-text-100);
@@ -952,14 +953,35 @@
952
953
  & * {
953
954
  user-select: none;
954
955
  }
956
+
957
+ &[data-size='lg'] {
958
+ padding: var(--size-spacing-sm);
959
+ font-size: var(--font-size-lg);
960
+ }
961
+
962
+ &[data-size='md'] {
963
+ padding: var(--size-spacing-xs);
964
+ font-size: var(--font-size-md);
965
+ }
966
+
967
+ &[data-size='sm'] {
968
+ padding: var(--size-spacing-xs);
969
+ font-size: var(--font-size-sm);
970
+ }
971
+
972
+ &[data-size='xl'] {
973
+ padding: var(--size-spacing-md);
974
+ font-size: var(--font-size-xl);
975
+ }
955
976
  }
956
977
 
978
+ /* * */
979
+ /* LABEL */
980
+
957
981
  .styles-module_label__2CZDF {
958
982
  display: flex;
959
983
  gap: var(--size-spacing-xs);
960
984
  align-items: center;
961
- font-size: var(--font-size-sm);
962
- font-weight: var(--font-weight-medium);
963
985
  color: var(--color-system-text-100);
964
986
  }
965
987
  /* * */
@@ -969,6 +991,7 @@
969
991
  display: grid;
970
992
  grid-template-columns: auto 1fr;
971
993
  gap: var(--size-spacing-sm);
994
+ align-items: center;
972
995
  }
973
996
 
974
997
  /* * */
@@ -2134,6 +2157,46 @@
2134
2157
  /* * */
2135
2158
  /* ROOT */
2136
2159
 
2160
+ .styles-module_root__xDysI {
2161
+ display: flex;
2162
+ align-items: center;
2163
+ justify-content: center;
2164
+ width: 100%;
2165
+ border-bottom: 1px solid var(--color-system-border-200);
2166
+
2167
+
2168
+ /* * */
2169
+ /* PROPS / SEPARATOR TYPE */
2170
+ &[data-separator-type="dashed"] {
2171
+ border-bottom: 1px dashed var(--color-system-border-100);
2172
+ }
2173
+
2174
+ &[data-separator-type="solid"] {
2175
+ border-bottom: 1px solid var(--color-system-border-100);
2176
+ }
2177
+
2178
+ /* * */
2179
+ /* PROPS / MARGIN */
2180
+
2181
+ &[data-margin="sm"] {
2182
+ margin: var(--size-spacing-sm);
2183
+ }
2184
+
2185
+ &[data-margin="md"] {
2186
+ margin: var(--size-spacing-md);
2187
+ }
2188
+
2189
+ &[data-margin="lg"] {
2190
+ margin: var(--size-spacing-lg);
2191
+ }
2192
+
2193
+ &[data-margin="none"] {
2194
+ margin: 0;
2195
+ }
2196
+ }
2197
+ /* * */
2198
+ /* ROOT */
2199
+
2137
2200
  .styles-module_root__Rhx1c {
2138
2201
  display: flex;
2139
2202
  flex-direction: column;