@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-
|
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-
|
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
|
-
|
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
|
-
|
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-
|
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-
|
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
|
-
|
9321
|
-
font-weight: var(--font-weight-medium);
|
9322
|
-
|
9337
|
+
|
9323
9338
|
& input::placeholder {
|
9324
|
-
|
9339
|
+
font-size: var(--font-size-md);
|
9325
9340
|
font-weight: var(--font-weight-medium);
|
9326
|
-
|
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
|
-
|
9350
|
+
font-size: var(--font-size-md);
|
9336
9351
|
font-weight: var(--font-weight-medium);
|
9337
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
9420
|
-
|
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-
|
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-
|
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);
|