Skip to content

Commit dce815c

Browse files
matthprostphilibea
matthprost
authored and
philibea
committed
feat(Button): emotion removal vanilla extract (#5428)
* feat(Button): emotion removal vanilla extract * fix: unit tests and checks * fix: update prefix to add uv * fix: snapshot update
1 parent 71dbf6c commit dce815c

File tree

37 files changed

+33194
-359
lines changed

37 files changed

+33194
-359
lines changed

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

Lines changed: 376 additions & 0 deletions
Large diffs are not rendered by default.

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

Lines changed: 261 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,86 @@
22

33
exports[`keyValueField > should render with default props & max size 1`] = `
44
<DocumentFragment>
5+
<<<<<<< HEAD
56
<div
7+
=======
8+
.emotion-0 {
9+
display: contents;
10+
}
11+
12+
.emotion-2 {
13+
display: -webkit-box;
14+
display: -webkit-flex;
15+
display: -ms-flexbox;
16+
display: flex;
17+
-webkit-box-flex-wrap: nowrap;
18+
-webkit-flex-wrap: nowrap;
19+
-ms-flex-wrap: nowrap;
20+
flex-wrap: nowrap;
21+
-webkit-align-items: normal;
22+
-webkit-box-align: normal;
23+
-ms-flex-align: normal;
24+
align-items: normal;
25+
-webkit-box-pack: normal;
26+
-ms-flex-pack: normal;
27+
-webkit-justify-content: normal;
28+
justify-content: normal;
29+
-webkit-flex-direction: column;
30+
-ms-flex-direction: column;
31+
flex-direction: column;
32+
gap: 1.5rem;
33+
}
34+
35+
.emotion-4 {
36+
display: -webkit-box;
37+
display: -webkit-flex;
38+
display: -ms-flexbox;
39+
display: flex;
40+
-webkit-box-flex-wrap: nowrap;
41+
-webkit-flex-wrap: nowrap;
42+
-ms-flex-wrap: nowrap;
43+
flex-wrap: nowrap;
44+
-webkit-align-items: normal;
45+
-webkit-box-align: normal;
46+
-ms-flex-align: normal;
47+
align-items: normal;
48+
-webkit-box-pack: start;
49+
-ms-flex-pack: start;
50+
-webkit-justify-content: flex-start;
51+
justify-content: flex-start;
52+
-webkit-flex-direction: row;
53+
-ms-flex-direction: row;
54+
flex-direction: row;
55+
}
56+
57+
.emotion-6 {
58+
display: inherit;
59+
}
60+
61+
.emotion-6[data-container-full-height="true"] {
62+
height: 100%;
63+
}
64+
65+
.emotion-6[data-container-full-width="true"] {
66+
width: 100%;
67+
}
68+
69+
.emotion-8 {
70+
vertical-align: middle;
71+
fill: currentColor;
72+
height: 1rem;
73+
width: 1rem;
74+
min-width: 1rem;
75+
min-height: 1rem;
76+
}
77+
78+
.emotion-8 .fillStroke {
79+
stroke: currentColor;
80+
fill: none;
81+
}
82+
83+
<div
84+
>>>>>>> a81d26648 (feat(Button): emotion removal vanilla extract (#5428))
685
data-testid="testing"
786
>
887
<form
@@ -22,12 +101,20 @@ exports[`keyValueField > should render with default props & max size 1`] = `
22101
tabindex="0"
23102
>
24103
<button
104+
<<<<<<< HEAD
25105
class="uv_e1wcoe0 uv_e1wcoe1 uv_e1wcoe6 uv_e1wcoek uv_e1wcoeh uv_e1wcoe7 uv_e1wcoeu"
106+
=======
107+
class=" uv_e1wcoe0 uv_e1wcoe1 uv_e1wcoe6 uv_e1wcoek uv_e1wcoeh uv_e1wcoe7 uv_e1wcoeu"
108+
>>>>>>> a81d26648 (feat(Button): emotion removal vanilla extract (#5428))
26109
data-testid="add-button"
27110
type="button"
28111
>
29112
<svg
113+
<<<<<<< HEAD
30114
class="styles__1sbwqkz0 styles_prominence_default__1sbwqkzg styles_disabled_false__1sbwqkzf styles_size_small__1sbwqkza"
115+
=======
116+
class="emotion-8 emotion-9"
117+
>>>>>>> a81d26648 (feat(Button): emotion removal vanilla extract (#5428))
31118
viewBox="0 0 16 16"
32119
>
33120
<path
@@ -46,7 +133,86 @@ exports[`keyValueField > should render with default props & max size 1`] = `
46133

47134
exports[`keyValueField > should render with default props 1`] = `
48135
<DocumentFragment>
136+
<<<<<<< HEAD
49137
<div
138+
=======
139+
.emotion-0 {
140+
display: contents;
141+
}
142+
143+
.emotion-2 {
144+
display: -webkit-box;
145+
display: -webkit-flex;
146+
display: -ms-flexbox;
147+
display: flex;
148+
-webkit-box-flex-wrap: nowrap;
149+
-webkit-flex-wrap: nowrap;
150+
-ms-flex-wrap: nowrap;
151+
flex-wrap: nowrap;
152+
-webkit-align-items: normal;
153+
-webkit-box-align: normal;
154+
-ms-flex-align: normal;
155+
align-items: normal;
156+
-webkit-box-pack: normal;
157+
-ms-flex-pack: normal;
158+
-webkit-justify-content: normal;
159+
justify-content: normal;
160+
-webkit-flex-direction: column;
161+
-ms-flex-direction: column;
162+
flex-direction: column;
163+
gap: 1.5rem;
164+
}
165+
166+
.emotion-4 {
167+
display: -webkit-box;
168+
display: -webkit-flex;
169+
display: -ms-flexbox;
170+
display: flex;
171+
-webkit-box-flex-wrap: nowrap;
172+
-webkit-flex-wrap: nowrap;
173+
-ms-flex-wrap: nowrap;
174+
flex-wrap: nowrap;
175+
-webkit-align-items: normal;
176+
-webkit-box-align: normal;
177+
-ms-flex-align: normal;
178+
align-items: normal;
179+
-webkit-box-pack: start;
180+
-ms-flex-pack: start;
181+
-webkit-justify-content: flex-start;
182+
justify-content: flex-start;
183+
-webkit-flex-direction: row;
184+
-ms-flex-direction: row;
185+
flex-direction: row;
186+
}
187+
188+
.emotion-6 {
189+
display: inherit;
190+
}
191+
192+
.emotion-6[data-container-full-height="true"] {
193+
height: 100%;
194+
}
195+
196+
.emotion-6[data-container-full-width="true"] {
197+
width: 100%;
198+
}
199+
200+
.emotion-8 {
201+
vertical-align: middle;
202+
fill: currentColor;
203+
height: 1rem;
204+
width: 1rem;
205+
min-width: 1rem;
206+
min-height: 1rem;
207+
}
208+
209+
.emotion-8 .fillStroke {
210+
stroke: currentColor;
211+
fill: none;
212+
}
213+
214+
<div
215+
>>>>>>> a81d26648 (feat(Button): emotion removal vanilla extract (#5428))
50216
data-testid="testing"
51217
>
52218
<form
@@ -66,12 +232,20 @@ exports[`keyValueField > should render with default props 1`] = `
66232
tabindex="0"
67233
>
68234
<button
235+
<<<<<<< HEAD
69236
class="uv_e1wcoe0 uv_e1wcoe1 uv_e1wcoe6 uv_e1wcoek uv_e1wcoeh uv_e1wcoe7 uv_e1wcoeu"
237+
=======
238+
class=" uv_e1wcoe0 uv_e1wcoe1 uv_e1wcoe6 uv_e1wcoek uv_e1wcoeh uv_e1wcoe7 uv_e1wcoeu"
239+
>>>>>>> a81d26648 (feat(Button): emotion removal vanilla extract (#5428))
70240
data-testid="add-button"
71241
type="button"
72242
>
73243
<svg
244+
<<<<<<< HEAD
74245
class="styles__1sbwqkz0 styles_prominence_default__1sbwqkzg styles_disabled_false__1sbwqkzf styles_size_small__1sbwqkza"
246+
=======
247+
class="emotion-8 emotion-9"
248+
>>>>>>> a81d26648 (feat(Button): emotion removal vanilla extract (#5428))
75249
viewBox="0 0 16 16"
76250
>
77251
<path
@@ -90,7 +264,86 @@ exports[`keyValueField > should render with default props 1`] = `
90264

91265
exports[`keyValueField > should render with default props in readonly mode 1`] = `
92266
<DocumentFragment>
267+
<<<<<<< HEAD
93268
<div
269+
=======
270+
.emotion-0 {
271+
display: contents;
272+
}
273+
274+
.emotion-2 {
275+
display: -webkit-box;
276+
display: -webkit-flex;
277+
display: -ms-flexbox;
278+
display: flex;
279+
-webkit-box-flex-wrap: nowrap;
280+
-webkit-flex-wrap: nowrap;
281+
-ms-flex-wrap: nowrap;
282+
flex-wrap: nowrap;
283+
-webkit-align-items: normal;
284+
-webkit-box-align: normal;
285+
-ms-flex-align: normal;
286+
align-items: normal;
287+
-webkit-box-pack: normal;
288+
-ms-flex-pack: normal;
289+
-webkit-justify-content: normal;
290+
justify-content: normal;
291+
-webkit-flex-direction: column;
292+
-ms-flex-direction: column;
293+
flex-direction: column;
294+
gap: 1.5rem;
295+
}
296+
297+
.emotion-4 {
298+
display: -webkit-box;
299+
display: -webkit-flex;
300+
display: -ms-flexbox;
301+
display: flex;
302+
-webkit-box-flex-wrap: nowrap;
303+
-webkit-flex-wrap: nowrap;
304+
-ms-flex-wrap: nowrap;
305+
flex-wrap: nowrap;
306+
-webkit-align-items: normal;
307+
-webkit-box-align: normal;
308+
-ms-flex-align: normal;
309+
align-items: normal;
310+
-webkit-box-pack: start;
311+
-ms-flex-pack: start;
312+
-webkit-justify-content: flex-start;
313+
justify-content: flex-start;
314+
-webkit-flex-direction: row;
315+
-ms-flex-direction: row;
316+
flex-direction: row;
317+
}
318+
319+
.emotion-6 {
320+
display: inherit;
321+
}
322+
323+
.emotion-6[data-container-full-height="true"] {
324+
height: 100%;
325+
}
326+
327+
.emotion-6[data-container-full-width="true"] {
328+
width: 100%;
329+
}
330+
331+
.emotion-8 {
332+
vertical-align: middle;
333+
fill: currentColor;
334+
height: 1rem;
335+
width: 1rem;
336+
min-width: 1rem;
337+
min-height: 1rem;
338+
}
339+
340+
.emotion-8 .fillStroke {
341+
stroke: currentColor;
342+
fill: none;
343+
}
344+
345+
<div
346+
>>>>>>> a81d26648 (feat(Button): emotion removal vanilla extract (#5428))
94347
data-testid="testing"
95348
>
96349
<form
@@ -110,13 +363,21 @@ exports[`keyValueField > should render with default props in readonly mode 1`] =
110363
tabindex="0"
111364
>
112365
<button
366+
<<<<<<< HEAD
113367
class="uv_e1wcoe0 uv_e1wcoe1 uv_e1wcoe6 uv_e1wcoej uv_e1wcoeh uv_e1wcoe7 uv_e1wcoeu"
368+
=======
369+
class=" uv_e1wcoe0 uv_e1wcoe1 uv_e1wcoe6 uv_e1wcoej uv_e1wcoeh uv_e1wcoe7 uv_e1wcoeu"
370+
>>>>>>> a81d26648 (feat(Button): emotion removal vanilla extract (#5428))
114371
data-testid="add-button"
115372
disabled=""
116373
type="button"
117374
>
118375
<svg
376+
<<<<<<< HEAD
119377
class="styles__1sbwqkz0 styles_prominence_default__1sbwqkzg styles_disabled_false__1sbwqkzf styles_size_small__1sbwqkza"
378+
=======
379+
class="emotion-8 emotion-9"
380+
>>>>>>> a81d26648 (feat(Button): emotion removal vanilla extract (#5428))
120381
viewBox="0 0 16 16"
121382
>
122383
<path

0 commit comments

Comments
 (0)