@tmlmobilidade/ui 20250828.1342.43 → 20250828.1453.35

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
@@ -934,6 +934,56 @@
934
934
  background-color: var(--color-system-background-200) !important;
935
935
  }
936
936
 
937
+ /* * */
938
+ /* PILL */
939
+
940
+ .styles-module_pill__yivEf {
941
+ display: flex;
942
+ gap: var(--size-spacing-xs);
943
+ align-items: center;
944
+ height: fit-content;
945
+ font-size: var(--font-size-sm);
946
+ font-weight: var(--font-weight-medium);
947
+ color: var(--color-system-text-100);
948
+ cursor: auto;
949
+ background-color: var(--color-system-background-200);
950
+ border-radius: var(--border-radius-xs);
951
+ box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);
952
+
953
+ & * {
954
+ user-select: none;
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
+ }
976
+ }
977
+
978
+ /* * */
979
+ /* LABEL */
980
+
981
+ .styles-module_label__2CZDF {
982
+ display: flex;
983
+ gap: var(--size-spacing-xs);
984
+ align-items: center;
985
+ color: var(--color-system-text-100);
986
+ }
937
987
  /* * */
938
988
  /* CONTAINER */
939
989
 
@@ -2106,6 +2156,45 @@
2106
2156
  /* * */
2107
2157
  /* ROOT */
2108
2158
 
2159
+ .styles-module_root__xDysI {
2160
+ display: flex;
2161
+ align-items: center;
2162
+ justify-content: center;
2163
+ border-bottom: 1px solid var(--color-system-border-200);
2164
+
2165
+
2166
+ /* * */
2167
+ /* PROPS / SEPARATOR TYPE */
2168
+ &[data-separator-type="dashed"] {
2169
+ border-bottom: 1px dashed var(--color-system-border-100);
2170
+ }
2171
+
2172
+ &[data-separator-type="solid"] {
2173
+ border-bottom: 1px solid var(--color-system-border-100);
2174
+ }
2175
+
2176
+ /* * */
2177
+ /* PROPS / MARGIN */
2178
+
2179
+ &[data-margin="sm"] {
2180
+ margin: var(--size-spacing-sm);
2181
+ }
2182
+
2183
+ &[data-margin="md"] {
2184
+ margin: var(--size-spacing-md);
2185
+ }
2186
+
2187
+ &[data-margin="lg"] {
2188
+ margin: var(--size-spacing-lg);
2189
+ }
2190
+
2191
+ &[data-margin="none"] {
2192
+ margin: 0;
2193
+ }
2194
+ }
2195
+ /* * */
2196
+ /* ROOT */
2197
+
2109
2198
  .styles-module_root__Rhx1c {
2110
2199
  display: flex;
2111
2200
  flex-direction: column;