@strapi/plugin-color-picker 4.7.2-exp.175f7ac70ee76d6c825e4429e15fc85ee78d23bb → 4.8.0

package/admin/src/components/tests/__snapshots__/color-picker-input.test.js.snap

@@ -1,17 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
-.c1 {
-  font-size: 0.75rem;
-  line-height: 1.33;
-  font-weight: 600;
-  color: #32324d;
-}
-
-.c6 {
-  font-size: 0.875rem;
-  line-height: 1.43;
-  color: #666687;
+.c3 {
+  background: #ffffff;
+  padding: 8px;
+  border-radius: 4px;
+  border-color: #dcdce4;
+  border: 1px solid #dcdce4;
+  cursor: pointer;
 }
 
 .c0 {
@@ -43,35 +39,39 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
   flex-direction: row;
 }
 
-.c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  cursor: pointer;
-  padding: 8px;
-  border-radius: 4px;
-  background: #ffffff;
-  border: 1px solid #dcdce4;
+.c1 {
+  font-size: 0.75rem;
+  line-height: 1.33;
+  font-weight: 600;
+  color: #32324d;
+}
+
+.c7 {
+  font-size: 0.875rem;
+  line-height: 1.43;
+  color: #666687;
+}
+
+.c4 {
   position: relative;
   outline: none;
 }
 
-.c3 svg {
+.c4 svg {
   height: 12px;
   width: 12px;
 }
 
-.c3 svg > g,
-.c3 svg path {
+.c4 svg > g,
+.c4 svg path {
   fill: #ffffff;
 }
 
-.c3[aria-disabled='true'] {
+.c4[aria-disabled='true'] {
   pointer-events: none;
 }
 
-.c3:after {
+.c4:after {
   -webkit-transition-property: all;
   transition-property: all;
   -webkit-transition-duration: 0.2s;
@@ -86,11 +86,11 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
   border: 2px solid transparent;
 }
 
-.c3:focus-visible {
+.c4:focus-visible {
   outline: none;
 }
 
-.c3:focus-visible:after {
+.c4:focus-visible:after {
   border-radius: 8px;
   content: '';
   position: absolute;
@@ -101,7 +101,7 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
   border: 2px solid #4945ff;
 }
 
-.c7 {
+.c8 {
   border: 0;
   -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
@@ -113,7 +113,7 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
   width: 1px;
 }
 
-.c5 {
+.c6 {
   border-radius: 50%;
   width: 20px;
   height: 20px;
@@ -122,7 +122,7 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
   border: 1px solid rgba(0,0,0,0.1);
 }
 
-.c4 {
+.c5 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -137,18 +137,20 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
   align-items: center;
 }
 
-.c4 svg {
+.c5 svg {
   width: 8px;
   height: 8px;
 }
 
-.c4 svg > path {
+.c5 svg > path {
   fill: #8e8ea9;
   justify-self: flex-end;
 }
 
 <div>
-  <div>
+  <div
+    class=""
+  >
     <div
       class="c0"
     >
@@ -168,18 +170,18 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
         aria-expanded="false"
         aria-haspopup="dialog"
         aria-label="Color picker toggle"
-        class="c3 c4"
+        class="c3 c2 c4 c5"
         type="button"
       >
         <div
           class="c2"
         >
           <div
-            class="c5"
+            class="c6"
             color="#000000"
           />
           <span
-            class="c6"
+            class="c7"
             style="text-transform: uppercase;"
           >
             #000000
@@ -188,14 +190,14 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
         <svg
           aria-hidden="true"
           fill="none"
-          height="1em"
+          height="1rem"
           viewBox="0 0 14 8"
-          width="1em"
+          width="1rem"
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
             clip-rule="evenodd"
-            d="M14 .889a.86.86 0 01-.26.625L7.615 7.736A.834.834 0 017 8a.834.834 0 01-.615-.264L.26 1.514A.861.861 0 010 .889c0-.24.087-.45.26-.625A.834.834 0 01.875 0h12.25c.237 0 .442.088.615.264a.86.86 0 01.26.625z"
+            d="M14 .889a.86.86 0 0 1-.26.625L7.615 7.736A.834.834 0 0 1 7 8a.834.834 0 0 1-.615-.264L.26 1.514A.861.861 0 0 1 0 .889c0-.24.087-.45.26-.625A.834.834 0 0 1 .875 0h12.25c.237 0 .442.088.615.264a.86.86 0 0 1 .26.625Z"
             fill="#32324D"
             fill-rule="evenodd"
           />
@@ -204,7 +206,7 @@ exports[`<ColorPickerInput /> renders and matches the snapshot 1`] = `
     </div>
   </div>
   <div
-    class="c7"
+    class="c8"
   >
     <p
       aria-live="polite"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/plugin-color-picker",
-  "version": "4.7.2-exp.175f7ac70ee76d6c825e4429e15fc85ee78d23bb",
+  "version": "4.8.0",
   "description": "Strapi maintained Custom Fields",
   "strapi": {
     "name": "color-picker",
@@ -9,9 +9,9 @@
     "displayName": "Color Picker"
   },
   "dependencies": {
-    "@strapi/design-system": "1.6.3",
-    "@strapi/helper-plugin": "4.7.2-exp.175f7ac70ee76d6c825e4429e15fc85ee78d23bb",
-    "@strapi/icons": "1.6.3",
+    "@strapi/design-system": "1.6.5",
+    "@strapi/helper-plugin": "4.8.0",
+    "@strapi/icons": "1.6.5",
     "prop-types": "^15.7.2",
     "react-colorful": "5.6.1",
     "react-intl": "6.2.8"
@@ -52,5 +52,5 @@
     "node": ">=14.19.1 <=18.x.x",
     "npm": ">=6.0.0"
   },
-  "gitHead": "175f7ac70ee76d6c825e4429e15fc85ee78d23bb"
+  "gitHead": "e239e408f99c9e61e6d02b38f01632ce67412f2a"
 }