@tmlmobilidade/ui 20250403.1800.25 → 20250403.1817.10

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/styles.css CHANGED
@@ -8383,10 +8383,9 @@ body {
8383
8383
 
8384
8384
  --font-size-xs: 0.75rem; /* 12px */
8385
8385
  --font-size-sm: 0.875rem; /* 14px */
8386
- --font-size-base: 1rem; /* 16px */
8386
+ --font-size-md: 1rem; /* 16px */
8387
8387
  --font-size-lg: 1.125rem; /* 18px */
8388
8388
  --font-size-xl: 1.25rem; /* 20px */
8389
- --font-size-2xl: 1.5rem; /* 24px */
8390
8389
 
8391
8390
  /* * */
8392
8391
  /* FONT / LINE-HEIGHT */
@@ -8890,6 +8889,22 @@ breakpoint-mobile {
8890
8889
  .Text-module_root__eau92[data-size='xs'] {
8891
8890
  font-size: var(--font-size-xs);
8892
8891
  }
8892
+
8893
+ .Text-module_root__eau92[data-size='sm'] {
8894
+ font-size: var(--font-size-sm);
8895
+ }
8896
+
8897
+ .Text-module_root__eau92[data-size='md'] {
8898
+ font-size: var(--font-size-md);
8899
+ }
8900
+
8901
+ .Text-module_root__eau92[data-size='lg'] {
8902
+ font-size: var(--font-size-lg);
8903
+ }
8904
+
8905
+ .Text-module_root__eau92[data-size='xl'] {
8906
+ font-size: var(--font-size-xl);
8907
+ }
8893
8908
  /* * */
8894
8909
  /* INPUT */
8895
8910
 
@@ -9012,7 +9027,7 @@ breakpoint-mobile {
9012
9027
  .TextInput-module_label__wvb-u {
9013
9028
  padding: 0;
9014
9029
  margin: 0;
9015
- font-size: var(--font-size-base);
9030
+ font-size: var(--font-size-md);
9016
9031
  font-weight: var(--font-weight-medium);
9017
9032
  line-height: var(font-line-height);
9018
9033
  color: var(--color-system-text-100);
@@ -9111,14 +9126,14 @@ breakpoint-mobile {
9111
9126
  }
9112
9127
  }
9113
9128
  .styles-module_button__fQIgs {
9114
- transition: all 300ms ease-in;
9129
+ width: fit-content;
9130
+ min-width: fit-content;
9131
+ font-size: var(--font-size-md);
9132
+ font-weight: var(--font-weight-semibold);
9115
9133
  border: 2px solid transparent;
9116
9134
  border-radius: var(--border-radius-xs);
9117
- font-size: var(--font-size-base);
9118
- font-weight: var(--font-weight-semibold);
9119
- width: fit-content;
9120
9135
  box-shadow: 0 1px 3px 0 var(--color-shadow);
9121
- min-width: fit-content;
9136
+ transition: all 300ms ease-in;
9122
9137
  }
9123
9138
 
9124
9139
  .styles-module_fontxs__c61kh {
@@ -9130,7 +9145,7 @@ breakpoint-mobile {
9130
9145
  }
9131
9146
 
9132
9147
  .styles-module_fontbase__Uzeoy {
9133
- font-size: var(--font-size-base);
9148
+ font-size: var(--font-size-md);
9134
9149
  }
9135
9150
 
9136
9151
  .styles-module_fontlg__TfMwu {
@@ -9157,97 +9172,97 @@ breakpoint-mobile {
9157
9172
  }
9158
9173
 
9159
9174
  .styles-module_primary__HWgQU {
9175
+ color: var(--color-primary);
9160
9176
  background-color: var(--color-background);
9161
9177
  border-color: var(--color-primary);
9162
- color: var(--color-primary);
9163
9178
  }
9164
9179
 
9165
9180
  .styles-module_primary__HWgQU[data-active="true"] {
9166
- background-color: var(--color-primary);
9167
9181
  color: var(--color-contrast);
9182
+ background-color: var(--color-primary);
9168
9183
  }
9169
9184
 
9170
9185
  .styles-module_secondary__UOKnw {
9186
+ color: var(--color-secondary);
9171
9187
  background-color: var(--color-background);
9172
9188
  border-color: var(--color-secondary);
9173
- color: var(--color-secondary);
9174
9189
  }
9175
9190
 
9176
9191
  .styles-module_secondary__UOKnw[data-active="true"] {
9177
- background-color: var(--color-secondary);
9178
9192
  color: var(--color-contrast);
9193
+ background-color: var(--color-secondary);
9179
9194
  }
9180
9195
 
9181
9196
  .styles-module_muted__fA0Fl {
9197
+ color: var(--color-system-text-100);
9182
9198
  background-color: var(--color-system-background-200);
9183
9199
  border-color: var(--color-system-text-100);
9184
- color: var(--color-system-text-100);
9185
9200
  }
9186
9201
 
9187
9202
  .styles-module_disabled__EKMKd {
9203
+ color: var(--color-system-text-300);
9188
9204
  background-color: var(--color-system-background-300);
9189
9205
  border-color: var(--color-system-text-300);
9190
- color: var(--color-system-text-300);
9191
9206
  }
9192
9207
 
9193
9208
  .styles-module_danger__gZERs {
9209
+ color: var(--color-status-danger-primary);
9194
9210
  background-color: var(--color-status-danger-contrast);
9195
9211
  border-color: var(--color-status-danger-primary);
9196
- color: var(--color-status-danger-primary);
9197
9212
  }
9198
9213
 
9199
9214
  .styles-module_danger__gZERs[data-active="true"] {
9215
+ color: var(--color-status-danger-contrast);
9200
9216
  background-color: var(--color-status-danger-primary);
9201
9217
  border-color: var(--color-status-danger-contrast);
9202
- color: var(--color-status-danger-contrast);
9203
9218
  }
9204
9219
 
9205
9220
  .styles-module_info__b-gyN {
9221
+ color: var(--color-status-info-primary);
9206
9222
  background-color: var(--color-status-info-contrast);
9207
9223
  border-color: var(--color-status-info-primary);
9208
- color: var(--color-status-info-primary);
9209
9224
  }
9210
9225
 
9211
9226
  .styles-module_info__b-gyN[data-active="true"] {
9227
+ color: var(--color-status-info-contrast);
9212
9228
  background-color: var(--color-status-info-primary);
9213
9229
  border-color: var(--color-status-info-contrast);
9214
- color: var(--color-status-info-contrast);
9215
9230
  }
9216
9231
 
9217
9232
  .styles-module_success__mRhfk {
9233
+ color: var(--color-status-success-primary);
9218
9234
  background-color: var(--color-status-success-contrast);
9219
9235
  border-color: var(--color-status-success-primary);
9220
- color: var(--color-status-success-primary);
9221
9236
  }
9222
9237
 
9223
9238
  .styles-module_success__mRhfk[data-active="true"] {
9239
+ color: var(--color-status-success-contrast);
9224
9240
  background-color: var(--color-status-success-primary);
9225
9241
  border-color: var(--color-status-success-contrast);
9226
- color: var(--color-status-success-contrast);
9227
9242
  }
9228
9243
 
9229
9244
  .styles-module_warning__G977Z {
9245
+ color: var(--color-status-warning-primary);
9230
9246
  background-color: var(--color-status-warning-contrast);
9231
9247
  border-color: var(--color-status-warning-primary);
9232
- color: var(--color-status-warning-primary);
9233
9248
  }
9234
9249
 
9235
9250
  .styles-module_warning__G977Z[data-active="true"] {
9251
+ color: var(--color-status-warning-contrast);
9236
9252
  background-color: var(--color-status-warning-primary);
9237
9253
  border-color: var(--color-status-warning-contrast);
9238
- color: var(--color-status-warning-contrast);
9239
9254
  }
9240
9255
 
9241
9256
  .styles-module_active__5pkXl {
9257
+ color: var(--color-status-active-primary);
9242
9258
  background-color: var(--color-status-active-contrast);
9243
9259
  border-color: var(--color-status-active-primary);
9244
- color: var(--color-status-active-primary);
9245
9260
  }
9246
9261
 
9247
9262
  .styles-module_active__5pkXl[data-active="true"] {
9263
+ color: var(--color-status-active-contrast);
9248
9264
  background-color: var(--color-status-active-primary);
9249
9265
  border-color: var(--color-status-active-contrast);
9250
- color: var(--color-status-active-contrast);
9251
9266
  }
9252
9267
  .styles-module_inner__d9DH7 {
9253
9268
  display: flex;
@@ -9276,7 +9291,7 @@ breakpoint-mobile {
9276
9291
 
9277
9292
  .styles-module_label__U404g {
9278
9293
  margin: 0;
9279
- font-size: var(--font-size-base);
9294
+ font-size: var(--font-size-md);
9280
9295
  font-weight: var(--font-weight-semibold);
9281
9296
  line-height: var(font-line-height);
9282
9297
  color: var(--color-system-text-100);
@@ -9301,9 +9316,9 @@ breakpoint-mobile {
9301
9316
  /* WRAPPER */
9302
9317
 
9303
9318
  .styles-module_wrapper__7zsRX {
9319
+ position: relative;
9304
9320
  display: flex;
9305
9321
  flex-direction: column;
9306
- position: relative;
9307
9322
  }
9308
9323
 
9309
9324
  /* * */
@@ -9312,18 +9327,18 @@ breakpoint-mobile {
9312
9327
  .styles-module_input__kZP4l {
9313
9328
  height: auto;
9314
9329
  max-height: none;
9315
- font-size: var(--font-size-base);
9316
- line-height: 1;
9317
9330
  padding: 0 15px;
9331
+ font-size: var(--font-size-md);
9332
+ font-weight: var(--font-weight-medium);
9333
+ line-height: 1;
9334
+ background-color: var(--color-system-background-100);
9318
9335
  border: 2px solid var(--color-system-text-300);
9319
9336
  border-radius: var(--border-radius-sm);
9320
- background-color: var(--color-system-background-100);
9321
- font-weight: var(--font-weight-medium);
9322
-
9337
+
9323
9338
  & input::placeholder {
9324
- color: var(--color-system-text-300);
9339
+ font-size: var(--font-size-md);
9325
9340
  font-weight: var(--font-weight-medium);
9326
- font-size: var(--font-size-base);
9341
+ color: var(--color-system-text-300);
9327
9342
  }
9328
9343
 
9329
9344
  & * {
@@ -9332,9 +9347,9 @@ breakpoint-mobile {
9332
9347
  }
9333
9348
 
9334
9349
  .styles-module_placeholder__uazW4 {
9335
- color: var(--color-system-text-300);
9350
+ font-size: var(--font-size-md);
9336
9351
  font-weight: var(--font-weight-medium);
9337
- font-size: var(--font-size-base);
9352
+ color: var(--color-system-text-300);
9338
9353
  }
9339
9354
 
9340
9355
  .styles-module_pillInputWrapper__rtJzo {
@@ -9357,34 +9372,34 @@ breakpoint-mobile {
9357
9372
 
9358
9373
  .styles-module_pillClearButton__RYrwJ {
9359
9374
  position: absolute;
9360
- right: 20px;
9361
9375
  top: 4px;
9376
+ right: 20px;
9362
9377
  }
9363
9378
 
9364
9379
  /* * */
9365
9380
  /* PILL */
9366
9381
 
9367
9382
  .styles-module_pill__eWbVa {
9368
- background-color: var(--color-system-background-200);
9369
- border-radius: var(--border-radius-xs);
9370
9383
  font-size: var(--font-size-sm);
9371
9384
  font-weight: var(--font-weight-medium);
9372
- box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.15);
9385
+ background-color: var(--color-system-background-200);
9386
+ border-radius: var(--border-radius-xs);
9387
+ box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);
9373
9388
  }
9374
9389
 
9375
9390
  /* * */
9376
9391
  /* LABEL */
9377
9392
 
9378
9393
  .styles-module_label__tB0Ce {
9379
- color: var(--color-system-text-100);
9380
- font-size: var(--font-size-base);
9394
+ font-size: var(--font-size-md);
9381
9395
  font-weight: var(--font-weight-semibold);
9396
+ color: var(--color-system-text-100);
9382
9397
  }
9383
9398
 
9384
9399
  .styles-module_labelWrapper__eFj6h {
9385
9400
  display: flex;
9386
- align-items: center;
9387
9401
  gap: 10px;
9402
+ align-items: center;
9388
9403
  }
9389
9404
 
9390
9405
  /* * */
@@ -9393,9 +9408,9 @@ breakpoint-mobile {
9393
9408
  .styles-module_description__KHjxV {
9394
9409
  margin-top: 0;
9395
9410
  margin-bottom: 0;
9396
- color: var(--color-system-text-200);
9397
9411
  font-size: var(--font-size-sm);
9398
9412
  font-weight: var(--font-weight-medium);
9413
+ color: var(--color-system-text-200);
9399
9414
  }
9400
9415
 
9401
9416
  /* * */
@@ -9404,21 +9419,21 @@ breakpoint-mobile {
9404
9419
  .styles-module_error__fOsRf {
9405
9420
  margin-top: 0;
9406
9421
  margin-bottom: 0;
9407
- color: var(--color-status-danger-primary);
9408
9422
  font-size: var(--font-size-sm);
9409
9423
  font-weight: var(--font-weight-medium);
9424
+ color: var(--color-status-danger-primary);
9410
9425
  }
9411
9426
 
9412
9427
  /* * */
9413
9428
  /* DROPDOWN */
9414
9429
 
9415
9430
  .styles-module_dropdownWrapper__guQYa {
9431
+ width: 100% !important;
9432
+ margin-top: 10px;
9416
9433
  background-color: var(--color-system-background-100);
9417
- border-radius: var(--border-radius-sm);
9418
9434
  border: 2px solid var(--color-system-text-300);
9419
- box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.15);
9420
- margin-top: 10px;
9421
- width: 100% !important;
9435
+ border-radius: var(--border-radius-sm);
9436
+ box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);
9422
9437
  }
9423
9438
 
9424
9439
  .styles-module_container__mDGcJ {
@@ -9806,7 +9821,7 @@ breakpoint-mobile {
9806
9821
  .styles-module_cell__Yb-lZ {
9807
9822
  display: flex;
9808
9823
  padding: var(--size-spacing-md);
9809
- font-size: var(--font-size-base);
9824
+ font-size: var(--font-size-md);
9810
9825
  font-weight: var(--font-weight-semibold);
9811
9826
  line-height: var(font-line-height);
9812
9827
  color: var(--color-system-text-100);
@@ -10165,7 +10180,7 @@ breakpoint-mobile {
10165
10180
  /* DESCRIPTION */
10166
10181
 
10167
10182
  .styles-module_description__0-6n4 {
10168
- font-size: var(--font-size-base);
10183
+ font-size: var(--font-size-md);
10169
10184
  font-weight: var(--font-weight-semibold);
10170
10185
  line-height: var(font-line-height);
10171
10186
  color: var(--color-system-text-200);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tmlmobilidade/ui",
3
- "version": "20250403.1800.25",
3
+ "version": "20250403.1817.10",
4
4
  "author": "",
5
5
  "license": "ISC",
6
6
  "publishConfig": {