@tmlmobilidade/ui 20250403.1758.45 → 20250403.1805.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.
Files changed (5) hide show
  1. package/dist/index.css.map +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/styles-no-reset.css +70 -51
  4. package/dist/styles.css +70 -51
  5. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -408,7 +408,7 @@ interface SectionProps {
408
408
  alignItems?: 'center' | 'flex-end' | 'flex-start';
409
409
  children: React.ReactNode;
410
410
  flexDirection?: 'column' | 'row';
411
- gap?: 'lg' | 'md' | 'sm' | null;
411
+ gap?: 'lg' | 'md' | 'sm' | 'xs' | null;
412
412
  justifyContent?: 'center' | 'flex-end' | 'flex-start' | 'space-between';
413
413
  padding?: 'lg' | 'md' | 'sm' | null;
414
414
  }
package/dist/styles-no-reset.css CHANGED
@@ -8328,10 +8328,9 @@ body {
8328
8328
 
8329
8329
  --font-size-xs: 0.75rem; /* 12px */
8330
8330
  --font-size-sm: 0.875rem; /* 14px */
8331
- --font-size-base: 1rem; /* 16px */
8331
+ --font-size-md: 1rem; /* 16px */
8332
8332
  --font-size-lg: 1.125rem; /* 18px */
8333
8333
  --font-size-xl: 1.25rem; /* 20px */
8334
- --font-size-2xl: 1.5rem; /* 24px */
8335
8334
 
8336
8335
  /* * */
8337
8336
  /* FONT / LINE-HEIGHT */
@@ -8835,6 +8834,22 @@ breakpoint-mobile {
8835
8834
  .Text-module_root__eau92[data-size='xs'] {
8836
8835
  font-size: var(--font-size-xs);
8837
8836
  }
8837
+
8838
+ .Text-module_root__eau92[data-size='sm'] {
8839
+ font-size: var(--font-size-sm);
8840
+ }
8841
+
8842
+ .Text-module_root__eau92[data-size='md'] {
8843
+ font-size: var(--font-size-md);
8844
+ }
8845
+
8846
+ .Text-module_root__eau92[data-size='lg'] {
8847
+ font-size: var(--font-size-lg);
8848
+ }
8849
+
8850
+ .Text-module_root__eau92[data-size='xl'] {
8851
+ font-size: var(--font-size-xl);
8852
+ }
8838
8853
  /* * */
8839
8854
  /* INPUT */
8840
8855
 
@@ -8957,7 +8972,7 @@ breakpoint-mobile {
8957
8972
  .TextInput-module_label__wvb-u {
8958
8973
  padding: 0;
8959
8974
  margin: 0;
8960
- font-size: var(--font-size-base);
8975
+ font-size: var(--font-size-md);
8961
8976
  font-weight: var(--font-weight-medium);
8962
8977
  line-height: var(font-line-height);
8963
8978
  color: var(--color-system-text-100);
@@ -9056,14 +9071,14 @@ breakpoint-mobile {
9056
9071
  }
9057
9072
  }
9058
9073
  .styles-module_button__fQIgs {
9059
- transition: all 300ms ease-in;
9074
+ width: fit-content;
9075
+ min-width: fit-content;
9076
+ font-size: var(--font-size-md);
9077
+ font-weight: var(--font-weight-semibold);
9060
9078
  border: 2px solid transparent;
9061
9079
  border-radius: var(--border-radius-xs);
9062
- font-size: var(--font-size-base);
9063
- font-weight: var(--font-weight-semibold);
9064
- width: fit-content;
9065
9080
  box-shadow: 0 1px 3px 0 var(--color-shadow);
9066
- min-width: fit-content;
9081
+ transition: all 300ms ease-in;
9067
9082
  }
9068
9083
 
9069
9084
  .styles-module_fontxs__c61kh {
@@ -9075,7 +9090,7 @@ breakpoint-mobile {
9075
9090
  }
9076
9091
 
9077
9092
  .styles-module_fontbase__Uzeoy {
9078
- font-size: var(--font-size-base);
9093
+ font-size: var(--font-size-md);
9079
9094
  }
9080
9095
 
9081
9096
  .styles-module_fontlg__TfMwu {
@@ -9102,97 +9117,97 @@ breakpoint-mobile {
9102
9117
  }
9103
9118
 
9104
9119
  .styles-module_primary__HWgQU {
9120
+ color: var(--color-primary);
9105
9121
  background-color: var(--color-background);
9106
9122
  border-color: var(--color-primary);
9107
- color: var(--color-primary);
9108
9123
  }
9109
9124
 
9110
9125
  .styles-module_primary__HWgQU[data-active="true"] {
9111
- background-color: var(--color-primary);
9112
9126
  color: var(--color-contrast);
9127
+ background-color: var(--color-primary);
9113
9128
  }
9114
9129
 
9115
9130
  .styles-module_secondary__UOKnw {
9131
+ color: var(--color-secondary);
9116
9132
  background-color: var(--color-background);
9117
9133
  border-color: var(--color-secondary);
9118
- color: var(--color-secondary);
9119
9134
  }
9120
9135
 
9121
9136
  .styles-module_secondary__UOKnw[data-active="true"] {
9122
- background-color: var(--color-secondary);
9123
9137
  color: var(--color-contrast);
9138
+ background-color: var(--color-secondary);
9124
9139
  }
9125
9140
 
9126
9141
  .styles-module_muted__fA0Fl {
9142
+ color: var(--color-system-text-100);
9127
9143
  background-color: var(--color-system-background-200);
9128
9144
  border-color: var(--color-system-text-100);
9129
- color: var(--color-system-text-100);
9130
9145
  }
9131
9146
 
9132
9147
  .styles-module_disabled__EKMKd {
9148
+ color: var(--color-system-text-300);
9133
9149
  background-color: var(--color-system-background-300);
9134
9150
  border-color: var(--color-system-text-300);
9135
- color: var(--color-system-text-300);
9136
9151
  }
9137
9152
 
9138
9153
  .styles-module_danger__gZERs {
9154
+ color: var(--color-status-danger-primary);
9139
9155
  background-color: var(--color-status-danger-contrast);
9140
9156
  border-color: var(--color-status-danger-primary);
9141
- color: var(--color-status-danger-primary);
9142
9157
  }
9143
9158
 
9144
9159
  .styles-module_danger__gZERs[data-active="true"] {
9160
+ color: var(--color-status-danger-contrast);
9145
9161
  background-color: var(--color-status-danger-primary);
9146
9162
  border-color: var(--color-status-danger-contrast);
9147
- color: var(--color-status-danger-contrast);
9148
9163
  }
9149
9164
 
9150
9165
  .styles-module_info__b-gyN {
9166
+ color: var(--color-status-info-primary);
9151
9167
  background-color: var(--color-status-info-contrast);
9152
9168
  border-color: var(--color-status-info-primary);
9153
- color: var(--color-status-info-primary);
9154
9169
  }
9155
9170
 
9156
9171
  .styles-module_info__b-gyN[data-active="true"] {
9172
+ color: var(--color-status-info-contrast);
9157
9173
  background-color: var(--color-status-info-primary);
9158
9174
  border-color: var(--color-status-info-contrast);
9159
- color: var(--color-status-info-contrast);
9160
9175
  }
9161
9176
 
9162
9177
  .styles-module_success__mRhfk {
9178
+ color: var(--color-status-success-primary);
9163
9179
  background-color: var(--color-status-success-contrast);
9164
9180
  border-color: var(--color-status-success-primary);
9165
- color: var(--color-status-success-primary);
9166
9181
  }
9167
9182
 
9168
9183
  .styles-module_success__mRhfk[data-active="true"] {
9184
+ color: var(--color-status-success-contrast);
9169
9185
  background-color: var(--color-status-success-primary);
9170
9186
  border-color: var(--color-status-success-contrast);
9171
- color: var(--color-status-success-contrast);
9172
9187
  }
9173
9188
 
9174
9189
  .styles-module_warning__G977Z {
9190
+ color: var(--color-status-warning-primary);
9175
9191
  background-color: var(--color-status-warning-contrast);
9176
9192
  border-color: var(--color-status-warning-primary);
9177
- color: var(--color-status-warning-primary);
9178
9193
  }
9179
9194
 
9180
9195
  .styles-module_warning__G977Z[data-active="true"] {
9196
+ color: var(--color-status-warning-contrast);
9181
9197
  background-color: var(--color-status-warning-primary);
9182
9198
  border-color: var(--color-status-warning-contrast);
9183
- color: var(--color-status-warning-contrast);
9184
9199
  }
9185
9200
 
9186
9201
  .styles-module_active__5pkXl {
9202
+ color: var(--color-status-active-primary);
9187
9203
  background-color: var(--color-status-active-contrast);
9188
9204
  border-color: var(--color-status-active-primary);
9189
- color: var(--color-status-active-primary);
9190
9205
  }
9191
9206
 
9192
9207
  .styles-module_active__5pkXl[data-active="true"] {
9208
+ color: var(--color-status-active-contrast);
9193
9209
  background-color: var(--color-status-active-primary);
9194
9210
  border-color: var(--color-status-active-contrast);
9195
- color: var(--color-status-active-contrast);
9196
9211
  }
9197
9212
  .styles-module_inner__d9DH7 {
9198
9213
  display: flex;
@@ -9221,7 +9236,7 @@ breakpoint-mobile {
9221
9236
 
9222
9237
  .styles-module_label__U404g {
9223
9238
  margin: 0;
9224
- font-size: var(--font-size-base);
9239
+ font-size: var(--font-size-md);
9225
9240
  font-weight: var(--font-weight-semibold);
9226
9241
  line-height: var(font-line-height);
9227
9242
  color: var(--color-system-text-100);
@@ -9246,9 +9261,9 @@ breakpoint-mobile {
9246
9261
  /* WRAPPER */
9247
9262
 
9248
9263
  .styles-module_wrapper__7zsRX {
9264
+ position: relative;
9249
9265
  display: flex;
9250
9266
  flex-direction: column;
9251
- position: relative;
9252
9267
  }
9253
9268
 
9254
9269
  /* * */
@@ -9257,18 +9272,18 @@ breakpoint-mobile {
9257
9272
  .styles-module_input__kZP4l {
9258
9273
  height: auto;
9259
9274
  max-height: none;
9260
- font-size: var(--font-size-base);
9261
- line-height: 1;
9262
9275
  padding: 0 15px;
9276
+ font-size: var(--font-size-md);
9277
+ font-weight: var(--font-weight-medium);
9278
+ line-height: 1;
9279
+ background-color: var(--color-system-background-100);
9263
9280
  border: 2px solid var(--color-system-text-300);
9264
9281
  border-radius: var(--border-radius-sm);
9265
- background-color: var(--color-system-background-100);
9266
- font-weight: var(--font-weight-medium);
9267
-
9282
+
9268
9283
  & input::placeholder {
9269
- color: var(--color-system-text-300);
9284
+ font-size: var(--font-size-md);
9270
9285
  font-weight: var(--font-weight-medium);
9271
- font-size: var(--font-size-base);
9286
+ color: var(--color-system-text-300);
9272
9287
  }
9273
9288
 
9274
9289
  & * {
@@ -9277,9 +9292,9 @@ breakpoint-mobile {
9277
9292
  }
9278
9293
 
9279
9294
  .styles-module_placeholder__uazW4 {
9280
- color: var(--color-system-text-300);
9295
+ font-size: var(--font-size-md);
9281
9296
  font-weight: var(--font-weight-medium);
9282
- font-size: var(--font-size-base);
9297
+ color: var(--color-system-text-300);
9283
9298
  }
9284
9299
 
9285
9300
  .styles-module_pillInputWrapper__rtJzo {
@@ -9302,34 +9317,34 @@ breakpoint-mobile {
9302
9317
 
9303
9318
  .styles-module_pillClearButton__RYrwJ {
9304
9319
  position: absolute;
9305
- right: 20px;
9306
9320
  top: 4px;
9321
+ right: 20px;
9307
9322
  }
9308
9323
 
9309
9324
  /* * */
9310
9325
  /* PILL */
9311
9326
 
9312
9327
  .styles-module_pill__eWbVa {
9313
- background-color: var(--color-system-background-200);
9314
- border-radius: var(--border-radius-xs);
9315
9328
  font-size: var(--font-size-sm);
9316
9329
  font-weight: var(--font-weight-medium);
9317
- box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.15);
9330
+ background-color: var(--color-system-background-200);
9331
+ border-radius: var(--border-radius-xs);
9332
+ box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);
9318
9333
  }
9319
9334
 
9320
9335
  /* * */
9321
9336
  /* LABEL */
9322
9337
 
9323
9338
  .styles-module_label__tB0Ce {
9324
- color: var(--color-system-text-100);
9325
- font-size: var(--font-size-base);
9339
+ font-size: var(--font-size-md);
9326
9340
  font-weight: var(--font-weight-semibold);
9341
+ color: var(--color-system-text-100);
9327
9342
  }
9328
9343
 
9329
9344
  .styles-module_labelWrapper__eFj6h {
9330
9345
  display: flex;
9331
- align-items: center;
9332
9346
  gap: 10px;
9347
+ align-items: center;
9333
9348
  }
9334
9349
 
9335
9350
  /* * */
@@ -9338,9 +9353,9 @@ breakpoint-mobile {
9338
9353
  .styles-module_description__KHjxV {
9339
9354
  margin-top: 0;
9340
9355
  margin-bottom: 0;
9341
- color: var(--color-system-text-200);
9342
9356
  font-size: var(--font-size-sm);
9343
9357
  font-weight: var(--font-weight-medium);
9358
+ color: var(--color-system-text-200);
9344
9359
  }
9345
9360
 
9346
9361
  /* * */
@@ -9349,21 +9364,21 @@ breakpoint-mobile {
9349
9364
  .styles-module_error__fOsRf {
9350
9365
  margin-top: 0;
9351
9366
  margin-bottom: 0;
9352
- color: var(--color-status-danger-primary);
9353
9367
  font-size: var(--font-size-sm);
9354
9368
  font-weight: var(--font-weight-medium);
9369
+ color: var(--color-status-danger-primary);
9355
9370
  }
9356
9371
 
9357
9372
  /* * */
9358
9373
  /* DROPDOWN */
9359
9374
 
9360
9375
  .styles-module_dropdownWrapper__guQYa {
9376
+ width: 100% !important;
9377
+ margin-top: 10px;
9361
9378
  background-color: var(--color-system-background-100);
9362
- border-radius: var(--border-radius-sm);
9363
9379
  border: 2px solid var(--color-system-text-300);
9364
- box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.15);
9365
- margin-top: 10px;
9366
- width: 100% !important;
9380
+ border-radius: var(--border-radius-sm);
9381
+ box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);
9367
9382
  }
9368
9383
 
9369
9384
  .styles-module_container__mDGcJ {
@@ -9751,7 +9766,7 @@ breakpoint-mobile {
9751
9766
  .styles-module_cell__Yb-lZ {
9752
9767
  display: flex;
9753
9768
  padding: var(--size-spacing-md);
9754
- font-size: var(--font-size-base);
9769
+ font-size: var(--font-size-md);
9755
9770
  font-weight: var(--font-weight-semibold);
9756
9771
  line-height: var(font-line-height);
9757
9772
  color: var(--color-system-text-100);
@@ -10110,7 +10125,7 @@ breakpoint-mobile {
10110
10125
  /* DESCRIPTION */
10111
10126
 
10112
10127
  .styles-module_description__0-6n4 {
10113
- font-size: var(--font-size-base);
10128
+ font-size: var(--font-size-md);
10114
10129
  font-weight: var(--font-weight-semibold);
10115
10130
  line-height: var(font-line-height);
10116
10131
  color: var(--color-system-text-200);
@@ -10329,6 +10344,10 @@ breakpoint-mobile {
10329
10344
  /* * */
10330
10345
  /* PROPS / GAP */
10331
10346
 
10347
+ .styles-module_root__9sh2n[data-gap="xs"] {
10348
+ gap: var(--size-spacing-xs);
10349
+ }
10350
+
10332
10351
  .styles-module_root__9sh2n[data-gap="sm"] {
10333
10352
  gap: var(--size-spacing-sm);
10334
10353
  }
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);
@@ -10384,6 +10399,10 @@ breakpoint-mobile {
10384
10399
  /* * */
10385
10400
  /* PROPS / GAP */
10386
10401
 
10402
+ .styles-module_root__9sh2n[data-gap="xs"] {
10403
+ gap: var(--size-spacing-xs);
10404
+ }
10405
+
10387
10406
  .styles-module_root__9sh2n[data-gap="sm"] {
10388
10407
  gap: var(--size-spacing-sm);
10389
10408
  }