From 7cda7c7e729c4c07658cd9bad90ea2f6fa5481b8 Mon Sep 17 00:00:00 2001
From: Ed Wilde <github@edwilde.com>
Date: Fri, 13 Oct 2023 09:10:19 +1300
Subject: [PATCH 1/3] Update Storybook logo to the 5.1 OSS logo

---
 .storybook/theme/SilverstripeTheme.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.storybook/theme/SilverstripeTheme.js b/.storybook/theme/SilverstripeTheme.js
index 0e350d75d..9588235d4 100644
--- a/.storybook/theme/SilverstripeTheme.js
+++ b/.storybook/theme/SilverstripeTheme.js
@@ -3,7 +3,7 @@ import { create } from '@storybook/theming/create';
 const SilverstripeTheme = create({
   base: 'light',
   brandTitle: 'Silverstripe CMS - Storybook',
-  brandImage: 'https://www.silverstripe.com/_resources/themes/app/dist/images/logos/silverstripe-logo.svg',
+  brandImage: 'https://www.silverstripe.org/themes/ssv3/img/global-logo-open-source.svg',
   brandTarget: '_self',
 
   // Main colors

From 050b8b93c89c40b1d5a3dc5a58b585bb961bf239 Mon Sep 17 00:00:00 2001
From: Ed Wilde <ed.wilde@silverstripe.com>
Date: Fri, 27 Oct 2023 17:19:32 +1300
Subject: [PATCH 2/3] Add the new CMS logo locally

---
 .storybook/theme/SilverstripeTheme.js | 5 +++--
 .storybook/theme/images/logo.svg      | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)
 create mode 100644 .storybook/theme/images/logo.svg

diff --git a/.storybook/theme/SilverstripeTheme.js b/.storybook/theme/SilverstripeTheme.js
index 9588235d4..5cbdd08d9 100644
--- a/.storybook/theme/SilverstripeTheme.js
+++ b/.storybook/theme/SilverstripeTheme.js
@@ -1,16 +1,17 @@
 import { create } from '@storybook/theming/create';
+import logo from './images/logo.svg';
 
 const SilverstripeTheme = create({
   base: 'light',
   brandTitle: 'Silverstripe CMS - Storybook',
-  brandImage: 'https://www.silverstripe.org/themes/ssv3/img/global-logo-open-source.svg',
+  brandImage: logo,
   brandTarget: '_self',
 
   // Main colors
   colorPrimary: '#005be0',
   // Temporary
   colorSecondary: '#005be0',
-  
+
   // Toolbar default and active colors
   barTextColor: '#9E9E9E',
   barSelectedColor: '#005be0',
diff --git a/.storybook/theme/images/logo.svg b/.storybook/theme/images/logo.svg
new file mode 100644
index 000000000..0637f72f5
--- /dev/null
+++ b/.storybook/theme/images/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="702" height="80" fill="none"><path fill="#051E2D" d="M539.729 38.056c0-16.06 12.087-28.86 29.099-28.86 10.255 0 19.32 5.326 24.01 13.517l-6.441 3.736c-3.181-6.122-9.938-10.099-17.572-10.099-13.039 0-21.784 9.463-21.784 21.706s8.745 21.628 21.784 21.628c7.634 0 14.391-3.977 17.572-10.017l6.441 3.657c-4.612 8.188-13.674 13.596-24.01 13.596-17.015 0-29.099-12.879-29.099-28.86v-.004ZM652.474 65.887h-7.314V22.394l-18.209 30.291h-.955l-18.208-30.213v43.412h-7.392V10.229h8.347l17.729 29.418 17.651-29.418h8.348v55.658h.003ZM659.631 53.243l6.359-3.657c1.989 6.121 6.757 10.098 14.867 10.098 8.11 0 11.767-3.58 11.767-8.586 0-5.724-4.928-7.634-13.119-10.176-8.906-2.862-17.491-5.646-17.491-15.982 0-10.337 8.188-15.744 17.491-15.744 9.302 0 15.743 5.166 18.843 12.165l-6.203 3.579c-1.988-4.772-5.883-8.586-12.64-8.586-5.962 0-10.099 3.181-10.099 8.27 0 5.088 3.895 7.076 11.689 9.54 9.701 3.182 18.844 6.044 18.844 16.778 0 9.779-7.872 15.982-19.241 15.982-10.575 0-18.127-5.327-21.071-13.674l.004-.007ZM496.562 50.497c1.35 5.081 5.48 7.236 10.581 7.236 3.753 0 6.951-2.192 8.6-4.425l7.246 5.22c-3.528 5.235-8.793 8.216-15.995 8.216-12.607 0-20.56-8.855-20.56-20.33 0-11.474 8.028-20.329 19.809-20.329 11.104 0 18.983 9.01 18.983 20.33 0 1.461-.15 2.773-.374 4.082h-28.29Zm-.149-7.699h19.133c-1.2-5.544-5.252-7.777-9.303-7.777-5.177 0-8.705 2.849-9.83 7.777ZM276.596 50.497c1.35 5.081 5.479 7.236 10.581 7.236 3.753 0 6.951-2.192 8.599-4.425l7.247 5.22c-3.528 5.235-8.793 8.216-15.995 8.216-12.607 0-20.561-8.855-20.561-20.33 0-11.474 8.029-20.329 19.809-20.329 11.105 0 18.983 9.01 18.983 20.33 0 1.461-.149 2.773-.373 4.082h-28.29Zm-.149-7.699h19.132c-1.2-5.544-5.251-7.777-9.303-7.777-5.176 0-8.704 2.849-9.829 7.777ZM200.448 22.547c-3.311 0-6.081-2.773-6.081-6.084 0-3.31 2.77-6.159 6.081-6.159 3.31 0 6.159 2.849 6.159 6.16 0 3.31-2.77 6.083-6.159 6.083ZM205.45 27.166h-9.928v38.5h9.928v-38.5ZM222.947 7.739h-9.928v57.925h9.928V7.739ZM255.964 27.164h10.932l-14.11 38.5h-11.311l-14.109-38.5h10.931l8.796 26.95 8.871-26.95ZM320.112 33.784c2.002-5.234 6.849-7.392 11.699-7.392v11.087c-5.156-.615-11.699 1.693-11.699 9.779V65.66h-9.928V27.163h9.928v6.621ZM345.671 38.097c0-2.08 2.002-3.157 4.463-3.157 2.63 0 5.513 1.652 6.845 3.847l7.454-5.071c-3.056-4.966-8.28-7.63-14.299-7.63-7.927 0-14.623 4.387-14.623 12.242 0 13.552 19.857 10.472 19.857 16.094 0 2.234-2.155 3.311-5.309 3.311-3.715 0-6.856-2.311-8.039-5.313l-7.984 5.432c2.818 5.751 8.447 8.888 16.023 8.888 8.235 0 15.468-4.004 15.468-12.321 0-14.167-19.856-10.625-19.856-16.325v.003ZM392.243 36.712h-8.698v16.015c0 4.157 3.001 4.236 8.698 3.926v9.008c-13.932 1.54-18.626-2.543-18.626-12.937V36.708h-6.696v-9.547h6.696v-7.777l9.928-6.86V27.16h8.698v9.552ZM407.361 33.784c2.002-5.234 6.849-7.392 11.699-7.392v11.087c-5.156-.615-11.699 1.693-11.699 9.779V65.66h-9.928V27.163h9.928v6.621ZM429.406 22.547c-3.311 0-6.081-2.773-6.081-6.084 0-3.31 2.77-6.159 6.081-6.159 3.311 0 6.159 2.849 6.159 6.16 0 3.31-2.77 6.083-6.159 6.083ZM434.411 27.166h-9.929v38.5h9.929v-38.5ZM463.852 26.085c10.312 0 18.779 8.855 18.779 20.33 0 11.474-8.467 20.329-18.779 20.329-5.619 0-9.697-2.08-12.468-5.622v18.877h-9.928V27.163h9.928v4.544c2.771-3.541 6.849-5.622 12.468-5.622Zm-1.846 31.186c6.159 0 10.7-4.388 10.7-10.857 0-6.468-4.541-10.856-10.7-10.856-6.159 0-10.622 4.388-10.622 10.856 0 6.469 4.541 10.857 10.622 10.857ZM172.383 33.662c-8.31-2.508-10.425-4.313-10.425-7.685 0-3.137 2.665-5.49 7.213-5.49 5.224 0 9.446 2.904 11.563 6.697l8.331-5.826c-3.81-7.22-11.182-11.38-19.897-11.38-9.409 0-18.032 5.962-18.032 16.312 0 10.35 8.154 13.96 16.54 16.39 8.154 2.352 11.838 3.922 11.838 7.997 0 3.06-2.274 5.802-8.779 5.802-6.506 0-10.979-4.048-13.063-8.867l-8.541 5.971c3.137 7.801 10.401 13.484 21.291 13.484 11.679 0 19.911-6.274 19.911-16.546 0-11.213-9.249-14.116-17.95-16.862v.003Z"/><path fill="#005AE1" d="m64.387 7.542-27.4 19.177c-3.789 2.647-4.71 7.858-2.062 11.651 2.648 3.79 7.858 4.711 11.651 2.063l27.4-19.177c11.342-7.943 27.007-5.183 34.924 6.16 7.943 11.342 5.183 27.007-6.159 34.923l-8.613 6.02c7.134 12.124 23.272 7.022 30.604-5.992 7.664-13.603 7.386-30.965-2.145-44.567-13.218-18.871-39.333-23.47-58.2-10.258Z"/><path fill="#005AE1" d="m65.75 67.825 27.398-19.177c3.79-2.648 4.711-7.858 2.064-11.652-2.648-3.79-7.859-4.71-11.652-2.063L56.161 54.11c-11.342 7.944-27.008 5.184-34.924-6.159-7.943-11.342-5.183-27.008 6.159-34.924l8.613-6.02C28.878-5.113 12.739-.01 5.408 13.003-2.257 26.606-1.978 43.968 7.553 57.57c13.211 18.868 39.325 23.497 58.196 10.258v-.003Z"/></svg>

From 3c969733bb3154a09e45f1905a6c8fe6bf12ba87 Mon Sep 17 00:00:00 2001
From: Ed Wilde <ed.wilde@silverstripe.com>
Date: Fri, 27 Oct 2023 17:20:04 +1300
Subject: [PATCH 3/3] Define a minimum width for the logo

Otherwise it looks a little tiny...
---
 .storybook/manager-head.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 .storybook/manager-head.html

diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
new file mode 100644
index 000000000..f080ce9a7
--- /dev/null
+++ b/.storybook/manager-head.html
@@ -0,0 +1,12 @@
+<!--
+    Add code to be inserted into the Storybook manager <head> below.
+    @see https://storybook.js.org/docs/react/addons/writing-presets#previewmanager-templates
+
+    This is useful if you want to hide parts of the interface.
+-->
+<style>
+    /* define a minimum width for the logo */
+    .sidebar-header a > img {
+        min-width: 120px;
+    }
+</style>