refactor: label and password check to vanilla extract (#5517)

* refactor: label and password check to vanilla extract

* fix: update snapshots

Author: matthprost

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

@@ -5,6 +5,7 @@ exports[`submit > form is invalid 1`] = `
   .emotion-0 {
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 =======
   display: -webkit-box;
   display: -webkit-flex;
@@ -44,6 +45,8 @@ exports[`submit > form is invalid 1`] = `
 
 .emotion-2 {
 >>>>>>> be21b81f1 (refactor(Stack): vanilla extract (#5492))
+=======
+>>>>>>> 29d2395c6 (refactor: label and password check to vanilla extract (#5517))
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -60,6 +63,7 @@ exports[`submit > form is invalid 1`] = `
 <<<<<<< HEAD
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 .emotion-0>.emotion-3 {
   color: #3f4250;
 }
@@ -97,33 +101,37 @@ exports[`submit > form is invalid 1`] = `
 =======
 .emotion-2>.emotion-5 {
 >>>>>>> be21b81f1 (refactor(Stack): vanilla extract (#5492))
+=======
+.emotion-0>.emotion-3 {
+>>>>>>> 29d2395c6 (refactor: label and password check to vanilla extract (#5517))
   color: #3f4250;
 }
 
-.emotion-2>.emotion-5::-webkit-input-placeholder {
+.emotion-0>.emotion-3::-webkit-input-placeholder {
   color: #727683;
 }
 
-.emotion-2>.emotion-5::-moz-placeholder {
+.emotion-0>.emotion-3::-moz-placeholder {
   color: #727683;
 }
 
-.emotion-2>.emotion-5:-ms-input-placeholder {
+.emotion-0>.emotion-3:-ms-input-placeholder {
   color: #727683;
 }
 
-.emotion-2>.emotion-5::placeholder {
+.emotion-0>.emotion-3::placeholder {
   color: #727683;
 }
 
-.emotion-2[data-success='true'] {
+.emotion-0[data-success='true'] {
   border-color: #22674e;
 }
 
-.emotion-2[data-error='true'] {
+.emotion-0[data-error='true'] {
   border-color: #b3144d;
 }
 
+<<<<<<< HEAD
 <<<<<<< HEAD
 <<<<<<< HEAD
 .emotion-5[data-readonly='true'] {
@@ -134,13 +142,17 @@ exports[`submit > form is invalid 1`] = `
 =======
 .emotion-2[data-readonly='true'] {
 >>>>>>> be21b81f1 (refactor(Stack): vanilla extract (#5492))
+=======
+.emotion-0[data-readonly='true'] {
+>>>>>>> 29d2395c6 (refactor: label and password check to vanilla extract (#5517))
   background: #f9f9fa;
   border-color: #d9dadd;
 }
 
 <<<<<<< HEAD
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 .emotion-0[data-disabled='true'] {
 =======
 .emotion-5[data-disabled='true'] {
@@ -151,13 +163,17 @@ exports[`submit > form is invalid 1`] = `
 =======
 .emotion-2[data-disabled='true'] {
 >>>>>>> be21b81f1 (refactor(Stack): vanilla extract (#5492))
+=======
+.emotion-0[data-disabled='true'] {
+>>>>>>> 29d2395c6 (refactor: label and password check to vanilla extract (#5517))
   background: #f3f3f4;
   border-color: #e9eaeb;
 }
 
 <<<<<<< HEAD
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 .emotion-0[data-disabled='true']>.emotion-3 {
   color: #b5b7bd;
 }
@@ -191,29 +207,33 @@ exports[`submit > form is invalid 1`] = `
 =======
 .emotion-2[data-disabled='true']>.emotion-5 {
 >>>>>>> be21b81f1 (refactor(Stack): vanilla extract (#5492))
+=======
+.emotion-0[data-disabled='true']>.emotion-3 {
+>>>>>>> 29d2395c6 (refactor: label and password check to vanilla extract (#5517))
   color: #b5b7bd;
 }
 
-.emotion-2[data-disabled='true']>.emotion-5::-webkit-input-placeholder {
+.emotion-0[data-disabled='true']>.emotion-3::-webkit-input-placeholder {
   color: #b5b7bd;
 }
 
-.emotion-2[data-disabled='true']>.emotion-5::-moz-placeholder {
+.emotion-0[data-disabled='true']>.emotion-3::-moz-placeholder {
   color: #b5b7bd;
 }
 
-.emotion-2[data-disabled='true']>.emotion-5:-ms-input-placeholder {
+.emotion-0[data-disabled='true']>.emotion-3:-ms-input-placeholder {
   color: #b5b7bd;
 }
 
-.emotion-2[data-disabled='true']>.emotion-5::placeholder {
+.emotion-0[data-disabled='true']>.emotion-3::placeholder {
   color: #b5b7bd;
 }
 
-.emotion-2:not([data-disabled='true']):not([data-readonly]):hover {
+.emotion-0:not([data-disabled='true']):not([data-readonly]):hover {
   border-color: #8c40ef;
 }
 
+<<<<<<< HEAD
 <<<<<<< HEAD
 <<<<<<< HEAD
 .emotion-7 {
@@ -224,6 +244,9 @@ exports[`submit > form is invalid 1`] = `
 =======
 .emotion-4 {
 >>>>>>> be21b81f1 (refactor(Stack): vanilla extract (#5492))
+=======
+.emotion-2 {
+>>>>>>> 29d2395c6 (refactor: label and password check to vanilla extract (#5517))
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
@@ -239,6 +262,7 @@ exports[`submit > form is invalid 1`] = `
 <<<<<<< HEAD
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 .emotion-2[data-size='large'] {
   font-size: 1rem;
 }
@@ -265,6 +289,13 @@ exports[`submit > form is invalid 1`] = `
 
 .emotion-4[data-size='small'] {
 >>>>>>> be21b81f1 (refactor(Stack): vanilla extract (#5492))
+=======
+.emotion-2[data-size='large'] {
+  font-size: 1rem;
+}
+
+.emotion-2[data-size='small'] {
+>>>>>>> 29d2395c6 (refactor: label and password check to vanilla extract (#5517))
   padding-left: 0.5rem;
 }
 
@@ -296,8 +327,12 @@ exports[`submit > form is invalid 1`] = `
         class="uv_toi52u0 uv_toi52u31 uv_toi52u2d uv_toi52u7d uv_toi52u1v uv_toi52u5d"
       >
         <label
+<<<<<<< HEAD
           class="emotion-0 emotion-1 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9owq uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
 >>>>>>> be21b81f1 (refactor(Stack): vanilla extract (#5492))
+=======
+          class="uv_17td3g91 uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owb uv_m4c9owi uv_m4c9owq uv_m4c9ow1b uv_m4c9ow20 uv_m4c9ow3c"
+>>>>>>> 29d2395c6 (refactor: label and password check to vanilla extract (#5517))
           for="«r1»"
         >
           test
@@ -306,6 +341,7 @@ exports[`submit > form is invalid 1`] = `
           <div
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 <<<<<<< HEAD
             class="emotion-0 emotion-1"
 =======
@@ -317,6 +353,9 @@ exports[`submit > form is invalid 1`] = `
 =======
             class="emotion-2 emotion-3"
 >>>>>>> be21b81f1 (refactor(Stack): vanilla extract (#5492))
+=======
+            class="emotion-0 emotion-1"
+>>>>>>> 29d2395c6 (refactor: label and password check to vanilla extract (#5517))
             data-disabled="false"
             data-error="false"
             data-readonly="false"
@@ -326,6 +365,7 @@ exports[`submit > form is invalid 1`] = `
               aria-invalid="false"
 <<<<<<< HEAD
 <<<<<<< HEAD
+<<<<<<< HEAD
 <<<<<<< HEAD
               class="emotion-2 emotion-3"
 =======
@@ -337,6 +377,9 @@ exports[`submit > form is invalid 1`] = `
 =======
               class="emotion-4 emotion-5"
 >>>>>>> be21b81f1 (refactor(Stack): vanilla extract (#5492))
+=======
+              class="emotion-2 emotion-3"
+>>>>>>> 29d2395c6 (refactor: label and password check to vanilla extract (#5517))
               data-size="large"
               id="«r1»"
               name="toto"