@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/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,6 +1,6 @@
1
1
  {
2
2
  "name": "@tmlmobilidade/ui",
3
- "version": "20250403.1846.33",
3
+ "version": "20250403.2152.43",
4
4
  "author": "",
5
5
  "license": "ISC",
6
6
  "publishConfig": {
@@ -1,4 +0,0 @@
1
- var styles = {"dropdown":"styles-module_dropdown__9W7AN"};
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":";;;;"}