Skip to content

Commit 9432b6b

Browse files
matthprostlisalupi
authored andcommitted
refactor: label and password check to vanilla extract (#5517)
* refactor: label and password check to vanilla extract * fix: update snapshots
1 parent 194d70b commit 9432b6b

File tree

1 file changed

+20
-24
lines changed

1 file changed

+20
-24
lines changed

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

Lines changed: 20 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,6 @@ exports[`verificationCodeField > should render correctly 1`] = `
1717
}
1818
1919
.emotion-2 {
20-
cursor: text;
21-
}
22-
23-
.emotion-4 {
2420
background: #ffffff;
2521
color: #3f4250;
2622
font-size: 1rem;
@@ -36,54 +32,54 @@ exports[`verificationCodeField > should render correctly 1`] = `
3632
border: solid 1px #d9dadd;
3733
}
3834
39-
.emotion-4[aria-invalid='true'] {
35+
.emotion-2[aria-invalid='true'] {
4036
border-color: #b3144d;
4137
}
4238
43-
.emotion-4[data-success='true'] {
39+
.emotion-2[data-success='true'] {
4440
border-color: #22674e;
4541
}
4642
47-
.emotion-4:hover,
48-
.emotion-4:focus {
43+
.emotion-2:hover,
44+
.emotion-2:focus {
4945
border-color: #792dd4;
5046
}
5147
52-
.emotion-4:hover[aria-invalid='true'],
53-
.emotion-4:focus[aria-invalid='true'] {
48+
.emotion-2:hover[aria-invalid='true'],
49+
.emotion-2:focus[aria-invalid='true'] {
5450
border-color: #92103f;
5551
}
5652
57-
.emotion-4:hover[data-success='true'],
58-
.emotion-4:focus[data-success='true'] {
53+
.emotion-2:hover[data-success='true'],
54+
.emotion-2:focus[data-success='true'] {
5955
border-color: #1b533f;
6056
}
6157
62-
.emotion-4:focus {
58+
.emotion-2:focus {
6359
box-shadow: 0px 0px 0px 3px #8c40ef40;
6460
}
6561
66-
.emotion-4:last-child {
62+
.emotion-2:last-child {
6763
margin-right: 0;
6864
}
6965
70-
.emotion-4::-webkit-input-placeholder {
66+
.emotion-2::-webkit-input-placeholder {
7167
color: #727683;
7268
}
7369
74-
.emotion-4::-moz-placeholder {
70+
.emotion-2::-moz-placeholder {
7571
color: #727683;
7672
}
7773
78-
.emotion-4:-ms-input-placeholder {
74+
.emotion-2:-ms-input-placeholder {
7975
color: #727683;
8076
}
8177
82-
.emotion-4::placeholder {
78+
.emotion-2::placeholder {
8379
color: #727683;
8480
}
8581
86-
.emotion-4:disabled {
82+
.emotion-2:disabled {
8783
cursor: not-allowed;
8884
background: #f3f3f4;
8985
color: #b5b7bd;
@@ -105,7 +101,7 @@ exports[`verificationCodeField > should render correctly 1`] = `
105101
style="--uv_4k0ekn0: var(--uv_4k0ekn0); --uv_4k0ekn1: var(--uv_4k0ekn1); --uv_4k0ekn2: var(--uv_4k0ekn2); --uv_4k0ekn3: var(--uv_4k0ekn3);"
106102
>
107103
<label
108-
class="emotion-2 emotion-3 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9owq uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
104+
class="uv_17td3g92 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9owq uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
109105
>
110106
Code
111107
</label>
@@ -120,7 +116,7 @@ exports[`verificationCodeField > should render correctly 1`] = `
120116
aria-invalid="false"
121117
aria-label="Verification code 0"
122118
autocomplete="off"
123-
class="emotion-4 emotion-5"
119+
class="emotion-2 emotion-3"
124120
data-success="false"
125121
data-testid="0"
126122
id="verification-code-input-0"
@@ -134,7 +130,7 @@ exports[`verificationCodeField > should render correctly 1`] = `
134130
aria-invalid="false"
135131
aria-label="Verification code 1"
136132
autocomplete="off"
137-
class="emotion-4 emotion-5"
133+
class="emotion-2 emotion-3"
138134
data-success="false"
139135
data-testid="1"
140136
id="verification-code-input-1"
@@ -148,7 +144,7 @@ exports[`verificationCodeField > should render correctly 1`] = `
148144
aria-invalid="false"
149145
aria-label="Verification code 2"
150146
autocomplete="off"
151-
class="emotion-4 emotion-5"
147+
class="emotion-2 emotion-3"
152148
data-success="false"
153149
data-testid="2"
154150
id="verification-code-input-2"
@@ -162,7 +158,7 @@ exports[`verificationCodeField > should render correctly 1`] = `
162158
aria-invalid="false"
163159
aria-label="Verification code 3"
164160
autocomplete="off"
165-
class="emotion-4 emotion-5"
161+
class="emotion-2 emotion-3"
166162
data-success="false"
167163
data-testid="3"
168164
id="verification-code-input-3"

0 commit comments

Comments
 (0)