Skip to content

Commit 83da7b6

Browse files
matthprostlisalupi
matthprost
authored and
lisalupi
committed
fix(form): remove all emotion usages (#5439)
* fix(form): remove all emotion usages * fix: snapshots
1 parent 7896dcd commit 83da7b6

File tree

23 files changed

+15977
-1835
lines changed

23 files changed

+15977
-1835
lines changed

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

Lines changed: 1749 additions & 54 deletions
Large diffs are not rendered by default.

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

Lines changed: 851 additions & 60 deletions
Large diffs are not rendered by default.

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

Lines changed: 937 additions & 239 deletions
Large diffs are not rendered by default.

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

Lines changed: 39 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,6 @@
33
exports[`keyValueField > should render with default props & max size 1`] = `
44
<DocumentFragment>
55
.emotion-0 {
6-
display: contents;
7-
}
8-
9-
.emotion-2 {
106
display: -webkit-box;
117
display: -webkit-flex;
128
display: -ms-flexbox;
@@ -29,7 +25,7 @@ exports[`keyValueField > should render with default props & max size 1`] = `
2925
gap: 1.5rem;
3026
}
3127
32-
.emotion-4 {
28+
.emotion-2 {
3329
display: -webkit-box;
3430
display: -webkit-flex;
3531
display: -ms-flexbox;
@@ -51,19 +47,19 @@ exports[`keyValueField > should render with default props & max size 1`] = `
5147
flex-direction: row;
5248
}
5349
54-
.emotion-6 {
50+
.emotion-4 {
5551
display: inherit;
5652
}
5753
58-
.emotion-6[data-container-full-height="true"] {
54+
.emotion-4[data-container-full-height="true"] {
5955
height: 100%;
6056
}
6157
62-
.emotion-6[data-container-full-width="true"] {
58+
.emotion-4[data-container-full-width="true"] {
6359
width: 100%;
6460
}
6561
66-
.emotion-8 {
62+
.emotion-6 {
6763
vertical-align: middle;
6864
fill: currentColor;
6965
height: 1rem;
@@ -72,7 +68,7 @@ exports[`keyValueField > should render with default props & max size 1`] = `
7268
min-height: 1rem;
7369
}
7470
75-
.emotion-8 .fillStroke {
71+
.emotion-6 .fillStroke {
7672
stroke: currentColor;
7773
fill: none;
7874
}
@@ -85,15 +81,16 @@ exports[`keyValueField > should render with default props & max size 1`] = `
8581
style="display: contents;"
8682
>
8783
<div
88-
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52uj uv_toi52u5d"
84+
class="emotion-0 emotion-1"
8985
>
9086
<div
91-
class="uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u61"
87+
class="emotion-2 emotion-1"
9288
>
9389
<div
94-
aria-controls="_r_8_"
95-
aria-describedby="_r_8_"
96-
class="uv_w40vpo9"
90+
aria-controls="«r8»"
91+
aria-describedby="«r8»"
92+
class="emotion-4 emotion-5"
93+
data-container-full-width="false"
9794
tabindex="0"
9895
>
9996
<button
@@ -102,7 +99,7 @@ exports[`keyValueField > should render with default props & max size 1`] = `
10299
type="button"
103100
>
104101
<svg
105-
class="emotion-8 emotion-9"
102+
class="emotion-6 emotion-7"
106103
viewBox="0 0 16 16"
107104
>
108105
<path
@@ -122,10 +119,6 @@ exports[`keyValueField > should render with default props & max size 1`] = `
122119
exports[`keyValueField > should render with default props 1`] = `
123120
<DocumentFragment>
124121
.emotion-0 {
125-
display: contents;
126-
}
127-
128-
.emotion-2 {
129122
display: -webkit-box;
130123
display: -webkit-flex;
131124
display: -ms-flexbox;
@@ -148,7 +141,7 @@ exports[`keyValueField > should render with default props 1`] = `
148141
gap: 1.5rem;
149142
}
150143
151-
.emotion-4 {
144+
.emotion-2 {
152145
display: -webkit-box;
153146
display: -webkit-flex;
154147
display: -ms-flexbox;
@@ -170,19 +163,19 @@ exports[`keyValueField > should render with default props 1`] = `
170163
flex-direction: row;
171164
}
172165
173-
.emotion-6 {
166+
.emotion-4 {
174167
display: inherit;
175168
}
176169
177-
.emotion-6[data-container-full-height="true"] {
170+
.emotion-4[data-container-full-height="true"] {
178171
height: 100%;
179172
}
180173
181-
.emotion-6[data-container-full-width="true"] {
174+
.emotion-4[data-container-full-width="true"] {
182175
width: 100%;
183176
}
184177
185-
.emotion-8 {
178+
.emotion-6 {
186179
vertical-align: middle;
187180
fill: currentColor;
188181
height: 1rem;
@@ -191,7 +184,7 @@ exports[`keyValueField > should render with default props 1`] = `
191184
min-height: 1rem;
192185
}
193186
194-
.emotion-8 .fillStroke {
187+
.emotion-6 .fillStroke {
195188
stroke: currentColor;
196189
fill: none;
197190
}
@@ -204,15 +197,16 @@ exports[`keyValueField > should render with default props 1`] = `
204197
style="display: contents;"
205198
>
206199
<div
207-
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52uj uv_toi52u5d"
200+
class="emotion-0 emotion-1"
208201
>
209202
<div
210-
class="uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u61"
203+
class="emotion-2 emotion-1"
211204
>
212205
<div
213-
aria-controls="_r_0_"
214-
aria-describedby="_r_0_"
215-
class="uv_w40vpo9"
206+
aria-controls="«r0»"
207+
aria-describedby="«r0»"
208+
class="emotion-4 emotion-5"
209+
data-container-full-width="false"
216210
tabindex="0"
217211
>
218212
<button
@@ -221,7 +215,7 @@ exports[`keyValueField > should render with default props 1`] = `
221215
type="button"
222216
>
223217
<svg
224-
class="emotion-8 emotion-9"
218+
class="emotion-6 emotion-7"
225219
viewBox="0 0 16 16"
226220
>
227221
<path
@@ -241,10 +235,6 @@ exports[`keyValueField > should render with default props 1`] = `
241235
exports[`keyValueField > should render with default props in readonly mode 1`] = `
242236
<DocumentFragment>
243237
.emotion-0 {
244-
display: contents;
245-
}
246-
247-
.emotion-2 {
248238
display: -webkit-box;
249239
display: -webkit-flex;
250240
display: -ms-flexbox;
@@ -267,7 +257,7 @@ exports[`keyValueField > should render with default props in readonly mode 1`] =
267257
gap: 1.5rem;
268258
}
269259
270-
.emotion-4 {
260+
.emotion-2 {
271261
display: -webkit-box;
272262
display: -webkit-flex;
273263
display: -ms-flexbox;
@@ -289,19 +279,19 @@ exports[`keyValueField > should render with default props in readonly mode 1`] =
289279
flex-direction: row;
290280
}
291281
292-
.emotion-6 {
282+
.emotion-4 {
293283
display: inherit;
294284
}
295285
296-
.emotion-6[data-container-full-height="true"] {
286+
.emotion-4[data-container-full-height="true"] {
297287
height: 100%;
298288
}
299289
300-
.emotion-6[data-container-full-width="true"] {
290+
.emotion-4[data-container-full-width="true"] {
301291
width: 100%;
302292
}
303293
304-
.emotion-8 {
294+
.emotion-6 {
305295
vertical-align: middle;
306296
fill: currentColor;
307297
height: 1rem;
@@ -310,7 +300,7 @@ exports[`keyValueField > should render with default props in readonly mode 1`] =
310300
min-height: 1rem;
311301
}
312302
313-
.emotion-8 .fillStroke {
303+
.emotion-6 .fillStroke {
314304
stroke: currentColor;
315305
fill: none;
316306
}
@@ -323,15 +313,16 @@ exports[`keyValueField > should render with default props in readonly mode 1`] =
323313
style="display: contents;"
324314
>
325315
<div
326-
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52uj uv_toi52u5d"
316+
class="emotion-0 emotion-1"
327317
>
328318
<div
329-
class="uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u61"
319+
class="emotion-2 emotion-1"
330320
>
331321
<div
332-
aria-controls="_r_9_"
333-
aria-describedby="_r_9_"
334-
class="uv_w40vpo9"
322+
aria-controls="«r9»"
323+
aria-describedby="«r9»"
324+
class="emotion-4 emotion-5"
325+
data-container-full-width="false"
335326
tabindex="0"
336327
>
337328
<button
@@ -341,7 +332,7 @@ exports[`keyValueField > should render with default props in readonly mode 1`] =
341332
type="button"
342333
>
343334
<svg
344-
class="emotion-8 emotion-9"
335+
class="emotion-6 emotion-7"
345336
viewBox="0 0 16 16"
346337
>
347338
<path

0 commit comments

Comments
 (0)