From e2f149ca45e1d6b2086a76e802f67b70a0fbafba Mon Sep 17 00:00:00 2001
From: Sanne de Vries <sannedv@protonmail.com>
Date: Mon, 15 Nov 2021 13:47:28 +0100
Subject: [PATCH] Updated callout icon in card menu

Refs https://github.com/TryGhost/Team/issues/1206
---
 .../lib/koenig-editor/addon/options/cards.js  |  4 +--
 .../icons/koenig/kg-card-type-bookmark.svg    | 27 +++----------------
 .../icons/koenig/kg-card-type-callout.svg     | 10 +++++++
 .../icons/koenig/kg-card-type-email-cta.svg   |  8 +++---
 4 files changed, 18 insertions(+), 31 deletions(-)
 create mode 100644 ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-callout.svg

diff --git a/ghost/admin/lib/koenig-editor/addon/options/cards.js b/ghost/admin/lib/koenig-editor/addon/options/cards.js
index 2a9edac552..8abbeda592 100644
--- a/ghost/admin/lib/koenig-editor/addon/options/cards.js
+++ b/ghost/admin/lib/koenig-editor/addon/options/cards.js
@@ -33,7 +33,7 @@ export const CARD_ICON_MAP = {
     gallery: 'koenig/kg-card-type-gallery',
     email: 'koenig/kg-card-type-gen-embed',
     button: 'koenig/kg-card-type-gen-embed',
-    callout: 'koenig/kg-card-type-gen-embed',
+    callout: 'koenig/kg-card-type-callout',
     nft: 'koenig/kg-card-type-gen-embed',
     toggle: 'koenig/kg-card-type-gen-embed',
     'email-cta': 'koenig/kg-card-type-gen-embed',
@@ -160,7 +160,7 @@ export const CARD_MENU = [
         },
         {
             label: 'Callout',
-            icon: 'koenig/kg-card-type-paywall',
+            icon: 'koenig/kg-card-type-callout',
             desc: 'Info boxes that stand out',
             matches: ['callout'],
             type: 'card',
diff --git a/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-bookmark.svg b/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-bookmark.svg
index 5d0df6d2e6..e4f95bdc79 100644
--- a/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-bookmark.svg
+++ b/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-bookmark.svg
@@ -1,25 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>kg-card-type-bookmark</title>
-    <defs>
-        <rect id="b" width="272" height="499" rx="4"/>
-        <filter x="-10.3%" y="-4.6%" width="120.6%" height="111.2%" filterUnits="objectBoundingBox" id="a">
-            <feOffset dy="5" in="SourceAlpha" result="shadowOffsetOuter1"/>
-            <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/>
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0" in="shadowBlurOuter1"/>
-        </filter>
-        <path id="c" d="M.99 0H19v24H.99z"/>
-    </defs>
-    <g fill="none" fill-rule="evenodd">
-        <g transform="translate(-200 -135)">
-            <use fill="#000" filter="url(#a)" xlink:href="#b"/>
-        </g>
-        <path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667z" fill="#fb2d8d"/>
-        <path stroke-opacity=".012" stroke="#000" stroke-width="0" d="M11 0h24v24H11z"/>
-        <g transform="translate(13)">
-            <mask id="d" fill="#fff">
-                <use xlink:href="#c"/>
-            </mask>
-            <path d="M2.998-.01v18.674c-.054.558.175.951.687 1.18.525.2.965.084 1.322-.35l2.689-2.683c.081-.081.18-.122.294-.122.116 0 .214.041.295.122l2.69 2.684c.245.274.552.417.92.428.139 0 .273-.026.401-.078.512-.23.741-.623.687-1.18V-.062l-9.985.05z" fill="#FFF" mask="url(#d)"/>
-        </g>
-    </g>
+<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M32 2.667C32 .889 31.111 0 29.333 0H2.667C1.93 0 1.302.26.78.781.261 1.301 0 1.931 0 2.667v26.666C0 31.111.889 32 2.667 32h26.666C31.111 32 32 31.111 32 29.333V2.667Z" fill="#FB2D8D"/>
+    <path d="M15.998-.01v18.674c-.054.558.175.951.687 1.18.525.2.965.084 1.322-.35l2.689-2.683a.404.404 0 0 1 .294-.122c.116 0 .214.041.295.122l2.69 2.684c.245.274.552.417.92.428.139 0 .273-.026.401-.078.512-.23.741-.623.687-1.18V-.062l-9.985.05v.002Z" fill="#fff"/>
 </svg>
\ No newline at end of file
diff --git a/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-callout.svg b/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-callout.svg
new file mode 100644
index 0000000000..f96f57bbcb
--- /dev/null
+++ b/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-callout.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="28" height="28" rx="3" fill="#14B8FF"/>
+    <g fill="#fff">
+        <path d="M20 11.75a2.242 2.242 0 0 0-1.993-2.225 9.414 9.414 0 0 0-.257 2.225c-.003.749.083 1.496.257 2.224A2.243 2.243 0 0 0 20 11.75ZM13.75 18.433 9.41 17.05l1.973 4.856a1.746 1.746 0 0 0 3.367-.636c.003-.23-.04-.457-.126-.67l-.874-2.167Z"/>
+        <path d="M19.25 5c-.27 0-.537.048-.79.139L7.046 8.778A2.864 2.864 0 0 0 5 11.75a2.857 2.857 0 0 0 2.025 2.965l11.437 3.646c.253.091.52.138.788.139 2.138 0 3.75-2.902 3.75-6.75S21.388 5 19.25 5Zm0 12C18.188 17 17 14.755 17 11.75s1.188-5.25 2.25-5.25 2.25 2.245 2.25 5.25S20.312 17 19.25 17Z"/>
+    </g>
+    <clipPath>
+        <path fill="#fff" transform="translate(5 5)" d="M0 0h18v18H0z"/>
+    </clipPath>
+</svg>
\ No newline at end of file
diff --git a/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-email-cta.svg b/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-email-cta.svg
index 6fc5ca5f37..7ef0ca5d77 100644
--- a/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-email-cta.svg
+++ b/ghost/admin/lib/koenig-editor/public/icons/koenig/kg-card-type-email-cta.svg
@@ -5,9 +5,7 @@
     <path fill-rule="evenodd" clip-rule="evenodd" d="M12.86 4.255A11.25 11.25 0 0126.47 14.447a.75.75 0 01-1.496.106 9.75 9.75 0 10-10.421 10.42.75.75 0 01-.107 1.496 11.25 11.25 0 01-1.588-22.214z"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M13.305 8.785a6.75 6.75 0 018.203 3.934.75.75 0 11-1.39.562 5.25 5.25 0 10-6.837 6.835.75.75 0 11-.562 1.39 6.75 6.75 0 01.586-12.72z"/>
   </g>
-  <defs>
-    <clipPath id="clip0">
-      <path fill="#fff" transform="translate(4 4)" d="M0 0h24v24H0z"/>
-    </clipPath>
-  </defs>
+  <clipPath id="clip0">
+    <path fill="#fff" transform="translate(4 4)" d="M0 0h24v24H0z"/>
+  </clipPath>
 </svg>