Merge pull request #16024 from strapi/chore/update-D

Update DS to 1.6.5
strapi · Mar 8, 2023 · 51a6c11 · 51a6c11
2 parents 961938a + eae7fc9
commit 51a6c11
Show file tree

Hide file tree

Showing 80 changed files with 7,080 additions and 7,248 deletions.
diff --git a/examples/getstarted/package.json b/examples/getstarted/package.json
@@ -12,7 +12,7 @@
     "strapi": "strapi"
   },
   "dependencies": {
-    "@strapi/icons": "1.6.4",
+    "@strapi/icons": "1.6.5",
     "@strapi/plugin-color-picker": "4.7.1",
     "@strapi/plugin-documentation": "4.7.1",
     "@strapi/plugin-graphql": "4.7.1",

diff --git a/packages/core/admin/admin/src/content-manager/components/InputUID/tests/index.test.js b/packages/core/admin/admin/src/content-manager/components/InputUID/tests/index.test.js
@@ -47,11 +47,16 @@ describe('<InputUID />', () => {
     });
 
     expect(container.firstChild).toMatchInlineSnapshot(`
-      .c7 {
+      .c6 {
         padding-right: 12px;
         padding-left: 8px;
       }
 
+      .c8 {
+        background: transparent;
+        border-style: none;
+      }
+
       .c0 {
         -webkit-align-items: stretch;
         -webkit-box-align: stretch;
@@ -64,9 +69,10 @@ describe('<InputUID />', () => {
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
+        gap: 4px;
       }
 
-      .c3 {
+      .c2 {
         -webkit-align-items: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
@@ -80,7 +86,7 @@ describe('<InputUID />', () => {
         flex-direction: row;
       }
 
-      .c4 {
+      .c3 {
         -webkit-align-items: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
@@ -98,23 +104,44 @@ describe('<InputUID />', () => {
         justify-content: space-between;
       }
 
-      .c2 {
+      .c9 {
+        -webkit-align-items: center;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+        flex-direction: row;
+        -webkit-box-pack: unset;
+        -webkit-justify-content: unset;
+        -ms-flex-pack: unset;
+        justify-content: unset;
+      }
+
+      .c1 {
         font-size: 0.75rem;
         line-height: 1.33;
         font-weight: 600;
         color: #32324d;
       }
 
-      .c1 > * {
-        margin-top: 0;
-        margin-bottom: 0;
-      }
-
-      .c1 > * + * {
-        margin-top: 4px;
+      .c12 {
+        border: 0;
+        -webkit-clip: rect(0 0 0 0);
+        clip: rect(0 0 0 0);
+        height: 1px;
+        margin: -1px;
+        overflow: hidden;
+        padding: 0;
+        position: absolute;
+        width: 1px;
       }
 
-      .c6 {
+      .c5 {
         border: none;
         border-radius: 4px;
         padding-bottom: 0.65625rem;
@@ -129,36 +156,36 @@ describe('<InputUID />', () => {
         background: inherit;
       }
 
-      .c6::-webkit-input-placeholder {
+      .c5::-webkit-input-placeholder {
         color: #8e8ea9;
         opacity: 1;
       }
 
-      .c6::-moz-placeholder {
+      .c5::-moz-placeholder {
         color: #8e8ea9;
         opacity: 1;
       }
 
-      .c6:-ms-input-placeholder {
+      .c5:-ms-input-placeholder {
         color: #8e8ea9;
         opacity: 1;
       }
 
-      .c6::placeholder {
+      .c5::placeholder {
         color: #8e8ea9;
         opacity: 1;
       }
 
-      .c6[aria-disabled='true'] {
+      .c5[aria-disabled='true'] {
         color: inherit;
       }
 
-      .c6:focus {
+      .c5:focus {
         outline: none;
         box-shadow: none;
       }
 
-      .c5 {
+      .c4 {
         border: 1px solid #dcdce4;
         border-radius: 4px;
         background: #ffffff;
@@ -170,90 +197,87 @@ describe('<InputUID />', () => {
         transition-duration: 0.2s;
       }
 
-      .c5:focus-within {
+      .c4:focus-within {
         border: 1px solid #4945ff;
         box-shadow: #4945ff 0px 0px 0px 2px;
       }
 
-      .c9 {
-        border: none;
-        background: transparent;
+      .c10 {
         font-size: 1.6rem;
-        width: auto;
         padding: 0;
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
       }
 
-      .c8 {
+      .c7 {
         position: relative;
       }
 
-      .c10 svg {
+      .c11 svg {
         height: 1rem;
         width: 1rem;
       }
 
-      .c10 svg path {
+      .c11 svg path {
         fill: #a5a5ba;
       }
 
-      .c10 svg:hover path {
+      .c11 svg:hover path {
         fill: #4945ff;
       }
 
-      .c11 {
+      .c13 {
         -webkit-animation: gzYjWD 2s infinite linear;
         animation: gzYjWD 2s infinite linear;
       }
 
       <div>
-        <div>
+        <div
+          class=""
+        >
           <div
-            class="c0 c1"
+            class="c0"
           >
             <label
-              class="c2"
+              class="c1"
               for="1"
             >
               <div
-                class="c3"
+                class="c2"
               >
                 test
               </div>
             </label>
             <div
-              class="c4 c5"
+              class="c3 c4"
             >
               <input
                 aria-disabled="false"
                 aria-invalid="false"
                 aria-required="false"
-                class="c6"
+                class="c5"
                 id="1"
                 name="test"
                 placeholder=""
                 value="michka"
               />
               <div
-                class="c7"
+                class="c6"
               >
                 <div
-                  class="c8"
+                  class="c7"
                 >
                   <button
-                    aria-label="regenerate"
-                    class="c9 c10"
+                    class="c8 c9 c10 c11"
                     type="button"
                   >
+                    <span
+                      class="c12"
+                    >
+                      regenerate
+                    </span>
                     <div
-                      class="c3 c11"
+                      aria-hidden="true"
+                      class="c2 c13"
+                      focusable="false"
                     >
                       <svg
                         fill="none"

diff --git a/...c/content-manager/components/RelationInput/tests/__snapshots__/RelationInput.test.js.snap b/...c/content-manager/components/RelationInput/tests/__snapshots__/RelationInput.test.js.snap
@@ -552,7 +552,9 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
 }
 
 <div>
-  <div>
+  <div
+    class=""
+  >
     <div
       class="c0 c1"
       wrap="wrap"