@tmlmobilidade/ui 20250403.1846.33 → 20250403.2152.43
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 +29 -4
- package/dist/src/components/common/AppLogos/index.js +0 -1
- package/dist/src/components/common/AppLogos/index.js.map +1 -1
- package/dist/src/components/theme/ThemeSwitcher/index.js +3 -20
- package/dist/src/components/theme/ThemeSwitcher/index.js.map +1 -1
- package/dist/src/contexts/Theme.context.js +9 -2
- package/dist/src/contexts/Theme.context.js.map +1 -1
- package/dist/src/styles/theme.js.map +1 -1
- package/dist/styles-no-reset.css +245 -191
- package/dist/styles.css +244 -197
- package/package.json +1 -1
- package/dist/src/components/theme/ThemeSwitcher/styles.module.css.js +0 -4
- package/dist/src/components/theme/ThemeSwitcher/styles.module.css.js.map +0 -1
package/dist/styles.css
CHANGED
@@ -8582,6 +8582,168 @@ breakpoint-mobile {
|
|
8582
8582
|
}
|
8583
8583
|
}
|
8584
8584
|
|
8585
|
+
:root {
|
8586
|
+
--theme-ocean-color-primary: #005ADC;
|
8587
|
+
--theme-ocean-color-secondary: #0041A0;
|
8588
|
+
--theme-ocean-color-background: #E6F0FF;
|
8589
|
+
--theme-ocean-color-contrast: #FFF;
|
8590
|
+
--theme-ocean-color-shadow: #000A5040;
|
8591
|
+
}
|
8592
|
+
|
8593
|
+
@media (prefers-color-scheme: dark) {
|
8594
|
+
:root {
|
8595
|
+
--theme-ocean-color-primary: #2864B9;
|
8596
|
+
--theme-ocean-color-secondary: #1E4B96;
|
8597
|
+
--theme-ocean-color-background: #1E283C;
|
8598
|
+
--theme-ocean-color-contrast: #CDE1FF;
|
8599
|
+
--theme-ocean-color-shadow: #00083D40;
|
8600
|
+
}
|
8601
|
+
}
|
8602
|
+
|
8603
|
+
/* * */
|
8604
|
+
|
8605
|
+
:root[data-theme="ocean"] {
|
8606
|
+
--color-primary: var(--theme-ocean-color-primary);
|
8607
|
+
--color-secondary: var(--theme-ocean-color-secondary);
|
8608
|
+
--color-background: var(--theme-ocean-color-background);
|
8609
|
+
--color-contrast: var(--theme-ocean-color-contrast);
|
8610
|
+
--color-shadow: var(--theme-ocean-color-shadow);
|
8611
|
+
}
|
8612
|
+
:root {
|
8613
|
+
--theme-park-color-primary: #7dcd7d;
|
8614
|
+
--theme-park-color-secondary: #50b450;
|
8615
|
+
--theme-park-color-background: #e6ffe6;
|
8616
|
+
--theme-park-color-contrast: #fff;
|
8617
|
+
--theme-park-color-shadow: #1e3c1e40;
|
8618
|
+
}
|
8619
|
+
|
8620
|
+
@media (prefers-color-scheme: dark) {
|
8621
|
+
:root {
|
8622
|
+
--theme-park-color-primary: #509b50;
|
8623
|
+
--theme-park-color-secondary: #2d8c2d;
|
8624
|
+
--theme-park-color-background: #233223;
|
8625
|
+
--theme-park-color-contrast: #e6ffdc;
|
8626
|
+
--theme-park-color-shadow: #1e3c1e40;
|
8627
|
+
}
|
8628
|
+
}
|
8629
|
+
|
8630
|
+
/* * */
|
8631
|
+
|
8632
|
+
:root[data-theme="park"] {
|
8633
|
+
--color-primary: var(--theme-park-color-primary);
|
8634
|
+
--color-secondary: var(--theme-park-color-secondary);
|
8635
|
+
--color-background: var(--theme-park-color-background);
|
8636
|
+
--color-contrast: var(--theme-park-color-contrast);
|
8637
|
+
--color-shadow: var(--theme-park-color-shadow);
|
8638
|
+
}
|
8639
|
+
:root {
|
8640
|
+
--theme-path-color-primary: #a09682;
|
8641
|
+
--theme-path-color-secondary: #8c826e;
|
8642
|
+
--theme-path-color-background: #f0f0eb;
|
8643
|
+
--theme-path-color-contrast: #fff;
|
8644
|
+
--theme-path-color-shadow: #32322d40;
|
8645
|
+
}
|
8646
|
+
|
8647
|
+
@media (prefers-color-scheme: dark) {
|
8648
|
+
:root {
|
8649
|
+
--theme-path-color-primary: #6e6a64;
|
8650
|
+
--theme-path-color-secondary: #5f5a55;
|
8651
|
+
--theme-path-color-background: #232328;
|
8652
|
+
--theme-path-color-contrast: #d2cdc8;
|
8653
|
+
--theme-path-color-shadow: #32322d40;
|
8654
|
+
}
|
8655
|
+
}
|
8656
|
+
|
8657
|
+
/* * */
|
8658
|
+
|
8659
|
+
:root[data-theme="path"] {
|
8660
|
+
--color-primary: var(--theme-path-color-primary);
|
8661
|
+
--color-secondary: var(--theme-path-color-secondary);
|
8662
|
+
--color-background: var(--theme-path-color-background);
|
8663
|
+
--color-contrast: var(--theme-path-color-contrast);
|
8664
|
+
--color-shadow: var(--theme-path-color-shadow);
|
8665
|
+
}
|
8666
|
+
:root {
|
8667
|
+
--theme-pool-color-primary: #28c8a0;
|
8668
|
+
--theme-pool-color-secondary: #0a966e;
|
8669
|
+
--theme-pool-color-background: #e6fff5;
|
8670
|
+
--theme-pool-color-contrast: #fff;
|
8671
|
+
--theme-pool-color-shadow: #0a643c40;
|
8672
|
+
}
|
8673
|
+
|
8674
|
+
@media (prefers-color-scheme: dark) {
|
8675
|
+
:root {
|
8676
|
+
--theme-pool-color-primary: #1eaa8c;
|
8677
|
+
--theme-pool-color-secondary: #0a966e;
|
8678
|
+
--theme-pool-color-background: #1e2d28;
|
8679
|
+
--theme-pool-color-contrast: #0a3228;
|
8680
|
+
--theme-pool-color-shadow: #05231440;
|
8681
|
+
}
|
8682
|
+
}
|
8683
|
+
|
8684
|
+
/* * */
|
8685
|
+
|
8686
|
+
:root[data-theme="pool"] {
|
8687
|
+
--color-primary: var(--theme-pool-color-primary);
|
8688
|
+
--color-secondary: var(--theme-pool-color-secondary);
|
8689
|
+
--color-background: var(--theme-pool-color-background);
|
8690
|
+
--color-contrast: var(--theme-pool-color-contrast);
|
8691
|
+
--color-shadow: var(--theme-pool-color-shadow);
|
8692
|
+
}
|
8693
|
+
:root {
|
8694
|
+
--theme-royal-color-primary: #6e3cc8;
|
8695
|
+
--theme-royal-color-secondary: #460a96;
|
8696
|
+
--theme-royal-color-background: #f0f0ff;
|
8697
|
+
--theme-royal-color-contrast: #fff;
|
8698
|
+
--theme-royal-color-shadow: #1e0a4640;
|
8699
|
+
}
|
8700
|
+
|
8701
|
+
@media (prefers-color-scheme: dark) {
|
8702
|
+
:root {
|
8703
|
+
--theme-royal-color-primary: #783cc8;
|
8704
|
+
--theme-royal-color-secondary: #460a96;
|
8705
|
+
--theme-royal-color-background: #1e1e46;
|
8706
|
+
--theme-royal-color-contrast: #ebe1ff;
|
8707
|
+
--theme-royal-color-shadow: #1e0a4640;
|
8708
|
+
}
|
8709
|
+
}
|
8710
|
+
|
8711
|
+
/* * */
|
8712
|
+
|
8713
|
+
:root[data-theme="royal"] {
|
8714
|
+
--color-primary: var(--theme-royal-color-primary);
|
8715
|
+
--color-secondary: var(--theme-royal-color-secondary);
|
8716
|
+
--color-background: var(--theme-royal-color-background);
|
8717
|
+
--color-contrast: var(--theme-royal-color-contrast);
|
8718
|
+
--color-shadow: var(--theme-royal-color-shadow);
|
8719
|
+
}
|
8720
|
+
:root {
|
8721
|
+
--theme-street-color-primary: #8cd200;
|
8722
|
+
--theme-street-color-secondary: #7dbe00;
|
8723
|
+
--theme-street-color-background: #f0ffdc;
|
8724
|
+
--theme-street-color-contrast: #fff;
|
8725
|
+
--theme-street-color-shadow: #283c1440;
|
8726
|
+
}
|
8727
|
+
|
8728
|
+
@media (prefers-color-scheme: dark) {
|
8729
|
+
:root[data-theme="street"] {
|
8730
|
+
--theme-street-color-primary: #82be00;
|
8731
|
+
--theme-street-color-secondary: #64a000;
|
8732
|
+
--theme-street-color-background: #3c4137;
|
8733
|
+
--theme-street-color-contrast: #1e320a;
|
8734
|
+
--theme-street-color-shadow: #283c1440;
|
8735
|
+
}
|
8736
|
+
}
|
8737
|
+
|
8738
|
+
/* * */
|
8739
|
+
|
8740
|
+
:root[data-theme="street"] {
|
8741
|
+
--color-primary: var(--theme-street-color-primary);
|
8742
|
+
--color-secondary: var(--theme-street-color-secondary);
|
8743
|
+
--color-background: var(--theme-street-color-background);
|
8744
|
+
--color-contrast: var(--theme-street-color-contrast);
|
8745
|
+
--color-shadow: var(--theme-street-color-shadow);
|
8746
|
+
}
|
8585
8747
|
/* * */
|
8586
8748
|
/* BUTTON / ROOT */
|
8587
8749
|
|
@@ -9602,13 +9764,6 @@ breakpoint-mobile {
|
|
9602
9764
|
background-color: var(--color-system-text-100);
|
9603
9765
|
}
|
9604
9766
|
|
9605
|
-
.styles-module_dropdown__9W7AN {
|
9606
|
-
background-color: var(--color-system-background-200);
|
9607
|
-
display: flex;
|
9608
|
-
gap: var(--size-spacing-sm);
|
9609
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
9610
|
-
}
|
9611
|
-
|
9612
9767
|
/* * */
|
9613
9768
|
/* LABEL */
|
9614
9769
|
|
@@ -9662,6 +9817,88 @@ breakpoint-mobile {
|
|
9662
9817
|
color: var(--color-system-text-100);
|
9663
9818
|
}
|
9664
9819
|
|
9820
|
+
/* * */
|
9821
|
+
/* ROOT */
|
9822
|
+
|
9823
|
+
.styles-module_root__9sh2n {
|
9824
|
+
display: flex;
|
9825
|
+
width: 100%;
|
9826
|
+
}
|
9827
|
+
|
9828
|
+
/* * */
|
9829
|
+
/* PROPS / FLEX DIRECTION */
|
9830
|
+
|
9831
|
+
.styles-module_root__9sh2n[data-flex-direction="row"] {
|
9832
|
+
flex-direction: row;
|
9833
|
+
}
|
9834
|
+
|
9835
|
+
.styles-module_root__9sh2n[data-flex-direction="column"] {
|
9836
|
+
flex-direction: column;
|
9837
|
+
}
|
9838
|
+
|
9839
|
+
/* * */
|
9840
|
+
/* PROPS / ALIGN ITEMS */
|
9841
|
+
|
9842
|
+
.styles-module_root__9sh2n[data-align-items="flex-start"] {
|
9843
|
+
align-items: flex-start;
|
9844
|
+
}
|
9845
|
+
|
9846
|
+
.styles-module_root__9sh2n[data-align-items="center"] {
|
9847
|
+
align-items: center;
|
9848
|
+
}
|
9849
|
+
|
9850
|
+
.styles-module_root__9sh2n[data-align-items="flex-end"] {
|
9851
|
+
align-items: flex-end;
|
9852
|
+
}
|
9853
|
+
|
9854
|
+
/* * */
|
9855
|
+
/* PROPS / JUSTIFY CONTENT */
|
9856
|
+
|
9857
|
+
.styles-module_root__9sh2n[data-justify-content="flex-start"] {
|
9858
|
+
justify-content: flex-start;
|
9859
|
+
}
|
9860
|
+
|
9861
|
+
.styles-module_root__9sh2n[data-justify-content="center"] {
|
9862
|
+
justify-content: center;
|
9863
|
+
}
|
9864
|
+
|
9865
|
+
.styles-module_root__9sh2n[data-justify-content="flex-end"] {
|
9866
|
+
justify-content: flex-end;
|
9867
|
+
}
|
9868
|
+
|
9869
|
+
/* * */
|
9870
|
+
/* PROPS / GAP */
|
9871
|
+
|
9872
|
+
.styles-module_root__9sh2n[data-gap="xs"] {
|
9873
|
+
gap: var(--size-spacing-xs);
|
9874
|
+
}
|
9875
|
+
|
9876
|
+
.styles-module_root__9sh2n[data-gap="sm"] {
|
9877
|
+
gap: var(--size-spacing-sm);
|
9878
|
+
}
|
9879
|
+
|
9880
|
+
.styles-module_root__9sh2n[data-gap="md"] {
|
9881
|
+
gap: var(--size-spacing-md);
|
9882
|
+
}
|
9883
|
+
|
9884
|
+
.styles-module_root__9sh2n[data-gap="lg"] {
|
9885
|
+
gap: var(--size-spacing-lg);
|
9886
|
+
}
|
9887
|
+
|
9888
|
+
/* * */
|
9889
|
+
/* PROPS / PADDING */
|
9890
|
+
|
9891
|
+
.styles-module_root__9sh2n[data-padding="sm"] {
|
9892
|
+
padding: var(--size-spacing-sm);
|
9893
|
+
}
|
9894
|
+
|
9895
|
+
.styles-module_root__9sh2n[data-padding="md"] {
|
9896
|
+
padding: var(--size-spacing-md);
|
9897
|
+
}
|
9898
|
+
|
9899
|
+
.styles-module_root__9sh2n[data-padding="lg"] {
|
9900
|
+
padding: var(--size-spacing-lg);
|
9901
|
+
}
|
9665
9902
|
/* * */
|
9666
9903
|
/* TAG */
|
9667
9904
|
|
@@ -10348,88 +10585,6 @@ breakpoint-mobile {
|
|
10348
10585
|
opacity: 1;
|
10349
10586
|
}
|
10350
10587
|
/* * */
|
10351
|
-
/* ROOT */
|
10352
|
-
|
10353
|
-
.styles-module_root__9sh2n {
|
10354
|
-
display: flex;
|
10355
|
-
width: 100%;
|
10356
|
-
}
|
10357
|
-
|
10358
|
-
/* * */
|
10359
|
-
/* PROPS / FLEX DIRECTION */
|
10360
|
-
|
10361
|
-
.styles-module_root__9sh2n[data-flex-direction="row"] {
|
10362
|
-
flex-direction: row;
|
10363
|
-
}
|
10364
|
-
|
10365
|
-
.styles-module_root__9sh2n[data-flex-direction="column"] {
|
10366
|
-
flex-direction: column;
|
10367
|
-
}
|
10368
|
-
|
10369
|
-
/* * */
|
10370
|
-
/* PROPS / ALIGN ITEMS */
|
10371
|
-
|
10372
|
-
.styles-module_root__9sh2n[data-align-items="flex-start"] {
|
10373
|
-
align-items: flex-start;
|
10374
|
-
}
|
10375
|
-
|
10376
|
-
.styles-module_root__9sh2n[data-align-items="center"] {
|
10377
|
-
align-items: center;
|
10378
|
-
}
|
10379
|
-
|
10380
|
-
.styles-module_root__9sh2n[data-align-items="flex-end"] {
|
10381
|
-
align-items: flex-end;
|
10382
|
-
}
|
10383
|
-
|
10384
|
-
/* * */
|
10385
|
-
/* PROPS / JUSTIFY CONTENT */
|
10386
|
-
|
10387
|
-
.styles-module_root__9sh2n[data-justify-content="flex-start"] {
|
10388
|
-
justify-content: flex-start;
|
10389
|
-
}
|
10390
|
-
|
10391
|
-
.styles-module_root__9sh2n[data-justify-content="center"] {
|
10392
|
-
justify-content: center;
|
10393
|
-
}
|
10394
|
-
|
10395
|
-
.styles-module_root__9sh2n[data-justify-content="flex-end"] {
|
10396
|
-
justify-content: flex-end;
|
10397
|
-
}
|
10398
|
-
|
10399
|
-
/* * */
|
10400
|
-
/* PROPS / GAP */
|
10401
|
-
|
10402
|
-
.styles-module_root__9sh2n[data-gap="xs"] {
|
10403
|
-
gap: var(--size-spacing-xs);
|
10404
|
-
}
|
10405
|
-
|
10406
|
-
.styles-module_root__9sh2n[data-gap="sm"] {
|
10407
|
-
gap: var(--size-spacing-sm);
|
10408
|
-
}
|
10409
|
-
|
10410
|
-
.styles-module_root__9sh2n[data-gap="md"] {
|
10411
|
-
gap: var(--size-spacing-md);
|
10412
|
-
}
|
10413
|
-
|
10414
|
-
.styles-module_root__9sh2n[data-gap="lg"] {
|
10415
|
-
gap: var(--size-spacing-lg);
|
10416
|
-
}
|
10417
|
-
|
10418
|
-
/* * */
|
10419
|
-
/* PROPS / PADDING */
|
10420
|
-
|
10421
|
-
.styles-module_root__9sh2n[data-padding="sm"] {
|
10422
|
-
padding: var(--size-spacing-sm);
|
10423
|
-
}
|
10424
|
-
|
10425
|
-
.styles-module_root__9sh2n[data-padding="md"] {
|
10426
|
-
padding: var(--size-spacing-md);
|
10427
|
-
}
|
10428
|
-
|
10429
|
-
.styles-module_root__9sh2n[data-padding="lg"] {
|
10430
|
-
padding: var(--size-spacing-lg);
|
10431
|
-
}
|
10432
|
-
/* * */
|
10433
10588
|
/* CONTAINER */
|
10434
10589
|
|
10435
10590
|
.styles-module_container__nTl3X {
|
@@ -10516,111 +10671,3 @@ breakpoint-mobile {
|
|
10516
10671
|
text-decoration: underline;
|
10517
10672
|
}
|
10518
10673
|
/*# sourceMappingURL=index.css.map */
|
10519
|
-
:root[data-theme="ocean"] {
|
10520
|
-
--color-primary: #005ADC;
|
10521
|
-
--color-secondary: #0041A0;
|
10522
|
-
--color-background: #E6F0FF;
|
10523
|
-
--color-contrast: #FFF;
|
10524
|
-
--color-shadow: #000A5040;
|
10525
|
-
}
|
10526
|
-
|
10527
|
-
@media (prefers-color-scheme: dark) {
|
10528
|
-
:root[data-theme="ocean"] {
|
10529
|
-
--color-primary: #2864B9;
|
10530
|
-
--color-secondary: #1E4B96;
|
10531
|
-
--color-background: #1E283C;
|
10532
|
-
--color-contrast: #CDE1FF;
|
10533
|
-
--color-shadow: #00083D40;
|
10534
|
-
}
|
10535
|
-
}
|
10536
|
-
|
10537
|
-
:root[data-theme="park"] {
|
10538
|
-
--color-primary: #7dcd7d;
|
10539
|
-
--color-secondary: #50b450;
|
10540
|
-
--color-background: #e6ffe6;
|
10541
|
-
--color-contrast: #ffffff;
|
10542
|
-
--color-shadow: #1e3c1e40;
|
10543
|
-
}
|
10544
|
-
|
10545
|
-
@media (prefers-color-scheme: dark) {
|
10546
|
-
:root[data-theme="park"] {
|
10547
|
-
--color-primary: #509b50;
|
10548
|
-
--color-secondary: #2d8c2d;
|
10549
|
-
--color-background: #233223;
|
10550
|
-
--color-contrast: #e6ffdc;
|
10551
|
-
--color-shadow: #1e3c1e40;
|
10552
|
-
}
|
10553
|
-
}
|
10554
|
-
|
10555
|
-
:root[data-theme="path"] {
|
10556
|
-
--color-primary: #a09682;
|
10557
|
-
--color-secondary: #8c826e;
|
10558
|
-
--color-background: #f0f0eb;
|
10559
|
-
--color-contrast: #ffffff;
|
10560
|
-
--color-shadow: #32322d40;
|
10561
|
-
}
|
10562
|
-
|
10563
|
-
@media (prefers-color-scheme: dark) {
|
10564
|
-
:root[data-theme="path"] {
|
10565
|
-
--color-primary: #6e6a64;
|
10566
|
-
--color-secondary: #5f5a55;
|
10567
|
-
--color-background: #232328;
|
10568
|
-
--color-contrast: #d2cdc8;
|
10569
|
-
--color-shadow: #32322d40;
|
10570
|
-
}
|
10571
|
-
}
|
10572
|
-
|
10573
|
-
:root[data-theme="pool"] {
|
10574
|
-
--color-primary: #28c8a0;
|
10575
|
-
--color-secondary: #0a966e;
|
10576
|
-
--color-background: #e6fff5;
|
10577
|
-
--color-contrast: #ffffff;
|
10578
|
-
--color-shadow: #0a643c40;
|
10579
|
-
}
|
10580
|
-
|
10581
|
-
@media (prefers-color-scheme: dark) {
|
10582
|
-
:root[data-theme="pool"] {
|
10583
|
-
--color-primary: #1eaa8c;
|
10584
|
-
--color-secondary: #0a966e;
|
10585
|
-
--color-background: #1e2d28;
|
10586
|
-
--color-contrast: #0a3228;
|
10587
|
-
--color-shadow: #05231440;
|
10588
|
-
}
|
10589
|
-
}
|
10590
|
-
|
10591
|
-
:root[data-theme="royal"] {
|
10592
|
-
--color-primary: #6e3cc8;
|
10593
|
-
--color-secondary: #460a96;
|
10594
|
-
--color-background: #f0f0ff;
|
10595
|
-
--color-contrast: #fff;
|
10596
|
-
--color-shadow: #1e0a4640;
|
10597
|
-
}
|
10598
|
-
|
10599
|
-
@media (prefers-color-scheme: dark) {
|
10600
|
-
:root[data-theme="royal"] {
|
10601
|
-
--color-primary: #783cc8;
|
10602
|
-
--color-secondary: #460a96;
|
10603
|
-
--color-background: #1e1e46;
|
10604
|
-
--color-contrast: #ebe1ff;
|
10605
|
-
--color-shadow: #1e0a4640;
|
10606
|
-
}
|
10607
|
-
}
|
10608
|
-
|
10609
|
-
:root[data-theme="street"] {
|
10610
|
-
--color-primary: #8cd200;
|
10611
|
-
--color-secondary: #7dbe00;
|
10612
|
-
--color-background: #f0ffdc;
|
10613
|
-
--color-contrast: #ffffff;
|
10614
|
-
--color-shadow: #283c1440;
|
10615
|
-
}
|
10616
|
-
|
10617
|
-
@media (prefers-color-scheme: dark) {
|
10618
|
-
:root[data-theme="street"] {
|
10619
|
-
--color-primary: #82be00;
|
10620
|
-
--color-secondary: #64a000;
|
10621
|
-
--color-background: #3c4137;
|
10622
|
-
--color-contrast: #1e320a;
|
10623
|
-
--color-shadow: #283c1440;
|
10624
|
-
}
|
10625
|
-
}
|
10626
|
-
|
package/package.json
CHANGED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|