Chore: Update snapshot tests

packages/core/admin/admin/src/content-manager/components/RelationInput/tests/__snapshots__/RelationInput.test.js.snap

@@ -17,7 +17,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   border: 1px solid #dcdce4;
 }
 
-.c34 {
+.c33 {
   padding-left: 16px;
 }
 
@@ -210,11 +210,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   min-width: 0px;
 }
 
-<<<<<<< HEAD
+.c30 {
-.c31 {
-=======
-.c22 {
->>>>>>> main
   background: #eaf5ff;
   padding-top: 4px;
   padding-right: 8px;
@@ -225,24 +221,12 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   border: 1px solid #b8e1ff;
 }
 
-<<<<<<< HEAD
+.c35 {
-.c36 {
-=======
-.c25 {
-  padding-left: 16px;
-}
-
-.c27 {
->>>>>>> main
   color: #666687;
   width: 12px;
 }
 
-<<<<<<< HEAD
+.c38 {
-.c39 {
-=======
-.c30 {
->>>>>>> main
   background: #eafbe7;
   padding-top: 4px;
   padding-right: 8px;
@@ -253,11 +237,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   border: 1px solid #c6f0c2;
 }
 
-<<<<<<< HEAD
+.c41 {
-.c42 {
-=======
-.c33 {
->>>>>>> main
   padding-top: 8px;
 }
 
@@ -324,32 +304,20 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   color: #4945ff;
 }
 
-<<<<<<< HEAD
+.c29 {
-.c30 {
-=======
-.c21 {
->>>>>>> main
   font-size: 0.875rem;
   line-height: 1.43;
   color: #32324d;
 }
 
-<<<<<<< HEAD
+.c32 {
-.c33 {
-=======
-.c24 {
->>>>>>> main
   font-size: 0.875rem;
   line-height: 1.43;
   font-weight: 600;
   color: #006096;
 }
 
-<<<<<<< HEAD
+.c37 {
-.c38 {
-=======
-.c29 {
->>>>>>> main
   font-size: 0.875rem;
   line-height: 1.43;
   display: block;
@@ -359,22 +327,14 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   color: #4945ff;
 }
 
-<<<<<<< HEAD
+.c40 {
-.c41 {
-=======
-.c32 {
->>>>>>> main
   font-size: 0.875rem;
   line-height: 1.43;
   font-weight: 600;
   color: #2f6846;
 }
 
-<<<<<<< HEAD
+.c42 {
-.c43 {
-=======
-.c34 {
->>>>>>> main
   font-size: 0.75rem;
   line-height: 1.33;
   color: #666687;
@@ -389,11 +349,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   margin-top: 4px;
 }
 
-<<<<<<< HEAD
+.c36 path {
-.c37 path {
-=======
-.c28 path {
->>>>>>> main
   fill: #666687;
 }
 
@@ -426,15 +382,15 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   width: 0.5625rem;
 }
 
-.c23 .c5 {
+.c31 .c5 {
   color: #0c75af;
 }
 
-.c31 .c5 {
+.c39 .c5 {
   color: #328048;
 }
 
-.c19 {
+.c27 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -450,31 +406,31 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   outline: none;
 }
 
-.c19 svg path {
+.c27 svg path {
   -webkit-transition: fill 150ms ease-out;
   transition: fill 150ms ease-out;
   fill: currentColor;
 }
 
-.c19 svg {
+.c27 svg {
   font-size: 0.625rem;
 }
 
-.c19 .c5 {
+.c27 .c5 {
   -webkit-transition: color 150ms ease-out;
   transition: color 150ms ease-out;
   color: currentColor;
 }
 
-.c19:hover {
+.c27:hover {
   color: #7b79ff;
 }
 
-.c19:active {
+.c27:active {
   color: #271fe0;
 }
 
-.c19:after {
+.c27:after {
   -webkit-transition-property: all;
   transition-property: all;
   -webkit-transition-duration: 0.2s;
@@ -489,11 +445,11 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   border: 2px solid transparent;
 }
 
-.c19:focus-visible {
+.c27:focus-visible {
   outline: none;
 }
 
-.c19:focus-visible:after {
+.c27:focus-visible:after {
   border-radius: 8px;
   content: '';
   position: absolute;
@@ -561,123 +517,12 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   border: 2px solid #4945ff;
 }
 
-<<<<<<< HEAD
-.c9 {
-  background: transparent;
-  border: none;
-  position: relative;
-  z-index: 1;
-}
-
-.c9 svg {
-  height: 0.6875rem;
-  width: 0.6875rem;
-}
-
-.c9 svg path {
-  fill: #666687;
-}
-
-.c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  background: none;
-  border: none;
-}
-
-.c10 svg {
-  width: 0.5625rem;
-}
-
-.c32 .c5 {
-  color: #0c75af;
-}
-
-.c40 .c5 {
-  color: #328048;
-}
-
-.c28 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #4945ff;
-  position: relative;
-  outline: none;
-}
-
-.c28 svg path {
-  -webkit-transition: fill 150ms ease-out;
-  transition: fill 150ms ease-out;
-  fill: currentColor;
-}
-
-.c28 svg {
-  font-size: 0.625rem;
-}
-
-.c28 .c5 {
-  -webkit-transition: color 150ms ease-out;
-  transition: color 150ms ease-out;
-  color: currentColor;
-}
-
-.c28:hover {
-  color: #7b79ff;
-}
-
-.c28:active {
-  color: #271fe0;
-}
-
-.c28:after {
-  -webkit-transition-property: all;
-  transition-property: all;
-  -webkit-transition-duration: 0.2s;
-  transition-duration: 0.2s;
-  border-radius: 8px;
-  content: '';
-  position: absolute;
-  top: -4px;
-  bottom: -4px;
-  left: -4px;
-  right: -4px;
-  border: 2px solid transparent;
-}
-
-.c28:focus-visible {
-  outline: none;
-}
-
-.c28:focus-visible:after {
-  border-radius: 8px;
-  content: '';
-  position: absolute;
-  top: -5px;
-  bottom: -5px;
-  left: -5px;
-  right: -5px;
-  border: 2px solid #4945ff;
-}
-
 .c21 {
   width: 100%;
   min-width: 0;
 }
 
 .c25 {
-=======
-.c17 {
->>>>>>> main
   width: 100%;
   min-width: 0;
 }
@@ -706,43 +551,23 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
   bottom: 0;
 }
 
-<<<<<<< HEAD
+.c28 {
-.c29 {
-=======
-.c20 {
   display: block;
 }
 
-.c20 > span {
+.c28 > span {
->>>>>>> main
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
 }
 
-<<<<<<< HEAD
+.c34 svg path {
-.c27 > span {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: inherit;
-}
-
-.c35 svg path {
   fill: #8e8ea9;
 }
 
-.c35:hover svg path,
+.c34:hover svg path,
-.c35:focus svg path {
+.c34:focus svg path {
-=======
-.c26 svg path {
-  fill: #8e8ea9;
-}
-
-.c26:hover svg path,
-.c26:focus svg path {
->>>>>>> main
   fill: #666687;
 }
 
@@ -792,7 +617,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
                 Select...
               </div>
               <div
-                class=" css-1rkub9f-Input"
+                class=" css-aaf1np-Input"
                 data-value=""
               >
                 <input
@@ -966,30 +791,18 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
                   class="c18 c25"
                 >
                   <div
-<<<<<<< HEAD
+                    class="c26"
-                    class="c26 c27"
-=======
-                    class="c18"
->>>>>>> main
                   >
                     <span>
                       <a
                         aria-current="page"
                         aria-describedby="tooltip-1"
-<<<<<<< HEAD
+                        class="c27 c28 active"
-                        class="c28 c29 active"
-=======
-                        class="c19 c20 active"
->>>>>>> main
                         href="/"
                         tabindex="0"
                       >
                         <span
-<<<<<<< HEAD
+                          class="c5 c29"
-                          class="c5 c30"
-=======
-                          class="c5 c21"
->>>>>>> main
                         >
                           Relation 1
                         </span>
@@ -997,70 +810,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
                     </span>
                   </div>
                   <div
-<<<<<<< HEAD
-                    class="c31 c32"
-=======
-                    class="c22 c23"
-                  >
-                    <span
-                      class="c5 c24"
-                    >
-                      Draft
-                    </span>
-                  </div>
-                </div>
-                <div
-                  class="c25"
-                >
-                  <button
-                    aria-label="Remove"
-                    class="c26"
-                    data-testid="remove-relation-1"
-                    type="button"
-                  >
-                    <svg
-                      class="c27 c28"
-                      fill="none"
-                      height="1em"
-                      viewBox="0 0 24 24"
-                      width="12px"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
-                        fill="#212134"
-                      />
-                    </svg>
-                  </button>
-                </div>
-              </div>
-            </li>
-            <li
-              class=""
-              style="position: absolute; left: 0px; top: 50px; height: 50px; width: 100%;"
-            >
-              <div
-                class="c15 c16"
-              >
-                <div
-                  class="c16 c17"
-                >
-                  <div
-                    class="c18"
-                  >
-                    <span>
-                      <span
-                        aria-describedby="tooltip-3"
-                        class="c5 c29"
-                        tabindex="0"
-                      >
-                        Relation 2
-                      </span>
-                    </span>
-                  </div>
-                  <div
                     class="c30 c31"
->>>>>>> main
                   >
                     <span
                       class="c5 c32"
@@ -1071,16 +821,16 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
                 </div>
               </div>
               <div
-                class="c34"
+                class="c33"
               >
                 <button
                   aria-label="Remove"
-                  class="c35"
+                  class="c34"
                   data-testid="remove-relation-1"
                   type="button"
                 >
                   <svg
-                    class="c36 c37"
+                    class="c35 c36"
                     fill="none"
                     height="1em"
                     viewBox="0 0 24 24"
@@ -1166,12 +916,12 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
                   class="c18 c25"
                 >
                   <div
-                    class="c26 c27"
+                    class="c26"
                   >
                     <span>
                       <span
                         aria-describedby="tooltip-3"
-                        class="c5 c38"
+                        class="c5 c37"
                         tabindex="0"
                       >
                         Relation 2
@@ -1179,54 +929,27 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
                     </span>
                   </div>
                   <div
-                    class="c39 c40"
+                    class="c38 c39"
                   >
                     <span
-                      class="c5 c41"
+                      class="c5 c40"
                     >
                       Published
                     </span>
                   </div>
                 </div>
-<<<<<<< HEAD
-=======
-                <div
-                  class="c25"
-                >
-                  <button
-                    aria-label="Remove"
-                    class="c26"
-                    data-testid="remove-relation-2"
-                    type="button"
-                  >
-                    <svg
-                      class="c27 c28"
-                      fill="none"
-                      height="1em"
-                      viewBox="0 0 24 24"
-                      width="12px"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
-                        fill="#212134"
-                      />
-                    </svg>
-                  </button>
-                </div>
->>>>>>> main
               </div>
               <div
-                class="c34"
+                class="c33"
               >
                 <button
                   aria-label="Remove"
-                  class="c35"
+                  class="c34"
                   data-testid="remove-relation-2"
                   type="button"
                 >
                   <svg
-                    class="c36 c37"
+                    class="c35 c36"
                     fill="none"
                     height="1em"
                     viewBox="0 0 24 24"
@@ -1312,20 +1035,12 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
                   class="c18 c25"
                 >
                   <div
-<<<<<<< HEAD
+                    class="c26"
-                    class="c26 c27"
-=======
-                    class="c18"
->>>>>>> main
                   >
                     <span>
                       <span
                         aria-describedby="tooltip-5"
-<<<<<<< HEAD
+                        class="c5 c37"
-                        class="c5 c38"
-=======
-                        class="c5 c29"
->>>>>>> main
                         tabindex="0"
                       >
                         Relation 3
@@ -1333,45 +1048,18 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
                     </span>
                   </div>
                 </div>
-<<<<<<< HEAD
-=======
-                <div
-                  class="c25"
-                >
-                  <button
-                    aria-label="Remove"
-                    class="c26"
-                    data-testid="remove-relation-3"
-                    type="button"
-                  >
-                    <svg
-                      class="c27 c28"
-                      fill="none"
-                      height="1em"
-                      viewBox="0 0 24 24"
-                      width="12px"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M24 2.417L21.583 0 12 9.583 2.417 0 0 2.417 9.583 12 0 21.583 2.417 24 12 14.417 21.583 24 24 21.583 14.417 12 24 2.417z"
-                        fill="#212134"
-                      />
-                    </svg>
-                  </button>
-                </div>
->>>>>>> main
               </div>
               <div
-                class="c34"
+                class="c33"
               >
                 <button
                   aria-label="Remove"
-                  class="c35"
+                  class="c34"
                   data-testid="remove-relation-3"
                   type="button"
                 >
                   <svg
-                    class="c36 c37"
+                    class="c35 c36"
                     fill="none"
                     height="1em"
                     viewBox="0 0 24 24"
@@ -1391,17 +1079,10 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
       </div>
     </div>
     <div
-<<<<<<< HEAD
+      class="c41"
-      class="c42"
     >
       <p
-        class="c5 c43"
+        class="c5 c42"
-=======
-      class="c33"
-    >
-      <p
-        class="c5 c34"
->>>>>>> main
         id="1-hint"
       >
         this is a description
@@ -1409,11 +1090,7 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
     </div>
   </div>
   <div
-<<<<<<< HEAD
     class="c24"
-=======
-    class="c35"
->>>>>>> main
   >
     <p
       aria-live="polite"