fix: remove all forward ref

scaleway · May 20, 2024 · 5a20797 · 5a20797
1 parent fcd0925
commit 5a20797
Show file tree

Hide file tree

Showing 43 changed files with 1,957 additions and 2,723 deletions.
diff --git a/packages/form/src/components/CheckboxField/__tests__/__snapshots__/index.test.tsx.snap b/packages/form/src/components/CheckboxField/__tests__/__snapshots__/index.test.tsx.snap
@@ -292,7 +292,6 @@ exports[`CheckboxField should render correctly 1`] = `
         id=":r0:"
         name="test"
         type="checkbox"
-        value=""
       />
       <svg
         class="cache-1acemqq-StyledIcon eqr7bqq4"
@@ -627,7 +626,6 @@ exports[`CheckboxField should render correctly checked without value 1`] = `
         id=":r4:"
         name="checked"
         type="checkbox"
-        value=""
       />
       <svg
         class="cache-1acemqq-StyledIcon eqr7bqq4"
@@ -962,7 +960,6 @@ exports[`CheckboxField should render correctly disabled 1`] = `
         id=":r2:"
         name="test"
         type="checkbox"
-        value=""
       />
       <svg
         class="cache-1acemqq-StyledIcon eqr7bqq4"
@@ -1296,7 +1293,6 @@ exports[`CheckboxField should render correctly not checked without value 1`] = `
         id=":r6:"
         name="checked"
         type="checkbox"
-        value=""
       />
       <svg
         class="cache-1acemqq-StyledIcon eqr7bqq4"
@@ -1663,7 +1659,6 @@ exports[`CheckboxField should render correctly with errors 1`] = `
         name="test"
         required=""
         type="checkbox"
-        value=""
       />
       <svg
         class="cache-1acemqq-StyledIcon eqr7bqq4"
@@ -2027,7 +2022,6 @@ exports[`CheckboxField should trigger events correctly 1`] = `
         id=":r8:"
         name="test"
         type="checkbox"
-        value=""
       />
       <svg
         class="cache-1acemqq-StyledIcon eqr7bqq4"

diff --git a/packages/form/src/components/NumberInputFieldV2/__tests__/__snapshots__/index.test.tsx.snap b/packages/form/src/components/NumberInputFieldV2/__tests__/__snapshots__/index.test.tsx.snap
@@ -322,7 +322,6 @@ exports[`NumberInputFieldV2 should render correctly 1`] = `
               name="test"
               placeholder=""
               type="number"
-              value=""
             />
           </div>
           <div
@@ -668,7 +667,6 @@ exports[`NumberInputFieldV2 should render correctly disabled 1`] = `
               name="test"
               placeholder=""
               type="number"
-              value=""
             />
           </div>
           <div

diff --git a/packages/form/src/components/SelectInputField/__tests__/__snapshots__/index.test.tsx.snap b/packages/form/src/components/SelectInputField/__tests__/__snapshots__/index.test.tsx.snap
@@ -20,7 +20,7 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
   white-space: nowrap;
 }
 
-.cache-exqc6n-control {
+.cache-1jt3i01-control {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -57,16 +57,16 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
   animation: none;
 }
 
-.cache-exqc6n-control:hover {
-  border-color: hsl(0, 0%, 70%);
+.cache-1jt3i01-control:hover {
+  border-color: #2684FF;
 }
 
-.cache-exqc6n-control:focus-within {
+.cache-1jt3i01-control:focus-within {
   border-color: #8c40ef;
   box-shadow: 0px 0px 0px 3px #8c40ef40;
 }
 
-.cache-exqc6n-control:hover {
+.cache-1jt3i01-control:hover {
   border-color: #792dd4;
 }
 
@@ -200,20 +200,20 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
   display: none;
 }
 
-.cache-1xc3v61-indicatorContainer {
+.cache-15lsz6c-indicatorContainer {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition: color 150ms;
   transition: color 150ms;
-  color: hsl(0, 0%, 80%);
+  color: hsl(0, 0%, 40%);
   padding: 8px;
   box-sizing: border-box;
 }
 
-.cache-1xc3v61-indicatorContainer:hover {
-  color: hsl(0, 0%, 60%);
+.cache-15lsz6c-indicatorContainer:hover {
+  color: hsl(0, 0%, 20%);
 }
 
 .cache-irytw7-Stack {
@@ -284,9 +284,24 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
         aria-relevant="additions text"
         class="cache-1f43avz-a11yText-A11yText"
         role="log"
-      />
+      >
+        <span
+          id="aria-selection"
+        >
+          option Group Label, selected.
+        </span>
+        <span
+          id="aria-focused"
+        />
+        <span
+          id="aria-results"
+        />
+        <span
+          id="aria-guidance"
+        />
+      </span>
       <div
-        class=" cache-exqc6n-control"
+        class=" cache-1jt3i01-control"
       >
         <div
           class=" cache-blvxib-ValueContainer"
@@ -335,7 +350,7 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
           />
           <div
             aria-hidden="true"
-            class=" cache-1xc3v61-indicatorContainer"
+            class=" cache-15lsz6c-indicatorContainer"
           >
             <div
               class="cache-irytw7-Stack ehpbis70"