@tmlmobilidade/ui 20250403.1158.22 → 20250403.1406.15
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.map +1 -1
- package/dist/index.d.ts +42 -42
- package/dist/index.js +6 -6
- package/dist/src/components/common/Switch/index.js +4 -4
- package/dist/src/components/common/Switch/index.js.map +1 -1
- package/dist/src/styles/mantine/Switch.module.css.js +4 -0
- package/dist/src/styles/mantine/Switch.module.css.js.map +1 -0
- package/dist/src/styles/theme.js +10 -7
- package/dist/src/styles/theme.js.map +1 -1
- package/dist/styles-no-reset.css +158 -101
- package/dist/styles.css +158 -101
- package/package.json +1 -1
- package/dist/src/components/common/Switch/styles.module.css.js +0 -4
- package/dist/src/components/common/Switch/styles.module.css.js.map +0 -1
package/dist/styles.css
CHANGED
@@ -8706,6 +8706,116 @@ breakpoint-mobile {
|
|
8706
8706
|
color: var(--color-contrast);
|
8707
8707
|
}
|
8708
8708
|
/* * */
|
8709
|
+
/* ROOT */
|
8710
|
+
|
8711
|
+
.Switch-module_root__8acvT {
|
8712
|
+
cursor: pointer;
|
8713
|
+
|
8714
|
+
--switch-height-xs: 24px;
|
8715
|
+
--switch-height-sm: 24px;
|
8716
|
+
--switch-height-md: 24px;
|
8717
|
+
--switch-height-lg: 24px;
|
8718
|
+
--switch-height-xl: 24px;
|
8719
|
+
--switch-width-xs: 50px;
|
8720
|
+
--switch-width-sm: 50px;
|
8721
|
+
--switch-width-md: 50px;
|
8722
|
+
--switch-width-lg: 50px;
|
8723
|
+
--switch-width-xl: 50px;
|
8724
|
+
--switch-thumb-size-xs: 18px;
|
8725
|
+
--switch-thumb-size-sm: 18px;
|
8726
|
+
--switch-thumb-size-md: 18px;
|
8727
|
+
--switch-thumb-size-lg: 18px;
|
8728
|
+
--switch-thumb-size-xl: 18px;
|
8729
|
+
--switch-track-label-padding-xs: 1px;
|
8730
|
+
--switch-track-label-padding-sm: 1px;
|
8731
|
+
--switch-track-label-padding-md: 1px;
|
8732
|
+
--switch-track-label-padding-lg: 1px;
|
8733
|
+
--switch-track-label-padding-xl: 1px;
|
8734
|
+
--switch-color: var(--color-secondary);
|
8735
|
+
}
|
8736
|
+
|
8737
|
+
|
8738
|
+
/* * */
|
8739
|
+
/* TRACK */
|
8740
|
+
|
8741
|
+
.Switch-module_track__CdNOL {
|
8742
|
+
background-color: var(--color-system-text-300);
|
8743
|
+
border: 2px solid transparent;
|
8744
|
+
}
|
8745
|
+
|
8746
|
+
.Switch-module_input__ELoEI:checked + .Switch-module_track__CdNOL {
|
8747
|
+
background-color: var(--color-primary);
|
8748
|
+
border-color: var(--color-secondary);
|
8749
|
+
box-shadow: 0 1px 3px 0 var(--color-shadow);
|
8750
|
+
}
|
8751
|
+
|
8752
|
+
/* * */
|
8753
|
+
/* THUMB */
|
8754
|
+
|
8755
|
+
.Switch-module_thumb__gT2zb {
|
8756
|
+
border: none;
|
8757
|
+
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
|
8758
|
+
}
|
8759
|
+
|
8760
|
+
.Switch-module_input__ELoEI:checked + .Switch-module_track__CdNOL .Switch-module_thumb__gT2zb {
|
8761
|
+
box-shadow: 0 1px 3px 0 var(--color-shadow);
|
8762
|
+
}
|
8763
|
+
|
8764
|
+
/* * */
|
8765
|
+
/* BODY */
|
8766
|
+
|
8767
|
+
.Switch-module_body__G7usr {
|
8768
|
+
display: flex;
|
8769
|
+
gap: var(--size-spacing-sm);
|
8770
|
+
align-items: center;
|
8771
|
+
justify-content: center;
|
8772
|
+
}
|
8773
|
+
|
8774
|
+
|
8775
|
+
/* * */
|
8776
|
+
/* LABEL */
|
8777
|
+
|
8778
|
+
.Switch-module_labelWrapper__SJiau {
|
8779
|
+
display: flex;
|
8780
|
+
flex-direction: column;
|
8781
|
+
gap: var(--size-spacing-xs);
|
8782
|
+
height: 100%;
|
8783
|
+
padding: 0;
|
8784
|
+
}
|
8785
|
+
|
8786
|
+
.Switch-module_label__KyLHG {
|
8787
|
+
padding: 0;
|
8788
|
+
margin: 0;
|
8789
|
+
font-size: 16px;
|
8790
|
+
font-weight: var(--font-weight-semibold);
|
8791
|
+
line-height: var(--font-line-height-base);
|
8792
|
+
color: var(--color-system-text-100);
|
8793
|
+
}
|
8794
|
+
|
8795
|
+
/* * */
|
8796
|
+
/* DESCRIPTION */
|
8797
|
+
|
8798
|
+
.Switch-module_description__dSEEX {
|
8799
|
+
|
8800
|
+
/* margin: 0;
|
8801
|
+
font-size: var(--font-size-sm);
|
8802
|
+
font-weight: var(--font-weight-medium);
|
8803
|
+
line-height: var(--font-line-height-sm);
|
8804
|
+
color: var(--color-system-text-200); */
|
8805
|
+
}
|
8806
|
+
|
8807
|
+
/* * */
|
8808
|
+
/* ERROR */
|
8809
|
+
|
8810
|
+
.Switch-module_error__h735M {
|
8811
|
+
|
8812
|
+
/* margin: 0;
|
8813
|
+
font-size: var(--font-size-sm);
|
8814
|
+
font-weight: var(--font-weight-medium);
|
8815
|
+
line-height: var(--font-line-height-sm);
|
8816
|
+
color: var(--color-status-danger-primary); */
|
8817
|
+
}
|
8818
|
+
/* * */
|
8709
8819
|
/* INPUT */
|
8710
8820
|
|
8711
8821
|
.TextInput-sm-module_input__UrN-E {
|
@@ -8925,13 +9035,6 @@ breakpoint-mobile {
|
|
8925
9035
|
background-color: var(--color-status-active-contrast);
|
8926
9036
|
}
|
8927
9037
|
}
|
8928
|
-
.styles-module_dropdown__9W7AN {
|
8929
|
-
background-color: var(--color-system-background-200);
|
8930
|
-
display: flex;
|
8931
|
-
gap: var(--size-spacing-sm);
|
8932
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
8933
|
-
}
|
8934
|
-
|
8935
9038
|
.styles-module_button__fQIgs {
|
8936
9039
|
transition: all 300ms ease-in;
|
8937
9040
|
border: 2px solid transparent;
|
@@ -9388,6 +9491,54 @@ breakpoint-mobile {
|
|
9388
9491
|
}
|
9389
9492
|
|
9390
9493
|
|
9494
|
+
.styles-module_dropdown__wzdfT {
|
9495
|
+
background-color: var(--color-system-background-100);
|
9496
|
+
border: 1px solid var(--color-system-border-100);
|
9497
|
+
border-radius: var(--border-radius-md);
|
9498
|
+
|
9499
|
+
padding: var(--size-spacing-md);
|
9500
|
+
|
9501
|
+
box-shadow: 2px 4px 7px 0 rgba(0, 0, 0, 0.4);
|
9502
|
+
}
|
9503
|
+
|
9504
|
+
.styles-module_arrow__pmKfn {
|
9505
|
+
border: 1px solid var(--color-system-border-100);
|
9506
|
+
}
|
9507
|
+
.styles-module_thumb__PE26N {
|
9508
|
+
border: 2px solid var(--color-secondary);
|
9509
|
+
background-color: var(--color-contrast);
|
9510
|
+
}
|
9511
|
+
|
9512
|
+
.styles-module_track__kkjfP::before {
|
9513
|
+
background-color: var(--color-system-text-300);
|
9514
|
+
}
|
9515
|
+
|
9516
|
+
.styles-module_bar__3e8BW {
|
9517
|
+
background-color: var(--color-primary);
|
9518
|
+
}
|
9519
|
+
|
9520
|
+
.styles-module_mark__Wxc6d {
|
9521
|
+
background-color: var(--color-system-background-100);
|
9522
|
+
}
|
9523
|
+
.styles-module_root__4q9aw {
|
9524
|
+
color: var(--color-system-text-100);
|
9525
|
+
}
|
9526
|
+
|
9527
|
+
.styles-module_tooltip__HFS4I {
|
9528
|
+
background-color: var(--color-system-text-100);
|
9529
|
+
color: var(--color-system-background-100);
|
9530
|
+
font-size: var(--font-size-sm);
|
9531
|
+
line-height: var(--font-line-height-sm);
|
9532
|
+
font-weight: var(--font-weight-semibold);
|
9533
|
+
}
|
9534
|
+
|
9535
|
+
.styles-module_dropdown__9W7AN {
|
9536
|
+
background-color: var(--color-system-background-200);
|
9537
|
+
display: flex;
|
9538
|
+
gap: var(--size-spacing-sm);
|
9539
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
9540
|
+
}
|
9541
|
+
|
9391
9542
|
/* * */
|
9392
9543
|
/* LABEL */
|
9393
9544
|
|
@@ -9441,88 +9592,6 @@ breakpoint-mobile {
|
|
9441
9592
|
color: var(--color-system-text-100);
|
9442
9593
|
}
|
9443
9594
|
|
9444
|
-
.styles-module_dropdown__wzdfT {
|
9445
|
-
background-color: var(--color-system-background-100);
|
9446
|
-
border: 1px solid var(--color-system-border-100);
|
9447
|
-
border-radius: var(--border-radius-md);
|
9448
|
-
|
9449
|
-
padding: var(--size-spacing-md);
|
9450
|
-
|
9451
|
-
box-shadow: 2px 4px 7px 0 rgba(0, 0, 0, 0.4);
|
9452
|
-
}
|
9453
|
-
|
9454
|
-
.styles-module_arrow__pmKfn {
|
9455
|
-
border: 1px solid var(--color-system-border-100);
|
9456
|
-
}
|
9457
|
-
.styles-module_thumb__PE26N {
|
9458
|
-
border: 2px solid var(--color-secondary);
|
9459
|
-
background-color: var(--color-contrast);
|
9460
|
-
}
|
9461
|
-
|
9462
|
-
.styles-module_track__kkjfP::before {
|
9463
|
-
background-color: var(--color-system-text-300);
|
9464
|
-
}
|
9465
|
-
|
9466
|
-
.styles-module_bar__3e8BW {
|
9467
|
-
background-color: var(--color-primary);
|
9468
|
-
}
|
9469
|
-
|
9470
|
-
.styles-module_mark__Wxc6d {
|
9471
|
-
background-color: var(--color-system-background-100);
|
9472
|
-
}
|
9473
|
-
.styles-module_inner__xu0uv {
|
9474
|
-
display: flex;
|
9475
|
-
align-items: center;
|
9476
|
-
justify-content: center;
|
9477
|
-
min-height: 24px;
|
9478
|
-
min-width: 48px;
|
9479
|
-
}
|
9480
|
-
|
9481
|
-
.styles-module_track__xeUYf {
|
9482
|
-
outline: 2px solid var(--color-system-text-300);
|
9483
|
-
border-radius: var(--border-radius-xl);
|
9484
|
-
|
9485
|
-
.styles-module_input__DyZyB:focus-visible + & {
|
9486
|
-
outline: 2px solid var(--color-primary);
|
9487
|
-
outline-offset: 2px;
|
9488
|
-
}
|
9489
|
-
|
9490
|
-
.styles-module_input__DyZyB:checked + & {
|
9491
|
-
background-color: var(--color-primary);
|
9492
|
-
outline-color: var(--color-secondary);
|
9493
|
-
}
|
9494
|
-
}
|
9495
|
-
|
9496
|
-
|
9497
|
-
.styles-module_labelWrapper__XNVsq {
|
9498
|
-
display: flex;
|
9499
|
-
flex-direction: column;
|
9500
|
-
gap: var(--size-spacing-xs);
|
9501
|
-
}
|
9502
|
-
|
9503
|
-
.styles-module_label__PsGVs {
|
9504
|
-
font-size: var(--font-size-base);
|
9505
|
-
line-height: var(--font-line-height-base);
|
9506
|
-
font-weight: var(--font-weight-semibold);
|
9507
|
-
color: var(--color-system-text-100);
|
9508
|
-
margin: 0;
|
9509
|
-
}
|
9510
|
-
|
9511
|
-
.styles-module_description__qLTxA {
|
9512
|
-
font-size: var(--font-size-sm);
|
9513
|
-
line-height: var(--font-line-height-sm);
|
9514
|
-
font-weight: var(--font-weight-medium);
|
9515
|
-
color: var(--color-system-text-200);
|
9516
|
-
margin: 0;
|
9517
|
-
}
|
9518
|
-
|
9519
|
-
.styles-module_error__sQ6n- {
|
9520
|
-
font-size: var(--font-size-sm);
|
9521
|
-
line-height: var(--font-line-height-sm);
|
9522
|
-
font-weight: var(--font-weight-medium);
|
9523
|
-
margin: 0;
|
9524
|
-
color: var(--color-status-danger-primary);
|
9525
|
-
}
|
9526
9595
|
/* * */
|
9527
9596
|
/* TAG */
|
9528
9597
|
|
@@ -9631,18 +9700,6 @@ breakpoint-mobile {
|
|
9631
9700
|
.styles-module_tag__9r5VH[data-clickable='true'] {
|
9632
9701
|
cursor: pointer;
|
9633
9702
|
}
|
9634
|
-
.styles-module_root__4q9aw {
|
9635
|
-
color: var(--color-system-text-100);
|
9636
|
-
}
|
9637
|
-
|
9638
|
-
.styles-module_tooltip__HFS4I {
|
9639
|
-
background-color: var(--color-system-text-100);
|
9640
|
-
color: var(--color-system-background-100);
|
9641
|
-
font-size: var(--font-size-sm);
|
9642
|
-
line-height: var(--font-line-height-sm);
|
9643
|
-
font-weight: var(--font-weight-semibold);
|
9644
|
-
}
|
9645
|
-
|
9646
9703
|
.styles-module_header__6dpaJ {
|
9647
9704
|
position: sticky;
|
9648
9705
|
top: 0;
|
package/package.json
CHANGED
@@ -1,4 +0,0 @@
|
|
1
|
-
var styles = {"inner":"styles-module_inner__xu0uv","track":"styles-module_track__xeUYf","input":"styles-module_input__DyZyB","labelWrapper":"styles-module_labelWrapper__XNVsq","label":"styles-module_label__PsGVs","description":"styles-module_description__qLTxA","error":"styles-module_error__sQ6n-"};
|
2
|
-
|
3
|
-
export { styles as default };
|
4
|
-
//# sourceMappingURL=styles.module.css.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|