handling new icons set

blocks/content-heading/build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '93c893a8f74f7da180b4');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '87b8ea9f6c3e004e3995');

blocks/content-heading/build/index.css

@@ -1,4 +1,4 @@
-/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+/*!****************************************************************************************************************************************************************************************************************************************************!*\
-  !*** css ./node_modules/.pnpm/css-loader@6.10.0_webpack@5.90.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.35_webpack@5.90.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.71.1_webpack@5.90.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
+  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+  \****************************************************************************************************************************************************************************************************************************************************/
 

blocks/content-heading/build/style-index.css

@@ -1,10 +1,27 @@
-/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+/*!***************************************************************************************************************************************************************************************************************************************************!*\
-  !*** css ./node_modules/.pnpm/css-loader@6.10.0_webpack@5.90.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.35_webpack@5.90.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.71.1_webpack@5.90.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
+  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
-  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+  \***************************************************************************************************************************************************************************************************************************************************/
 .homegrade-blocks-custom-heading.has-icon {
   display: flex;
   align-items: start;
 }
+.homegrade-blocks-custom-heading.has-icon .icon {
+  background-color: black;
+  border-radius: 50%;
+  aspect-ratio: 1/1;
+  width: 40px;
+  height: 40px;
+  padding: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.homegrade-blocks-custom-heading.has-icon .icon img {
+  width: 30px;
+  max-width: 80%;
+  max-height: 100%;
+  height: auto;
+}
 .homegrade-blocks-custom-heading.has-icon::before {
   content: "";
   background-color: red;
@@ -17,11 +34,8 @@
   background-position: center;
   background-repeat: no-repeat;
 }
-.homegrade-blocks-custom-heading.has-icon.has-icon--key::before {
+.homegrade-blocks-custom-heading.has-icon.has-icon--acoustic::before {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy44MDMiIGhlaWdodD0iMTcuNDI2IiB2aWV3Qm94PSIwIDAgMTcuODAzIDE3LjQyNiI+CiAgPHBhdGggaWQ9Ikljb25fZmVhdGhlci1rZXkiIGRhdGEtbmFtZT0iSWNvbiBmZWF0aGVyLWtleSIgZD0iTTE4LjAxMywzbC0xLjU4LDEuNThNMTAuNDIsMTAuNTkzYTQuMzQ2LDQuMzQ2LDAsMSwxLTYuMTQ2LDAsNC4zNDYsNC4zNDYsMCwwLDEsNi4xNDYsMFptMCwwLDMuMjQ4LTMuMjQ4bTAsMCwyLjM3LDIuMzdMMTguOCw2Ljk1MWwtMi4zNy0yLjM3TTEzLjY2OCw3LjM0NiwxNi40MzMsNC41OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDAxIC0xLjU4NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYWNvdXN0aXF1ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iYXV0byIgaGVpZ2h0PSIxOC40MDkiIHZpZXdCb3g9IjAgMCAxMC42MiAxMSI+CiAgPHBhdGggc3Ryb2tlPSJ3aGl0ZSIgZmlsbD0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTQuNzUsMS40NGMtLjM3LjMyLS42Mi42Ni0uNzkuOTNoLTEuNWMtMS4wOSwwLTEuOTcuODgtMS45NywxLjk3djIuMzRjMCwxLjA5Ljg4LDEuOTcsMS45NywxLjk3aDEuNWMuMjQuMy41OS42NywxLjA3LDEuMDEuNy41LDEuMzguNzQsMS44My44NVYuNWMtLjQyLjA2LTEuMzEuMjQtMi4xMi45NFoiLz4KICA8cGF0aCBzdHJva2U9IndoaXRlIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05LjA0LDMuMTNjLjEzLjEyLDEuMTksMS4xMSwxLjA2LDIuNjMtLjEsMS4yMS0uODgsMS45NS0xLjA2LDIuMTEiLz4KPC9zdmc+);
-}
-.homegrade-blocks-custom-heading.has-icon.has-icon--house::before {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4zODgiIGhlaWdodD0iMTQuMTg2IiB2aWV3Qm94PSIwIDAgMTIuMzg4IDE0LjE4NiI+CiAgPHBhdGggaWQ9IlRyYWPDqV8xODUzNCIgZGF0YS1uYW1lPSJUcmFjw6kgMTg1MzQiIGQ9Ik05NjAuMjE0LDkyOS40NDJsLTUuMTk0LDQuNzgydjcuNGgxMC4zODh2LTcuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NTQuMDIgLTkyOC40NDIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
 }
 .homegrade-blocks-custom-heading.has-icon.has-icon--bulb::before {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4wOTgiIGhlaWdodD0iMTguNDA5IiB2aWV3Qm94PSIwIDAgMTMuMDk4IDE4LjQwOSI+CiAgPGcgaWQ9Ikdyb3VwZV8zMjA5IiBkYXRhLW5hbWU9Ikdyb3VwZSAzMjA5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkzIC00ODEwKSI+CiAgICA8ZyBpZD0iVW5pb25fMTgiIGRhdGEtbmFtZT0iVW5pb24gMTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MyA0ODEwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgPHBhdGggZD0iTTQuNDQ3LDE0Ljg0NWExLDEsMCwwLDEtMS0xVjEyLjA1OEE2LjM5Miw2LjM5MiwwLDAsMSwwLDYuNDExLDYuNDgxLDYuNDgxLDAsMCwxLDYuNTQ5LDAsNi40ODEsNi40ODEsMCwwLDEsMTMuMSw2LjQxMWE2LjM5Myw2LjM5MywwLDAsMS0zLjQ0Nyw1LjY0N3YxLjc4N2ExLDEsMCwwLDEtMSwxWiIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxwYXRoIGQ9Ik0gNy42NTA3MDAwOTIzMTU2NzQgMTIuODQ1NDk5OTkyMzcwNjEgTCA3LjY1MDcwMDA5MjMxNTY3NCAxMi4wNTgxMTk3NzM4NjQ3NSBDIDcuNjUwNzAwMDkyMzE1Njc0IDExLjMxNjIyMDI4MzUwODMgOC4wNjEzODAzODYzNTI1MzkgMTAuNjM1Mjc5NjU1NDU2NTQgOC43MTc1Nzk4NDE2MTM3NyAxMC4yODkxMzk3NDc2MTk2MyBDIDEwLjE4NTY4OTkyNjE0NzQ2IDkuNTE0NzE5OTYzMDczNzMgMTEuMDk3NzAwMTE5MDE4NTUgOC4wMjg1OTAyMDIzMzE1NDMgMTEuMDk3NzAwMTE5MDE4NTUgNi40MTA2OTk4NDQzNjAzNTIgQyAxMS4wOTc3MDAxMTkwMTg1NSAzLjk3ODYzMDA2NTkxNzk2OSA5LjA1NzI5OTYxMzk1MjYzNyAyIDYuNTQ5MzAwMTkzNzg2NjIxIDIgQyA0LjA0MDgxMDEwODE4NDgxNCAyIDIgMy45Nzg2MzAwNjU5MTc5NjkgMiA2LjQxMDY5OTg0NDM2MDM1MiBDIDIgOC4wMjg2MTAyMjk0OTIxODggMi45MTE5NzAxMzg1NDk4MDUgOS41MTQ2NTk4ODE1OTE3OTcgNC4zODAwMjAxNDE2MDE1NjIgMTAuMjg4OTQwNDI5Njg3NSBDIDUuMDM2MjgwMTU1MTgxODg1IDEwLjYzNTA2MDMxMDM2Mzc3IDUuNDQ3MDAwMDI2NzAyODgxIDExLjMxNjAyOTU0ODY0NTAyIDUuNDQ3MDAwMDI2NzAyODgxIDEyLjA1Nzk3MDA0Njk5NzA3IEwgNS40NDcwMDAwMjY3MDI4ODEgMTIuODQ1NDk5OTkyMzcwNjEgTCA3LjY1MDcwMDA5MjMxNTY3NCAxMi44NDU0OTk5OTIzNzA2MSBNIDguNjUwNzk5NzUxMjgxNzM4IDE0Ljg0NTQ5OTk5MjM3MDYxIEwgNC40NDY4OTk4OTA4OTk2NTggMTQuODQ1NDk5OTkyMzcwNjEgQyAzLjg5NDI5OTk4Mzk3ODI3MSAxNC44NDU0OTk5OTIzNzA2MSAzLjQ0NzAwMDAyNjcwMjg4MSAxNC4zOTcyOTk3NjY1NDA1MyAzLjQ0NzAwMDAyNjcwMjg4MSAxMy44NDU2MDAxMjgxNzM4MyBMIDMuNDQ3MDAwMDI2NzAyODgxIDEyLjA1Nzk3MDA0Njk5NzA3IEMgMS4zOTQ3MDAwNTAzNTQwMDQgMTAuOTc1NTQ5Njk3ODc1OTggNS45NTA5Mjc1NzI5Mzk2OWUtMDggOC44NTI2NDAxNTE5Nzc1MzkgNS45NTA5Mjc1NzI5Mzk2OWUtMDggNi40MTA2OTk4NDQzNjAzNTIgQyA1Ljk1MDkyNzU3MjkzOTY5ZS0wOCAyLjg3MDEwMDAyMTM2MjMwNSAyLjkzMjE5OTk1NDk4NjU3MiAtMy44MTQ2OTc4OTA5MDI2MDdlLTA5IDYuNTQ5MzAwMTkzNzg2NjIxIC0zLjgxNDY5Nzg5MDkwMjYwN2UtMDkgQyAxMC4xNjU0OTk2ODcxOTQ4MiAtMy44MTQ2OTc4OTA5MDI2MDdlLTA5IDEzLjA5NzcwMDExOTAxODU1IDIuODcwMTAwMDIxMzYyMzA1IDEzLjA5NzcwMDExOTAxODU1IDYuNDEwNjk5ODQ0MzYwMzUyIEMgMTMuMDk3NzAwMTE5MDE4NTUgOC44NTI2NDAxNTE5Nzc1MzkgMTEuNzAyNzEwMTUxNjcyMzYgMTAuOTc1NzAwMzc4NDE3OTcgOS42NTA2OTk2MTU0Nzg1MTYgMTIuMDU4MTE5NzczODY0NzUgTCA5LjY1MDY5OTYxNTQ3ODUxNiAxMy44NDU2MDAxMjgxNzM4MyBDIDkuNjUwNjk5NjE1NDc4NTE2IDE0LjM5NzI5OTc2NjU0MDUzIDkuMjAzMzk5NjU4MjAzMTI1IDE0Ljg0NTQ5OTk5MjM3MDYxIDguNjUwNzk5NzUxMjgxNzM4IDE0Ljg0NTQ5OTk5MjM3MDYxIFoiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI2ZmZiIvPgogICAgPC9nPgogICAgPGxpbmUgaWQ9IkxpZ25lXzMxOTciIGRhdGEtbmFtZT0iTGlnbmUgMzE5NyIgeDI9IjQuNzc5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTcuMDk2IDQ4MjcuNDA5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogIDwvZz4KPC9zdmc+Cg==);
@@ -29,5 +43,32 @@
 .homegrade-blocks-custom-heading.has-icon.has-icon--chain::before {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wMTIiIGhlaWdodD0iMTUuOTk5IiB2aWV3Qm94PSIwIDAgMTYuMDEyIDE1Ljk5OSI+CiAgPGcgaWQ9Ikljb25fZmVhdGhlci1saW5rIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1saW5rIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS45OTMgLTIuMDA3KSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzE4NTU5IiBkYXRhLW5hbWU9IlRyYWPDqSAxODU1OSIgZD0iTTE1LDEwLjcwN2EzLjUsMy41LDAsMCwwLDUuMjguMzc4bDIuMS0yLjFBMy41LDMuNSwwLDEsMCwxNy40Myw0LjAzM2wtMS4yLDEuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNDAyIDApIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzE4NTYwIiBkYXRhLW5hbWU9IlRyYWPDqSAxODU2MCIgZD0iTTExLjQsMTQuOWEzLjUsMy41LDAsMCwwLTUuMjgtLjM3OGwtMi4xLDIuMUEzLjUsMy41LDAsMSwwLDguOTcsMjEuNTdsMS4yLTEuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNS41OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo=);
 }
+.homegrade-blocks-custom-heading.has-icon.has-icon--documentation::before {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iZG9jdW1lbnRhdGlvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iYXV0byIgaGVpZ2h0PSIxOC40MDkiIHZpZXdCb3g9IjAgMCA3LjM4IDguOTgiPgogIDxnIGlkPSJJY29uX2ZlYXRoZXItYm9vayIgZGF0YS1uYW1lPSJJY29uIGZlYXRoZXItYm9vayI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzIwMzQ3IiBkYXRhLW5hbWU9IlRyYWPDqSAyMDM0NyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSJub25lIiBkPSJNLjUsNy40OGMwLS41NS40NS0xLDEtMWg1LjM4Ii8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzIwMzQ4IiBkYXRhLW5hbWU9IlRyYWPDqSAyMDM0OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSJub25lIiBkPSJNMS41LjVoNS4zOHY3Ljk4SDEuNWMtLjU1LDAtMS0uNDUtMS0xVjEuNWMwLS41NS40NS0xLDEtMVoiLz4KICA8L2c+CiAgPGxpbmUgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB4MT0iMi44OCIgeTE9IjIuOTgiIHgyPSI0LjgyIiB5Mj0iMi45OCIvPgo8L3N2Zz4=);
+}
+.homegrade-blocks-custom-heading.has-icon.has-icon--euro::before {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iZXVybyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iYXV0byIgaGVpZ2h0PSIxOC40MDkiIHZpZXdCb3g9IjAgMCA3LjM1IDcuMTciPgogIDxwYXRoIHN0cm9rZT0id2hpdGUiIGNsYXNzPSJjbHMtMSIgZD0iTTYuODUsMS41NGMtLjE1LS4xNS0xLjItMS4xOC0yLjY4LTEuMDItMS40Ni4xNi0yLjg1LDEuNDItMi44NSwzLjA3LDAsMS43MywxLjUzLDIuOTksMy4wMiwzLjA3LDEuMzcuMDgsMi4zMy0uODUsMi41MS0xLjAyIi8+CiAgPGxpbmUgc3Ryb2tlPSJ3aGl0ZSIgY2xhc3M9ImNscy0xIiB4MT0iLjUiIHkxPSIyLjc0IiB4Mj0iNC4zNCIgeTI9IjIuNzQiLz4KICA8bGluZSBzdHJva2U9IndoaXRlIiBjbGFzcz0iY2xzLTEiIHgxPSIuNSIgeTE9IjQuMzMiIHgyPSI0LjM0IiB5Mj0iNC4zMyIvPgo8L3N2Zz4=);
+}
+.homegrade-blocks-custom-heading.has-icon.has-icon--house::before {
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4zODgiIGhlaWdodD0iMTQuMTg2IiB2aWV3Qm94PSIwIDAgMTIuMzg4IDE0LjE4NiI+CiAgPHBhdGggaWQ9IlRyYWPDqV8xODUzNCIgZGF0YS1uYW1lPSJUcmFjw6kgMTg1MzQiIGQ9Ik05NjAuMjE0LDkyOS40NDJsLTUuMTk0LDQuNzgydjcuNGgxMC4zODh2LTcuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NTQuMDIgLTkyOC40NDIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
+}
+.homegrade-blocks-custom-heading.has-icon.has-icon--info::before {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iaW5mbyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iYXV0byIgaGVpZ2h0PSIxOC40MDkiIHZpZXdCb3g9IjAgMCAxIDYuMTgiPgogIDxsaW5lIHN0cm9rZT0id2hpdGUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB4MT0iLjUiIHkxPSIyLjQxIiB4Mj0iLjUiIHkyPSI1LjY4Ii8+CiAgPGxpbmUgc3Ryb2tlPSJ3aGl0ZSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHgxPSIuNSIgeTE9Ii41IiB4Mj0iLjUiIHkyPSIuNSIvPgo8L3N2Zz4=);
+}
+.homegrade-blocks-custom-heading.has-icon.has-icon--key::before {
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy44MDMiIGhlaWdodD0iMTcuNDI2IiB2aWV3Qm94PSIwIDAgMTcuODAzIDE3LjQyNiI+CiAgPHBhdGggaWQ9Ikljb25fZmVhdGhlci1rZXkiIGRhdGEtbmFtZT0iSWNvbiBmZWF0aGVyLWtleSIgZD0iTTE4LjAxMywzbC0xLjU4LDEuNThNMTAuNDIsMTAuNTkzYTQuMzQ2LDQuMzQ2LDAsMSwxLTYuMTQ2LDAsNC4zNDYsNC4zNDYsMCwwLDEsNi4xNDYsMFptMCwwLDMuMjQ4LTMuMjQ4bTAsMCwyLjM3LDIuMzdMMTguOCw2Ljk1MWwtMi4zNy0yLjM3TTEzLjY2OCw3LjM0NiwxNi40MzMsNC41OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDAxIC0xLjU4NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
+}
+.homegrade-blocks-custom-heading.has-icon.has-icon--notification::before {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0ibm90aWZpY2F0aW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSJhdXRvIiBoZWlnaHQ9IjE4LjQwOSIgdmlld0JveD0iMCAwIDguNjEgMTAuNDUiPgogIDxwYXRoIHN0cm9rZT0id2hpdGUiIGZpbGw9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTQuMzEuNXYuNTVjLjc3LjEyLDEuMjEuNDEsMS40Mi41OS44My42OS45LDEuNzQuOTYsMi42LjA2Ljg4LS4xMSwxLC4wMiwxLjU2LjIxLjg4Ljg2LDEuNTEsMS4zOSwxLjkyaC0zLjhzMCwwLDAsMEguNWMuNTQtLjQxLDEuMTgtMS4wNCwxLjM5LTEuOTIuMTMtLjU2LS4wNC0uNjguMDItMS41Ni4wNi0uODYuMTMtMS45Mi45Ni0yLjYuMjItLjE4LjY2LS40NywxLjQyLS41OXYtLjU1Ii8+CiAgPHBhdGggc3Ryb2tlPSJ3aGl0ZSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zLjM0LDkuMjljLjE1LjM5LjUyLjY1LjkzLjY2LjQzLjAxLjgyLS4yNS45OC0uNjYiLz4KPC9zdmc+);
+}
+.homegrade-blocks-custom-heading.has-icon.has-icon--search::before {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0icmVjaGVyY2hlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSJhdXRvIiBoZWlnaHQ9IjE4LjQwOSIgdmlld0JveD0iMCAwIDguMjMgOC4yIj4KICA8Y2lyY2xlIHN0cm9rZT0id2hpdGUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjeD0iMy41IiBjeT0iMy41IiByPSIzIi8+CiAgPGxpbmUgc3Ryb2tlPSJ3aGl0ZSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHgxPSI1LjY1IiB5MT0iNS42MSIgeDI9IjcuNzMiIHkyPSI3LjciLz4KPC9zdmc+);
+}
+.homegrade-blocks-custom-heading.has-icon.has-icon--tip::before {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYXN0dWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSJhdXRvIiBoZWlnaHQ9IjE4LjQwOSIgdmlld0JveD0iMCAwIDkuMTQgOS4xNiI+CiAgPHBhdGggc3Ryb2tlPSJ3aGl0ZSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik04LjE1LDMuNjhjLS43NC0uNzItMS45Mi0uNDUtMi4wMy0uNDIuMTctLjY0LjE0LTEuMTUuMDktMS40NS0uMDctLjQzLS4xNi0xLjA1LS42MS0xLjI1LS4wNS0uMDItLjMtLjEyLS41Mi0uMDEtLjM1LjE4LS4zMS43Mi0uNDcsMS4zLS4xMS4zOS0uMzQuOTItLjkyLDEuNS0uMTYuMDktLjM5LjIzLS42Mi40NHYtLjIxbC0yLjU3LS4wOXY0LjM3aDIuNTd2LS4xNmMxLC44NCwyLjIzLjkxLDIuNjguOTQuNzcuMDQsMS4zNC4wNywxLjg4LS4zLjk1LS42NS45OS0xLjk4LDEuMDEtMi42Ni4wMi0uNzguMDQtMS40OS0uNDgtMloiLz4KICA8bGluZSBzdHJva2U9IndoaXRlIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeDE9IjMuMDciIHkxPSI3Ljg2IiB4Mj0iMy4wNyIgeTI9IjMuNzkiLz4KPC9zdmc+);
+}
+.homegrade-blocks-custom-heading.has-icon.has-icon--warning::before {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYXR0ZW50aW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSJhdXRvIiBoZWlnaHQ9IjE4LjQwOSIgIHZpZXdCb3g9IjAgMCAxLjM5IDcuMjUiPgogIDxsaW5lIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeDE9Ii42OSIgeTE9IjQuMzMiIHgyPSIuNyIgeTI9Ii41Ii8+CiAgPGNpcmNsZSBmaWxsPSJ3aGl0ZSIgY3g9Ii42OSIgY3k9IjYuNTYiIHI9Ii42OSIvPgo8L3N2Zz4=);
+}
 
 /*# sourceMappingURL=style-index.css.map*/

blocks/content-heading/build/style-index.css.map

@@ -1 +1 @@
-{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EACC;EACA;AACD;AACC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF,C","sources":["webpack://multiblocks/./src/style.scss"],"sourcesContent":[".homegrade-blocks-custom-heading.has-icon {\n\tdisplay: flex;\n\talign-items: start;\n\n\t&::before {\n\t\tcontent: \"\";\n\t\tbackground-color: red;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder-radius: 100%;\n\t\tpadding: 20px;\n\t\tdisplay: inline-block;\n\t\tmargin-right: 10px;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t}\n\t&.has-icon--key::before {\n\t\tbackground-image: url(\"../src/img/icon_key.svg\");\n\t}\n\t&.has-icon--house::before {\n\t\tbackground-image: url(\"../src/img/icon_house.svg\");\n\t}\n\t&.has-icon--bulb::before {\n\t\tbackground-image: url(\"../src/img/icon_bulb.svg\");\n\t}\n\t&.has-icon--chain::before {\n\t\tbackground-image: url(\"../src/img/icon_chain.svg\");\n\t}\n}\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EACC;EACA;AACD;AAAC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;AAAE;EACC;EACA;EACA;EACA;AAEH;AACC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF,C","sources":["webpack://multiblocks/./src/style.scss"],"sourcesContent":[".homegrade-blocks-custom-heading.has-icon {\n\tdisplay: flex;\n\talign-items: start;\n\t.icon {\n\t\tbackground-color: black;\n\t\tborder-radius: 50%;\n\t\taspect-ratio: 1/1;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tpadding: 10px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\n\t\timg {\n\t\t\twidth: 30px;\n\t\t\tmax-width: 80%;\n\t\t\tmax-height: 100%;\n\t\t\theight: auto;\n\t\t}\n\t}\n\t&::before {\n\t\tcontent: \"\";\n\t\tbackground-color: red;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder-radius: 100%;\n\t\tpadding: 20px;\n\t\tdisplay: inline-block;\n\t\tmargin-right: 10px;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t}\n\t&.has-icon--acoustic::before {\n\t\tbackground-image: url(\"../src/img/icon_acoustic.svg\");\n\t}\n\t&.has-icon--bulb::before {\n\t\tbackground-image: url(\"../src/img/icon_bulb.svg\");\n\t}\n\t&.has-icon--chain::before {\n\t\tbackground-image: url(\"../src/img/icon_chain.svg\");\n\t}\n\t&.has-icon--documentation::before {\n\t\tbackground-image: url(\"../src/img/icon_documentation.svg\");\n\t}\n\t&.has-icon--euro::before {\n\t\tbackground-image: url(\"../src/img/icon_euro.svg\");\n\t}\n\t&.has-icon--house::before {\n\t\tbackground-image: url(\"../src/img/icon_house.svg\");\n\t}\n\t&.has-icon--info::before {\n\t\tbackground-image: url(\"../src/img/icon_info.svg\");\n\t}\n\t&.has-icon--key::before {\n\t\tbackground-image: url(\"../src/img/icon_key.svg\");\n\t}\n\t&.has-icon--notification::before {\n\t\tbackground-image: url(\"../src/img/icon_notification.svg\");\n\t}\n\t&.has-icon--search::before {\n\t\tbackground-image: url(\"../src/img/icon_search.svg\");\n\t}\n\t&.has-icon--tip::before {\n\t\tbackground-image: url(\"../src/img/icon_tip.svg\");\n\t}\n\t&.has-icon--warning::before {\n\t\tbackground-image: url(\"../src/img/icon_warning.svg\");\n\t}\n}\n"],"names":[],"sourceRoot":""}

blocks/content-heading/src/edit.js

@@ -27,6 +27,19 @@ import {
 } from "@wordpress/icons";
 
 import { useEffect } from "@wordpress/element";
+import keyIcon from "./img/icon_key.svg";
+import chainIcon from "./img/icon_chain.svg";
+import houseIcon from "./img/icon_house.svg";
+import bulbIcon from "./img/icon_bulb.svg";
+import warningIcon from "./img/icon_warning.svg";
+import acousticIcon from "./img/icon_acoustic.svg";
+import documentationIcon from "./img/icon_documentation.svg";
+import notificationIcon from "./img/icon_notification.svg";
+import searchIcon from "./img/icon_search.svg";
+import infoIcon from "./img/icon_info.svg";
+import tipIcon from "./img/icon_tip.svg";
+import euroIcon from "./img/icon_euro.svg";
+
 export default function Edit({
 	attributes,
 	setAttributes,
@@ -63,10 +76,51 @@ export default function Edit({
 			hasIcon: hasIconToggleValue,
 		});
 	}
+	function getIconPicture() {
+		switch (iconName) {
+			case "key":
+				return keyIcon;
+
+			case "chain":
+				return chainIcon;
+
+			case "house":
+				return houseIcon;
+
+			case "bulb":
+				return bulbIcon;
+
+			case "warning":
+				return warningIcon;
+
+			case "acoustic":
+				return acousticIcon;
+
+			case "documentation":
+				return documentationIcon;
+
+			case "notification":
+				return notificationIcon;
+
+			case "search":
+				return searchIcon;
+
+			case "info":
+				return infoIcon;
+
+			case "tip":
+				return tipIcon;
+
+			case "euro":
+				return euroIcon;
+		}
+	}
 	function insertParagraphOnEnter(e) {
 		const newBlock = createBlock("core/paragraph", {});
 		dispatch("core/block-editor").insertBlocks(newBlock, blockIndex + 1);
 	}
+	let iconPicture = getIconPicture();
+	console.log(iconName);
 
 	return (
 		<>
@@ -143,6 +197,54 @@ export default function Edit({
 							isActive={iconName === "bulb"}
 							onClick={() => handleIconChange("bulb")}
 						/>
+						<ToolbarButton
+							title={"Attention"}
+							icon={"warning"}
+							isActive={iconName === "warning"}
+							onClick={() => handleIconChange("warning")}
+						/>
+						<ToolbarButton
+							title={"Acoustique"}
+							icon={"controls-volumeon"}
+							isActive={iconName === "acoustic"}
+							onClick={() => handleIconChange("acoustic")}
+						/>
+						<ToolbarButton
+							title={"Documentation"}
+							icon={"book-alt"}
+							isActive={iconName === "documentation"}
+							onClick={() => handleIconChange("documentation")}
+						/>
+						<ToolbarButton
+							title={"Recherche"}
+							icon={"search"}
+							isActive={iconName === "search"}
+							onClick={() => handleIconChange("search")}
+						/>
+						<ToolbarButton
+							title={"Notification"}
+							icon={"bell"}
+							isActive={iconName === "notification"}
+							onClick={() => handleIconChange("notification")}
+						/>
+						<ToolbarButton
+							title={"Info"}
+							icon={"info"}
+							isActive={iconName === "info"}
+							onClick={() => handleIconChange("info")}
+						/>
+						<ToolbarButton
+							title={"Euro"}
+							icon={"money-alt"}
+							isActive={iconName === "euro"}
+							onClick={() => handleIconChange("euro")}
+						/>
+						<ToolbarButton
+							title={"Astuce"}
+							icon={"thumbs-up"}
+							isActive={iconName === "tip"}
+							onClick={() => handleIconChange("tip")}
+						/>
 					</ToolbarGroup>
 				)}
 			</BlockControls>
@@ -152,6 +254,11 @@ export default function Edit({
 					enter: (e) => insertParagraphOnEnter(e),
 				}}
 			>
+				{/* {hasIcon && (
+					<div className="icon">
+						<img src={iconPicture} alt="" />
+					</div>
+				)} */}
 				<RichText
 					onChange={onChangeTitle}
 					value={title}

blocks/content-heading/src/img/icon_acoustic.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="acoustique" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 10.62 11">
+  <path stroke="white" fill="white" stroke-linecap="round" stroke-linejoin="round" d="M4.75,1.44c-.37.32-.62.66-.79.93h-1.5c-1.09,0-1.97.88-1.97,1.97v2.34c0,1.09.88,1.97,1.97,1.97h1.5c.24.3.59.67,1.07,1.01.7.5,1.38.74,1.83.85V.5c-.42.06-1.31.24-2.12.94Z"/>
+  <path stroke="white" fill="none" stroke-linecap="round" stroke-linejoin="round" d="M9.04,3.13c.13.12,1.19,1.11,1.06,2.63-.1,1.21-.88,1.95-1.06,2.11"/>
+</svg>

blocks/content-heading/src/img/icon_documentation.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="documentation" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 7.38 8.98">
+  <g id="Icon_feather-book" data-name="Icon feather-book">
+    <path id="Tracé_20347" data-name="Tracé 20347" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M.5,7.48c0-.55.45-1,1-1h5.38"/>
+    <path id="Tracé_20348" data-name="Tracé 20348" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M1.5.5h5.38v7.98H1.5c-.55,0-1-.45-1-1V1.5c0-.55.45-1,1-1Z"/>
+  </g>
+  <line stroke="white" stroke-linecap="round" stroke-linejoin="round" x1="2.88" y1="2.98" x2="4.82" y2="2.98"/>
+</svg>

blocks/content-heading/src/img/icon_euro.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="euro" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 7.35 7.17">
+  <path stroke="white" class="cls-1" d="M6.85,1.54c-.15-.15-1.2-1.18-2.68-1.02-1.46.16-2.85,1.42-2.85,3.07,0,1.73,1.53,2.99,3.02,3.07,1.37.08,2.33-.85,2.51-1.02"/>
+  <line stroke="white" class="cls-1" x1=".5" y1="2.74" x2="4.34" y2="2.74"/>
+  <line stroke="white" class="cls-1" x1=".5" y1="4.33" x2="4.34" y2="4.33"/>
+</svg>

blocks/content-heading/src/img/icon_info.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="info" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 1 6.18">
+  <line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1=".5" y1="2.41" x2=".5" y2="5.68"/>
+  <line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1=".5" y1=".5" x2=".5" y2=".5"/>
+</svg>

blocks/content-heading/src/img/icon_notification.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="notification" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 8.61 10.45">
+  <path stroke="white" fill="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M4.31.5v.55c.77.12,1.21.41,1.42.59.83.69.9,1.74.96,2.6.06.88-.11,1,.02,1.56.21.88.86,1.51,1.39,1.92h-3.8s0,0,0,0H.5c.54-.41,1.18-1.04,1.39-1.92.13-.56-.04-.68.02-1.56.06-.86.13-1.92.96-2.6.22-.18.66-.47,1.42-.59v-.55"/>
+  <path stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M3.34,9.29c.15.39.52.65.93.66.43.01.82-.25.98-.66"/>
+</svg>

blocks/content-heading/src/img/icon_search.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="recherche" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 8.23 8.2">
+  <circle stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" cx="3.5" cy="3.5" r="3"/>
+  <line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1="5.65" y1="5.61" x2="7.73" y2="7.7"/>
+</svg>

blocks/content-heading/src/img/icon_tip.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="astuce" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 9.14 9.16">
+  <path stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M8.15,3.68c-.74-.72-1.92-.45-2.03-.42.17-.64.14-1.15.09-1.45-.07-.43-.16-1.05-.61-1.25-.05-.02-.3-.12-.52-.01-.35.18-.31.72-.47,1.3-.11.39-.34.92-.92,1.5-.16.09-.39.23-.62.44v-.21l-2.57-.09v4.37h2.57v-.16c1,.84,2.23.91,2.68.94.77.04,1.34.07,1.88-.3.95-.65.99-1.98,1.01-2.66.02-.78.04-1.49-.48-2Z"/>
+  <line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1="3.07" y1="7.86" x2="3.07" y2="3.79"/>
+</svg>

blocks/content-heading/src/img/icon_warning.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="attention" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409"  viewBox="0 0 1.39 7.25">
+  <line stroke="white" stroke-linecap="round" stroke-linejoin="round" x1=".69" y1="4.33" x2=".7" y2=".5"/>
+  <circle fill="white" cx=".69" cy="6.56" r=".69"/>
+</svg>

blocks/content-heading/src/save.js

@@ -1,7 +1,59 @@
 import { useBlockProps, RichText } from "@wordpress/block-editor";
+import keyIcon from "./img/icon_key.svg";
+import chainIcon from "./img/icon_chain.svg";
+import houseIcon from "./img/icon_house.svg";
+import bulbIcon from "./img/icon_bulb.svg";
+import warningIcon from "./img/icon_warning.svg";
+import acousticIcon from "./img/icon_acoustic.svg";
+import documentationIcon from "./img/icon_documentation.svg";
+import notificationIcon from "./img/icon_notification.svg";
+import searchIcon from "./img/icon_search.svg";
+import infoIcon from "./img/icon_info.svg";
+import tipIcon from "./img/icon_tip.svg";
+import euroIcon from "./img/icon_euro.svg";
 
 export default function save({ attributes }) {
 	const { title, headingLevel, hasIcon, iconName, idName } = attributes;
+	function getIconPicture() {
+		switch (iconName) {
+			case "key":
+				return keyIcon;
+
+			case "chain":
+				return chainIcon;
+
+			case "house":
+				return houseIcon;
+
+			case "bulb":
+				return bulbIcon;
+
+			case "warning":
+				return warningIcon;
+
+			case "acoustic":
+				return acousticIcon;
+
+			case "documentation":
+				return documentationIcon;
+
+			case "notification":
+				return notificationIcon;
+
+			case "search":
+				return searchIcon;
+
+			case "info":
+				return infoIcon;
+
+			case "tip":
+				return tipIcon;
+
+			case "euro":
+				return euroIcon;
+		}
+	}
+	let iconPicture = getIconPicture();
 	return (
 		<>
 			<RichText.Content

blocks/content-heading/src/style.scss

@@ -1,7 +1,24 @@
 .homegrade-blocks-custom-heading.has-icon {
 	display: flex;
 	align-items: start;
+	.icon {
+		background-color: black;
+		border-radius: 50%;
+		aspect-ratio: 1/1;
+		width: 40px;
+		height: 40px;
+		padding: 10px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
 
+		img {
+			width: 30px;
+			max-width: 80%;
+			max-height: 100%;
+			height: auto;
+		}
+	}
 	&::before {
 		content: "";
 		background-color: red;
@@ -14,11 +31,8 @@
 		background-position: center;
 		background-repeat: no-repeat;
 	}
-	&.has-icon--key::before {
+	&.has-icon--acoustic::before {
-		background-image: url("../src/img/icon_key.svg");
+		background-image: url("../src/img/icon_acoustic.svg");
-	}
-	&.has-icon--house::before {
-		background-image: url("../src/img/icon_house.svg");
 	}
 	&.has-icon--bulb::before {
 		background-image: url("../src/img/icon_bulb.svg");
@@ -26,4 +40,31 @@
 	&.has-icon--chain::before {
 		background-image: url("../src/img/icon_chain.svg");
 	}
+	&.has-icon--documentation::before {
+		background-image: url("../src/img/icon_documentation.svg");
+	}
+	&.has-icon--euro::before {
+		background-image: url("../src/img/icon_euro.svg");
+	}
+	&.has-icon--house::before {
+		background-image: url("../src/img/icon_house.svg");
+	}
+	&.has-icon--info::before {
+		background-image: url("../src/img/icon_info.svg");
+	}
+	&.has-icon--key::before {
+		background-image: url("../src/img/icon_key.svg");
+	}
+	&.has-icon--notification::before {
+		background-image: url("../src/img/icon_notification.svg");
+	}
+	&.has-icon--search::before {
+		background-image: url("../src/img/icon_search.svg");
+	}
+	&.has-icon--tip::before {
+		background-image: url("../src/img/icon_tip.svg");
+	}
+	&.has-icon--warning::before {
+		background-image: url("../src/img/icon_warning.svg");
+	}
 }

blocks/highlight/build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'd1cc1f75a56edf785ad2');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'fff1781c915c737ba105');

blocks/highlight/build/index.js

@@ -41,47 +41,6 @@ var SvgIconAcoustic = function SvgIconAcoustic(props) {
 
 /***/ }),
 
-/***/ "./src/img/icon_block_chain.svg":
-/*!**************************************!*\
-  !*** ./src/img/icon_block_chain.svg ***!
-  \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ReactComponent: () => (/* binding */ SvgIconBlockChain),
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _g;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var SvgIconBlockChain = function SvgIconBlockChain(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16.012,
-    height: 15.999
-  }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
-    "data-name": "Icon feather-link",
-    fill: "none",
-    stroke: "#fff",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-    "data-name": "Trac\\xE9 18559",
-    d: "M6.605 8.7a3.5 3.5 0 0 0 5.28.378l2.1-2.1a3.5 3.5 0 1 0-4.95-4.952l-1.2 1.2"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-    "data-name": "Trac\\xE9 18560",
-    d: "M9.407 7.303a3.5 3.5 0 0 0-5.28-.378l-2.1 2.1a3.5 3.5 0 1 0 4.95 4.948l1.2-1.2"
-  }))));
-};
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wMTIiIGhlaWdodD0iMTUuOTk5IiB2aWV3Qm94PSIwIDAgMTYuMDEyIDE1Ljk5OSI+CiAgPGcgaWQ9Ikljb25fZmVhdGhlci1saW5rIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1saW5rIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS45OTMgLTIuMDA3KSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzE4NTU5IiBkYXRhLW5hbWU9IlRyYWPDqSAxODU1OSIgZD0iTTE1LDEwLjcwN2EzLjUsMy41LDAsMCwwLDUuMjguMzc4bDIuMS0yLjFBMy41LDMuNSwwLDEsMCwxNy40Myw0LjAzM2wtMS4yLDEuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNDAyIDApIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzE4NTYwIiBkYXRhLW5hbWU9IlRyYWPDqSAxODU2MCIgZD0iTTExLjQsMTQuOWEzLjUsMy41LDAsMCwwLTUuMjgtLjM3OGwtMi4xLDIuMUEzLjUsMy41LDAsMSwwLDguOTcsMjEuNTdsMS4yLTEuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNS41OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo=");
-
-/***/ }),
-
 /***/ "./src/img/icon_bulb.svg":
 /*!*******************************!*\
   !*** ./src/img/icon_bulb.svg ***!
@@ -127,6 +86,47 @@ var SvgIconBulb = function SvgIconBulb(props) {
 
 /***/ }),
 
+/***/ "./src/img/icon_chain.svg":
+/*!********************************!*\
+  !*** ./src/img/icon_chain.svg ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ReactComponent: () => (/* binding */ SvgIconChain),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+var _g;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SvgIconChain = function SvgIconChain(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16.012,
+    height: 15.999
+  }, props), _g || (_g = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    "data-name": "Icon feather-link",
+    fill: "none",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    "data-name": "Trac\\xE9 18559",
+    d: "M6.605 8.7a3.5 3.5 0 0 0 5.28.378l2.1-2.1a3.5 3.5 0 1 0-4.95-4.952l-1.2 1.2"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    "data-name": "Trac\\xE9 18560",
+    d: "M9.407 7.303a3.5 3.5 0 0 0-5.28-.378l-2.1 2.1a3.5 3.5 0 1 0 4.95 4.948l1.2-1.2"
+  }))));
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wMTIiIGhlaWdodD0iMTUuOTk5IiB2aWV3Qm94PSIwIDAgMTYuMDEyIDE1Ljk5OSI+CiAgPGcgaWQ9Ikljb25fZmVhdGhlci1saW5rIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1saW5rIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS45OTMgLTIuMDA3KSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzE4NTU5IiBkYXRhLW5hbWU9IlRyYWPDqSAxODU1OSIgZD0iTTE1LDEwLjcwN2EzLjUsMy41LDAsMCwwLDUuMjguMzc4bDIuMS0yLjFBMy41LDMuNSwwLDEsMCwxNy40Myw0LjAzM2wtMS4yLDEuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNDAyIDApIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzE4NTYwIiBkYXRhLW5hbWU9IlRyYWPDqSAxODU2MCIgZD0iTTExLjQsMTQuOWEzLjUsMy41LDAsMCwwLTUuMjgtLjM3OGwtMi4xLDIuMUEzLjUsMy41LDAsMSwwLDguOTcsMjEuNTdsMS4yLTEuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNS41OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo=");
+
+/***/ }),
+
 /***/ "./src/img/icon_documentation.svg":
 /*!****************************************!*\
   !*** ./src/img/icon_documentation.svg ***!
@@ -171,15 +171,15 @@ var SvgIconDocumentation = function SvgIconDocumentation(props) {
 
 /***/ }),
 
-/***/ "./src/img/icon_feather_key.svg":
+/***/ "./src/img/icon_euro.svg":
-/*!**************************************!*\
+/*!*******************************!*\
-  !*** ./src/img/icon_feather_key.svg ***!
+  !*** ./src/img/icon_euro.svg ***!
-  \**************************************/
+  \*******************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ReactComponent: () => (/* binding */ SvgIconFeatherKey),
+/* harmony export */   ReactComponent: () => (/* binding */ SvgIconEuro),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
@@ -187,23 +187,18 @@ __webpack_require__.r(__webpack_exports__);
 var _path;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var SvgIconFeatherKey = function SvgIconFeatherKey(props) {
+var SvgIconEuro = function SvgIconEuro(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 17.803,
+    viewBox: "0 0 7.35 7.17"
-    height: 17.426
   }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-    "data-name": "Icon feather-key",
-    d: "m16.012 1.414-1.58 1.58M8.419 9.007a4.346 4.346 0 1 1-6.146 0 4.346 4.346 0 0 1 6.146 0Zm0 0 3.248-3.248m0 0 2.37 2.37 2.762-2.764-2.37-2.37M11.667 5.76l2.765-2.766",
-    fill: "none",
     stroke: "#fff",
-    strokeLinecap: "round",
+    className: "icon_euro_svg__cls-1",
-    strokeLinejoin: "round",
+    d: "M6.85 1.54C6.7 1.39 5.65.36 4.17.52 2.71.68 1.32 1.94 1.32 3.59c0 1.73 1.53 2.99 3.02 3.07 1.37.08 2.33-.85 2.51-1.02M.5 2.74h3.84M.5 4.33h3.84"
-    strokeWidth: 2
   })));
 };
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy44MDMiIGhlaWdodD0iMTcuNDI2IiB2aWV3Qm94PSIwIDAgMTcuODAzIDE3LjQyNiI+CiAgPHBhdGggaWQ9Ikljb25fZmVhdGhlci1rZXkiIGRhdGEtbmFtZT0iSWNvbiBmZWF0aGVyLWtleSIgZD0iTTE4LjAxMywzbC0xLjU4LDEuNThNMTAuNDIsMTAuNTkzYTQuMzQ2LDQuMzQ2LDAsMSwxLTYuMTQ2LDAsNC4zNDYsNC4zNDYsMCwwLDEsNi4xNDYsMFptMCwwLDMuMjQ4LTMuMjQ4bTAsMCwyLjM3LDIuMzdMMTguOCw2Ljk1MWwtMi4zNy0yLjM3TTEzLjY2OCw3LjM0NiwxNi40MzMsNC41OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDAxIC0xLjU4NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iZXVybyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNy4zNSA3LjE3Ij4KICA8cGF0aCBzdHJva2U9IndoaXRlIiBjbGFzcz0iY2xzLTEiIGQ9Ik02Ljg1LDEuNTRjLS4xNS0uMTUtMS4yLTEuMTgtMi42OC0xLjAyLTEuNDYuMTYtMi44NSwxLjQyLTIuODUsMy4wNywwLDEuNzMsMS41MywyLjk5LDMuMDIsMy4wNywxLjM3LjA4LDIuMzMtLjg1LDIuNTEtMS4wMiIvPgogIDxsaW5lIHN0cm9rZT0id2hpdGUiIGNsYXNzPSJjbHMtMSIgeDE9Ii41IiB5MT0iMi43NCIgeDI9IjQuMzQiIHkyPSIyLjc0Ii8+CiAgPGxpbmUgc3Ryb2tlPSJ3aGl0ZSIgY2xhc3M9ImNscy0xIiB4MT0iLjUiIHkxPSI0LjMzIiB4Mj0iNC4zNCIgeTI9IjQuMzMiLz4KPC9zdmc+");
 
 /***/ }),
 
@@ -276,6 +271,42 @@ var SvgIconInfo = function SvgIconInfo(props) {
 
 /***/ }),
 
+/***/ "./src/img/icon_key.svg":
+/*!******************************!*\
+  !*** ./src/img/icon_key.svg ***!
+  \******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ReactComponent: () => (/* binding */ SvgIconKey),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SvgIconKey = function SvgIconKey(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 17.803,
+    height: 17.426
+  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    "data-name": "Icon feather-key",
+    d: "m16.012 1.414-1.58 1.58M8.419 9.007a4.346 4.346 0 1 1-6.146 0 4.346 4.346 0 0 1 6.146 0Zm0 0 3.248-3.248m0 0 2.37 2.37 2.762-2.764-2.37-2.37M11.667 5.76l2.765-2.766",
+    fill: "none",
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2
+  })));
+};
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy44MDMiIGhlaWdodD0iMTcuNDI2IiB2aWV3Qm94PSIwIDAgMTcuODAzIDE3LjQyNiI+CiAgPHBhdGggaWQ9Ikljb25fZmVhdGhlci1rZXkiIGRhdGEtbmFtZT0iSWNvbiBmZWF0aGVyLWtleSIgZD0iTTE4LjAxMywzbC0xLjU4LDEuNThNMTAuNDIsMTAuNTkzYTQuMzQ2LDQuMzQ2LDAsMSwxLTYuMTQ2LDAsNC4zNDYsNC4zNDYsMCwwLDEsNi4xNDYsMFptMCwwLDMuMjQ4LTMuMjQ4bTAsMCwyLjM3LDIuMzdMMTguOCw2Ljk1MWwtMi4zNy0yLjM3TTEzLjY2OCw3LjM0NiwxNi40MzMsNC41OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDAxIC0xLjU4NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
+
+/***/ }),
+
 /***/ "./src/img/icon_notification.svg":
 /*!***************************************!*\
   !*** ./src/img/icon_notification.svg ***!
@@ -420,37 +451,6 @@ var SvgIconWarning = function SvgIconWarning(props) {
 
 /***/ }),
 
-/***/ "./src/img/icone_euro.svg":
-/*!********************************!*\
-  !*** ./src/img/icone_euro.svg ***!
-  \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   ReactComponent: () => (/* binding */ SvgIconeEuro),
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-var _path;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var SvgIconeEuro = function SvgIconeEuro(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 7.35 7.17"
-  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-    stroke: "#fff",
-    className: "icone_euro_svg__cls-1",
-    d: "M6.85 1.54C6.7 1.39 5.65.36 4.17.52 2.71.68 1.32 1.94 1.32 3.59c0 1.73 1.53 2.99 3.02 3.07 1.37.08 2.33-.85 2.51-1.02M.5 2.74h3.84M.5 4.33h3.84"
-  })));
-};
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iZXVybyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNy4zNSA3LjE3Ij4KICA8cGF0aCBzdHJva2U9IndoaXRlIiBjbGFzcz0iY2xzLTEiIGQ9Ik02Ljg1LDEuNTRjLS4xNS0uMTUtMS4yLTEuMTgtMi42OC0xLjAyLTEuNDYuMTYtMi44NSwxLjQyLTIuODUsMy4wNywwLDEuNzMsMS41MywyLjk5LDMuMDIsMy4wNywxLjM3LjA4LDIuMzMtLjg1LDIuNTEtMS4wMiIvPgogIDxsaW5lIHN0cm9rZT0id2hpdGUiIGNsYXNzPSJjbHMtMSIgeDE9Ii41IiB5MT0iMi43NCIgeDI9IjQuMzQiIHkyPSIyLjc0Ii8+CiAgPGxpbmUgc3Ryb2tlPSJ3aGl0ZSIgY2xhc3M9ImNscy0xIiB4MT0iLjUiIHkxPSI0LjMzIiB4Mj0iNC4zNCIgeTI9IjQuMzMiLz4KPC9zdmc+");
-
-/***/ }),
-
 /***/ "../../node_modules/@wordpress/icons/build-module/library/trash.js":
 /*!*************************************************************************!*\
   !*** ../../node_modules/@wordpress/icons/build-module/library/trash.js ***!
@@ -596,8 +596,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./editor.scss */ "./src/editor.scss");
-/* harmony import */ var _img_icon_feather_key_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./img/icon_feather_key.svg */ "./src/img/icon_feather_key.svg");
+/* harmony import */ var _img_icon_key_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./img/icon_key.svg */ "./src/img/icon_key.svg");
-/* harmony import */ var _img_icon_block_chain_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./img/icon_block_chain.svg */ "./src/img/icon_block_chain.svg");
+/* harmony import */ var _img_icon_chain_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./img/icon_chain.svg */ "./src/img/icon_chain.svg");
 /* harmony import */ var _img_icon_house_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./img/icon_house.svg */ "./src/img/icon_house.svg");
 /* harmony import */ var _img_icon_bulb_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./img/icon_bulb.svg */ "./src/img/icon_bulb.svg");
 /* harmony import */ var _img_icon_warning_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./img/icon_warning.svg */ "./src/img/icon_warning.svg");
@@ -607,7 +607,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _img_icon_search_svg__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./img/icon_search.svg */ "./src/img/icon_search.svg");
 /* harmony import */ var _img_icon_info_svg__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./img/icon_info.svg */ "./src/img/icon_info.svg");
 /* harmony import */ var _img_icon_tip_svg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./img/icon_tip.svg */ "./src/img/icon_tip.svg");
-/* harmony import */ var _img_icone_euro_svg__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./img/icone_euro.svg */ "./src/img/icone_euro.svg");
+/* harmony import */ var _img_icon_euro_svg__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./img/icon_euro.svg */ "./src/img/icon_euro.svg");
 /* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
 /* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_15__);
 /* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/trash.js");
@@ -650,9 +650,9 @@ function Edit({
   function getIconPicture() {
     switch (iconName) {
       case "key":
-        return _img_icon_feather_key_svg__WEBPACK_IMPORTED_MODULE_3__["default"];
+        return _img_icon_key_svg__WEBPACK_IMPORTED_MODULE_3__["default"];
       case "chain":
-        return _img_icon_block_chain_svg__WEBPACK_IMPORTED_MODULE_4__["default"];
+        return _img_icon_chain_svg__WEBPACK_IMPORTED_MODULE_4__["default"];
       case "house":
         return _img_icon_house_svg__WEBPACK_IMPORTED_MODULE_5__["default"];
       case "bulb":
@@ -672,7 +672,7 @@ function Edit({
       case "tip":
         return _img_icon_tip_svg__WEBPACK_IMPORTED_MODULE_13__["default"];
       case "euro":
-        return _img_icone_euro_svg__WEBPACK_IMPORTED_MODULE_14__["default"];
+        return _img_icon_euro_svg__WEBPACK_IMPORTED_MODULE_14__["default"];
     }
   }
   function onIconChange(newIconName) {
@@ -964,8 +964,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
 /* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _img_icon_feather_key_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./img/icon_feather_key.svg */ "./src/img/icon_feather_key.svg");
+/* harmony import */ var _img_icon_key_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./img/icon_key.svg */ "./src/img/icon_key.svg");
-/* harmony import */ var _img_icon_block_chain_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./img/icon_block_chain.svg */ "./src/img/icon_block_chain.svg");
+/* harmony import */ var _img_icon_chain_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./img/icon_chain.svg */ "./src/img/icon_chain.svg");
 /* harmony import */ var _img_icon_house_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./img/icon_house.svg */ "./src/img/icon_house.svg");
 /* harmony import */ var _img_icon_bulb_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./img/icon_bulb.svg */ "./src/img/icon_bulb.svg");
 /* harmony import */ var _img_icon_warning_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./img/icon_warning.svg */ "./src/img/icon_warning.svg");
@@ -1007,9 +1007,9 @@ function save({
   function getIconPicture() {
     switch (iconName) {
       case "key":
-        return _img_icon_feather_key_svg__WEBPACK_IMPORTED_MODULE_4__["default"];
+        return _img_icon_key_svg__WEBPACK_IMPORTED_MODULE_4__["default"];
       case "chain":
-        return _img_icon_block_chain_svg__WEBPACK_IMPORTED_MODULE_5__["default"];
+        return _img_icon_chain_svg__WEBPACK_IMPORTED_MODULE_5__["default"];
       case "house":
         return _img_icon_house_svg__WEBPACK_IMPORTED_MODULE_6__["default"];
       case "bulb":

blocks/highlight/src/edit.js

@@ -1,7 +1,7 @@
 import { __ } from "@wordpress/i18n";
 import "./editor.scss";
-import keyIcon from "./img/icon_feather_key.svg";
+import keyIcon from "./img/icon_key.svg";
-import chainIcon from "./img/icon_block_chain.svg";
+import chainIcon from "./img/icon_chain.svg";
 import houseIcon from "./img/icon_house.svg";
 import bulbIcon from "./img/icon_bulb.svg";
 import warningIcon from "./img/icon_warning.svg";
@@ -11,7 +11,7 @@ import notificationIcon from "./img/icon_notification.svg";
 import searchIcon from "./img/icon_search.svg";
 import infoIcon from "./img/icon_info.svg";
 import tipIcon from "./img/icon_tip.svg";
-import euroIcon from "./img/icone_euro.svg";
+import euroIcon from "./img/icon_euro.svg";
 import {
 	RichText,
 	useBlockProps,

blocks/highlight/src/save.js

@@ -1,8 +1,8 @@
 import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
 import { __ } from "@wordpress/i18n";
 import { useSelect, useDispatch } from "@wordpress/data"; // pour les querry
-import keyIcon from "./img/icon_feather_key.svg";
+import keyIcon from "./img/icon_key.svg";
-import chainIcon from "./img/icon_block_chain.svg";
+import chainIcon from "./img/icon_chain.svg";
 import houseIcon from "./img/icon_house.svg";
 import bulbIcon from "./img/icon_bulb.svg";
 import warningIcon from "./img/icon_warning.svg";