Skip to content

Commit 194d70b

Browse files
Matthias Prostlisalupi
Matthias Prost
authored and
lisalupi
committed
refactor(Stack): vanilla extract (#5492)
* refactor(Stack): vanilla extract * fix: add changeset * fix: issue with css type
1 parent d95a365 commit 194d70b

File tree

19 files changed

+316
-45
lines changed

19 files changed

+316
-45
lines changed

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

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@ exports[`numberInputField > should render correctly 1`] = `
2525
<div
2626
class="uv_1ce7gb62 uv_toi52u0 uv_toi52u3d uv_toi52u2d uv_toi52u7d uv_toi52u5j"
2727
data-size="large"
28+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
2829
>
2930
<button
3031
aria-label="minus"
@@ -58,6 +59,7 @@ exports[`numberInputField > should render correctly 1`] = `
5859
<div
5960
class="uv_1ce7gb62 uv_toi52u0 uv_toi52u3d uv_toi52u2d uv_toi52u7d uv_toi52u5j"
6061
data-size="large"
62+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
6163
>
6264
<button
6365
aria-label="plus"
@@ -107,6 +109,7 @@ exports[`numberInputField > should render correctly disabled 1`] = `
107109
<div
108110
class="uv_1ce7gb62 uv_toi52u0 uv_toi52u3d uv_toi52u2d uv_toi52u7d uv_toi52u5j"
109111
data-size="large"
112+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
110113
>
111114
<button
112115
aria-label="minus"
@@ -143,6 +146,7 @@ exports[`numberInputField > should render correctly disabled 1`] = `
143146
<div
144147
class="uv_1ce7gb62 uv_toi52u0 uv_toi52u3d uv_toi52u2d uv_toi52u7d uv_toi52u5j"
145148
data-size="large"
149+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
146150
>
147151
<button
148152
aria-label="plus"

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

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
7373
data-grouped="true"
7474
id="select-dropdown"
7575
role="listbox"
76+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
7677
>
7778
<div
7879
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u21 uv_toi52u5d"
@@ -99,6 +100,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
99100
<div
100101
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u21 uv_toi52u5d"
101102
id="items"
103+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
102104
>
103105
<div
104106
aria-disabled="false"
@@ -113,6 +115,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
113115
<div
114116
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u1v uv_toi52u5d"
115117
data-testid="option-stack-jupiter"
118+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
116119
>
117120
<div
118121
class="uv_5kpm8kf uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u1v uv_toi52u6p"
@@ -145,6 +148,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
145148
<div
146149
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u1v uv_toi52u5d"
147150
data-testid="option-stack-saturn"
151+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
148152
>
149153
<div
150154
class="uv_5kpm8kf uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u1v uv_toi52u6p"
@@ -171,6 +175,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
171175
<div
172176
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u1v uv_toi52u5d"
173177
data-testid="option-stack-uranus"
178+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
174179
>
175180
<div
176181
class="uv_5kpm8kf uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u1v uv_toi52u6p"
@@ -197,6 +202,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
197202
<div
198203
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u1v uv_toi52u5d"
199204
data-testid="option-stack-neptune"
205+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
200206
>
201207
<div
202208
class="uv_5kpm8kf uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u1v uv_toi52u6p"
@@ -237,6 +243,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
237243
<div
238244
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u21 uv_toi52u5d"
239245
id="items"
246+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
240247
>
241248
<div
242249
aria-disabled="false"
@@ -251,6 +258,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
251258
<div
252259
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u1v uv_toi52u5d"
253260
data-testid="option-stack-mercury"
261+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
254262
>
255263
<div
256264
class="uv_5kpm8kf uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u1v uv_toi52u6p"
@@ -277,6 +285,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
277285
<div
278286
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u1v uv_toi52u5d"
279287
data-testid="option-stack-venus"
288+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
280289
>
281290
<div
282291
class="uv_5kpm8kf uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u1v uv_toi52u6p"
@@ -303,6 +312,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
303312
<div
304313
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u1v uv_toi52u5d"
305314
data-testid="option-stack-earth"
315+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
306316
>
307317
<div
308318
class="uv_5kpm8kf uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u1v uv_toi52u6p"
@@ -335,6 +345,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
335345
<div
336346
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u1v uv_toi52u5d"
337347
data-testid="option-stack-mars"
348+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
338349
>
339350
<div
340351
class="uv_5kpm8kf uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u1v uv_toi52u6p"
@@ -361,6 +372,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
361372
<div
362373
class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u1v uv_toi52u5d"
363374
data-testid="option-stack-pluto"
375+
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
364376
>
365377
<div
366378
class="uv_5kpm8kf uv_toi52u0 uv_toi52u31 uv_toi52u2j uv_toi52u7d uv_toi52u1v uv_toi52u6p"

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

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ exports[`selectableCardField > should render correctly 1`] = `
1515
data-disabled="false"
1616
data-error="false"
1717
data-type="radio"
18+
flex="1"
1819
role="button"
1920
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
2021
tabindex="0"
@@ -100,6 +101,7 @@ exports[`selectableCardField > should render correctly checked 1`] = `
100101
data-disabled="false"
101102
data-error="false"
102103
data-type="radio"
104+
flex="1"
103105
role="button"
104106
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
105107
tabindex="0"
@@ -186,6 +188,7 @@ exports[`selectableCardField > should render correctly disabled 1`] = `
186188
data-disabled="true"
187189
data-error="false"
188190
data-type="radio"
191+
flex="1"
189192
role="button"
190193
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
191194
>
@@ -271,6 +274,7 @@ exports[`selectableCardField > should render correctly with errors 1`] = `
271274
data-disabled="false"
272275
data-error="true"
273276
data-type="radio"
277+
flex="1"
274278
role="button"
275279
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
276280
tabindex="0"
@@ -361,6 +365,7 @@ exports[`selectableCardField > should trigger events correctly 1`] = `
361365
data-disabled="false"
362366
data-error="false"
363367
data-type="radio"
368+
flex="1"
364369
role="button"
365370
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
366371
tabindex="0"

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

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ exports[`selectableCardField > should render correctly 1`] = `
3939
data-disabled="false"
4040
data-error="false"
4141
data-type="radio"
42+
flex="1"
4243
role="button"
4344
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
4445
tabindex="0"
@@ -102,6 +103,7 @@ exports[`selectableCardField > should render correctly 1`] = `
102103
data-disabled="false"
103104
data-error="false"
104105
data-type="radio"
106+
flex="1"
105107
role="button"
106108
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
107109
tabindex="0"
@@ -208,6 +210,7 @@ exports[`selectableCardField > should render correctly checked as a checkbox 1`]
208210
data-error="false"
209211
data-testid="checked"
210212
data-type="checkbox"
213+
flex="1"
211214
role="button"
212215
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
213216
tabindex="0"
@@ -323,6 +326,7 @@ exports[`selectableCardField > should render correctly checked as radiofield 1`]
323326
data-error="false"
324327
data-testid="checked"
325328
data-type="radio"
329+
flex="1"
326330
role="button"
327331
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
328332
tabindex="0"
@@ -429,6 +433,7 @@ exports[`selectableCardField > should trigger events correctly 1`] = `
429433
data-disabled="false"
430434
data-error="false"
431435
data-type="checkbox"
436+
flex="1"
432437
role="button"
433438
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
434439
tabindex="0"
@@ -500,6 +505,7 @@ exports[`selectableCardField > should trigger events correctly 1`] = `
500505
data-disabled="false"
501506
data-error="false"
502507
data-type="checkbox"
508+
flex="1"
503509
role="button"
504510
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
505511
tabindex="0"

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

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,7 @@ exports[`selectableCardOptionGroupField > should render correctly 1`] = `
7878
data-disabled="false"
7979
data-error="false"
8080
data-type="radio"
81+
flex="1"
8182
role="button"
8283
style="--uv_18vc4d30: inline; --uv_18vc4d31: inline; --uv_18vc4d32: auto;"
8384
tabindex="0"
@@ -219,6 +220,7 @@ exports[`selectableCardOptionGroupField > should render correctly 1`] = `
219220
data-disabled="false"
220221
data-error="false"
221222
data-type="radio"
223+
flex="1"
222224
role="button"
223225
style="--uv_18vc4d30: inline; --uv_18vc4d31: inline; --uv_18vc4d32: auto;"
224226
tabindex="0"
@@ -359,6 +361,7 @@ exports[`selectableCardOptionGroupField > should render correctly 1`] = `
359361
data-disabled="false"
360362
data-error="false"
361363
data-type="radio"
364+
flex="1"
362365
role="button"
363366
style="--uv_18vc4d30: inline; --uv_18vc4d31: inline; --uv_18vc4d32: auto;"
364367
tabindex="0"

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

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@ exports[`switchButtonField > should render correctly 1`] = `
2121
data-disabled="false"
2222
data-testid="switch-button-left"
2323
data-type="radio"
24+
flex="1"
2425
role="button"
2526
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
2627
tabindex="0"
@@ -83,6 +84,7 @@ exports[`switchButtonField > should render correctly 1`] = `
8384
data-disabled="false"
8485
data-testid="switch-button-right"
8586
data-type="radio"
87+
flex="1"
8688
role="button"
8789
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
8890
tabindex="0"
@@ -167,6 +169,7 @@ exports[`switchButtonField > should works with defaultValues 1`] = `
167169
data-disabled="false"
168170
data-testid="switch-button-left"
169171
data-type="radio"
172+
flex="1"
170173
role="button"
171174
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
172175
tabindex="0"
@@ -229,6 +232,7 @@ exports[`switchButtonField > should works with defaultValues 1`] = `
229232
data-disabled="false"
230233
data-testid="switch-button-right"
231234
data-type="radio"
235+
flex="1"
232236
role="button"
233237
style="--uv_18vc4d30: none; --uv_18vc4d31: inline; --uv_18vc4d32: 100%;"
234238
tabindex="0"

0 commit comments

Comments
 (0)