Skip to content

Commit 584fb75

Browse files
lisalupimatthprost
lisalupi
authored and
matthprost
committed
fix: use css variables (#5478)
1 parent defdacb commit 584fb75

File tree

26 files changed

+459
-448
lines changed

26 files changed

+459
-448
lines changed

‎.changeset/giant-hairs-wash.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@ultraviolet/ui": patch
3+
---
4+
5+
`ActionBar` & `Text`: Use css variable instead of style with vanilla extract

‎packages/form/src/components/SelectInputField/__tests__/__snapshots__/index.test.tsx.snap‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -557,7 +557,7 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
557557
>
558558
<span
559559
class="uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
560-
style="text-align: left;"
560+
style="--uv_qabug40: left;"
561561
>
562562
JOVIAN PLANETS
563563
</span>
@@ -586,14 +586,14 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
586586
>
587587
<span
588588
class="emotion-37 emotion-38 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow3c"
589-
style="text-align: left;"
589+
style="--uv_qabug40: left;"
590590
>
591591
Jupiter
592592
</span>
593593
</div>
594594
<span
595595
class="uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owl uv_m4c9own uv_m4c9ow1b uv_m4c9ow23 uv_m4c9ow3f"
596-
style="text-align: left;"
596+
style="--uv_qabug40: left;"
597597
>
598598
Jupiter is the fifth planet from the Sun and the largest in the Solar System. It is a gas giant with a mass more than two and a half times that of all the other planets in the Solar System combined, and slightly less than one one-thousandth the mass of the Sun.
599599
</span>
@@ -618,7 +618,7 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
618618
>
619619
<span
620620
class="emotion-37 emotion-38 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow3c"
621-
style="text-align: left;"
621+
style="--uv_qabug40: left;"
622622
>
623623
Saturn
624624
</span>
@@ -644,7 +644,7 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
644644
>
645645
<span
646646
class="emotion-37 emotion-38 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow3c"
647-
style="text-align: left;"
647+
style="--uv_qabug40: left;"
648648
>
649649
Uranus
650650
</span>
@@ -670,7 +670,7 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
670670
>
671671
<span
672672
class="emotion-37 emotion-38 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow3c"
673-
style="text-align: left;"
673+
style="--uv_qabug40: left;"
674674
>
675675
Neptune
676676
</span>
@@ -695,7 +695,7 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
695695
>
696696
<span
697697
class="uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
698-
style="text-align: left;"
698+
style="--uv_qabug40: left;"
699699
>
700700
TERRESTRIAL PLANETS
701701
</span>
@@ -724,7 +724,7 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
724724
>
725725
<span
726726
class="emotion-37 emotion-38 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow3c"
727-
style="text-align: left;"
727+
style="--uv_qabug40: left;"
728728
>
729729
Mercury
730730
</span>
@@ -750,7 +750,7 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
750750
>
751751
<span
752752
class="emotion-37 emotion-38 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow3c"
753-
style="text-align: left;"
753+
style="--uv_qabug40: left;"
754754
>
755755
Venus
756756
</span>
@@ -776,14 +776,14 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
776776
>
777777
<span
778778
class="emotion-37 emotion-38 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow3c"
779-
style="text-align: left;"
779+
style="--uv_qabug40: left;"
780780
>
781781
Earth
782782
</span>
783783
</div>
784784
<span
785785
class="uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owl uv_m4c9own uv_m4c9ow1b uv_m4c9ow23 uv_m4c9ow3f"
786-
style="text-align: left;"
786+
style="--uv_qabug40: left;"
787787
>
788788
Our home planet
789789
</span>
@@ -808,7 +808,7 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
808808
>
809809
<span
810810
class="emotion-37 emotion-38 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow3c"
811-
style="text-align: left;"
811+
style="--uv_qabug40: left;"
812812
>
813813
Mars
814814
</span>
@@ -834,14 +834,14 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
834834
>
835835
<span
836836
class="emotion-37 emotion-38 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9owm uv_m4c9ow1b uv_m4c9ow3c"
837-
style="text-align: left;"
837+
style="--uv_qabug40: left;"
838838
>
839839
Pluto
840840
</span>
841841
</div>
842842
<span
843843
class="uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owl uv_m4c9own uv_m4c9ow1b uv_m4c9ow23 uv_m4c9ow3f"
844-
style="text-align: left;"
844+
style="--uv_qabug40: left;"
845845
>
846846
Pluto does not fit the usual classification of either terrestrial or Jovian planets, but is rocky
847847
</span>

‎packages/form/src/components/SliderField/__tests__/__snapshots__/index.test.tsx.snap‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -259,7 +259,7 @@ exports[`SliderField > should render correctly 1`] = `
259259
<span
260260
class="emotion-6 emotion-7 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9own uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
261261
data-testid="slider-value"
262-
style="text-align: right;"
262+
style="--uv_qabug40: right;"
263263
>
264264
0
265265
</span>
@@ -536,7 +536,7 @@ exports[`SliderField > should render correctly disabled 1`] = `
536536
<span
537537
class="emotion-6 emotion-7 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9own uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
538538
data-testid="slider-value"
539-
style="text-align: right;"
539+
style="--uv_qabug40: right;"
540540
>
541541
0
542542
</span>
@@ -1038,7 +1038,7 @@ exports[`SliderField > should render correctly with possible values 1`] = `
10381038
<span
10391039
class="emotion-6 emotion-7 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9own uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
10401040
data-testid="slider-value"
1041-
style="text-align: right;"
1041+
style="--uv_qabug40: right;"
10421042
>
10431043
1
10441044
</span>
@@ -1794,14 +1794,14 @@ exports[`SliderField > should render correctly with possible values and double 1
17941794
<span
17951795
class="emotion-8 emotion-9 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9own uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
17961796
data-testid="value-left"
1797-
style="text-align: right;"
1797+
style="--uv_qabug40: right;"
17981798
>
17991799
1
18001800
</span>
18011801
<span
18021802
class="emotion-8 emotion-9 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9own uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
18031803
data-testid="value-right"
1804-
style="text-align: right;"
1804+
style="--uv_qabug40: right;"
18051805
>
18061806
500
18071807
</span>

‎packages/plus/src/components/EstimateCost/__tests__/__snapshots__/Regular.test.tsx.snap‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8029,7 +8029,7 @@ exports[`EstimateCost - Regular Item > render basic props with overlay beta 1`]
80298029
</div>
80308030
<span
80318031
class="emotion-35 emotion-36 uv_1yf71jy0 uv_1yf71jy2 uv_1yf71jye uv_1yf71jy9 uv_1yf71jys uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow3c"
8032-
style="white-space: nowrap;"
8032+
style="--uv_qabug41: nowrap;"
80338033
>
80348034
Free During Beta
80358035
</span>
@@ -8257,7 +8257,7 @@ exports[`EstimateCost - Regular Item > render basic props with overlay beta 1`]
82578257
>
82588258
<span
82598259
class="emotion-108 emotion-109 uv_1yf71jy0 uv_1yf71jy2 uv_1yf71jye uv_1yf71jy9 uv_1yf71jys uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow3c"
8260-
style="white-space: nowrap;"
8260+
style="--uv_qabug41: nowrap;"
82618261
>
82628262
82638263
Free During Beta

0 commit comments

Comments
 (0)