Skip to content

Commit 209a627

Browse files
lisalupilisalupi
committed
feat(Popover): vanilla extract popup (#5477)
* feat: popup, popover and tooltip * fix: var in new file
1 parent 0aeb73f commit 209a627

File tree

11 files changed

+873
-370
lines changed

11 files changed

+873
-370
lines changed

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -889,7 +889,7 @@ exports[`unitInputField > should render correctly 1`] = `
889889
align-self: center;
890890
}
891891
892-
.emotion-22 {
892+
.emotion-20 {
893893
display: -webkit-box;
894894
display: -webkit-flex;
895895
display: -ms-flexbox;
@@ -918,7 +918,7 @@ exports[`unitInputField > should render correctly 1`] = `
918918
display: flex;
919919
}
920920
921-
.emotion-24 {
921+
.emotion-22 {
922922
vertical-align: middle;
923923
fill: #3f4250;
924924
height: 1rem;
@@ -927,7 +927,7 @@ exports[`unitInputField > should render correctly 1`] = `
927927
min-height: 1rem;
928928
}
929929
930-
.emotion-24 .fillStroke {
930+
.emotion-22 .fillStroke {
931931
stroke: #3f4250;
932932
fill: none;
933933
}

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

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6654,6 +6654,16 @@ exports[`estimateCost - Unit Item > render basic props with values 1`] = `
66546654
66556655
.emotion-80 {
66566656
width: 70%;
6657+
min-width: 230px;
6658+
border-color: #d9dadd;
6659+
border-style: solid;
6660+
border-width: 0 1px 1px 1px;
6661+
border-right: none;
6662+
border-radius: 0 0 0.25rem 0.25rem;
6663+
height: 56px;
6664+
background-color: #f1eefc;
6665+
width: 30%;
6666+
min-width: 126px;
66576667
}
66586668
66596669
.emotion-82 {
@@ -8631,6 +8641,16 @@ exports[`estimateCost - Unit Item > render basic props with values and no iterat
86318641
86328642
.emotion-80 {
86338643
width: 70%;
8644+
min-width: 230px;
8645+
border-color: #d9dadd;
8646+
border-style: solid;
8647+
border-width: 0 1px 1px 1px;
8648+
border-right: none;
8649+
border-radius: 0 0 0.25rem 0.25rem;
8650+
height: 56px;
8651+
background-color: #f1eefc;
8652+
width: 30%;
8653+
min-width: 126px;
86348654
}
86358655
86368656
.emotion-82 {
@@ -10651,6 +10671,16 @@ exports[`estimateCost - Unit Item > render test 1`] = `
1065110671
1065210672
.emotion-116 {
1065310673
width: 70%;
10674+
min-width: 230px;
10675+
border-color: #d9dadd;
10676+
border-style: solid;
10677+
border-width: 0 1px 1px 1px;
10678+
border-right: none;
10679+
border-radius: 0 0 0.25rem 0.25rem;
10680+
height: 56px;
10681+
background-color: #f1eefc;
10682+
width: 30%;
10683+
min-width: 126px;
1065410684
}
1065510685
1065610686
.emotion-118 {
@@ -14712,6 +14742,16 @@ exports[`estimateCost - Unit Item > render with 10 amount 1`] = `
1471214742
1471314743
.emotion-78 {
1471414744
width: 70%;
14745+
min-width: 230px;
14746+
border-color: #d9dadd;
14747+
border-style: solid;
14748+
border-width: 0 1px 1px 1px;
14749+
border-right: none;
14750+
border-radius: 0 0 0.25rem 0.25rem;
14751+
height: 56px;
14752+
background-color: #f1eefc;
14753+
width: 30%;
14754+
min-width: 126px;
1471514755
}
1471614756
1471714757
.emotion-80 {

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

Lines changed: 28 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9279,8 +9279,13 @@ exports[`estimateCost - index > render with description as node 1`] = `
92799279
position: relative;
92809280
width: 70%;
92819281
min-width: 230px;
9282-
border-left: 1px solid #d9dadd;
9283-
background-color: #f9f9fa;
9282+
border-color: #d9dadd;
9283+
border-style: solid;
9284+
border-width: 0 1px 1px 1px;
9285+
border-right: none;
9286+
border-radius: 0 0 0.25rem 0.25rem;
9287+
height: 56px;
9288+
background-color: #f1eefc;
92849289
width: 30%;
92859290
min-width: 126px;
92869291
}
@@ -11844,8 +11849,13 @@ exports[`estimateCost - index > render with discount 0.5 and defaultTimeUnit mon
1184411849
position: relative;
1184511850
width: 70%;
1184611851
min-width: 230px;
11847-
border-left: 1px solid #d9dadd;
11848-
background-color: #f9f9fa;
11852+
border-color: #d9dadd;
11853+
border-style: solid;
11854+
border-width: 0 1px 1px 1px;
11855+
border-right: none;
11856+
border-radius: 0 0 0.25rem 0.25rem;
11857+
height: 56px;
11858+
background-color: #f1eefc;
1184911859
width: 30%;
1185011860
min-width: 126px;
1185111861
}
@@ -19619,8 +19629,13 @@ exports[`estimateCost - index > render with isBeta, discount 0 and defaultTimeUn
1961919629
position: relative;
1962019630
width: 70%;
1962119631
min-width: 230px;
19622-
border-left: 1px solid #d9dadd;
19623-
background-color: #f9f9fa;
19632+
border-color: #d9dadd;
19633+
border-style: solid;
19634+
border-width: 0 1px 1px 1px;
19635+
border-right: none;
19636+
border-radius: 0 0 0.25rem 0.25rem;
19637+
height: 56px;
19638+
background-color: #f1eefc;
1962419639
width: 30%;
1962519640
min-width: 126px;
1962619641
}
@@ -21275,8 +21290,13 @@ exports[`estimateCost - index > render with isBeta, discount 0.5 and defaultTime
2127521290
position: relative;
2127621291
width: 70%;
2127721292
min-width: 230px;
21278-
border-left: 1px solid #d9dadd;
21279-
background-color: #f9f9fa;
21293+
border-color: #d9dadd;
21294+
border-style: solid;
21295+
border-width: 0 1px 1px 1px;
21296+
border-right: none;
21297+
border-radius: 0 0 0.25rem 0.25rem;
21298+
height: 56px;
21299+
background-color: #f1eefc;
2128021300
width: 30%;
2128121301
min-width: 126px;
2128221302
}

‎packages/ui/src/components/DateInput/__tests__/__snapshots__/index.test.tsx.snap‎

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1734,8 +1734,18 @@ exports[`dateInput > renders correctly error disabled 1`] = `
17341734
class="styles_htmlFor__17td3g91 style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_neutral__m4c9owb style_prominence_default__m4c9owi style_variant_bodyStrong__m4c9owq style_disabled_false__m4c9ow1b style_undefined_compound_24__m4c9ow20 style_undefined_compound_72__m4c9ow3c"
17351735
for="«rj»"
17361736
>
1737-
Date
1738-
</label>
1737+
<label
1738+
class="emotion-6 emotion-7 style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_neutral__m4c9owb style_prominence_default__m4c9owi style_variant_bodyStrong__m4c9owq style_disabled_false__m4c9ow1b style_undefined_compound_24__m4c9ow20 style_undefined_compound_72__m4c9ow3c"
1739+
for="«ro»"
1740+
>
1741+
Date
1742+
</label>
1743+
<span
1744+
class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_danger__m4c9owd style_prominence_default__m4c9owi style_variant_bodyStrong__m4c9owq style_disabled_false__m4c9ow1b style_undefined_compound_8__m4c9ow1k style_undefined_compound_72__m4c9ow3c"
1745+
>
1746+
*
1747+
</span>
1748+
</div>
17391749
<div>
17401750
<div
17411751
class="emotion-2 emotion-3"
@@ -1750,7 +1760,8 @@ exports[`dateInput > renders correctly error disabled 1`] = `
17501760
class="emotion-4 emotion-5"
17511761
data-size="large"
17521762
disabled=""
1753-
id="«rj»"
1763+
id="«ro»"
1764+
required=""
17541765
type="text"
17551766
/>
17561767
<div

0 commit comments

Comments
 (0)