From a4d8b943379d4029cdee1e7d8210029e4d00cc55 Mon Sep 17 00:00:00 2001
From: Reid Barber <reid@reidbarber.com>
Date: Wed, 21 Aug 2024 09:58:25 -0500
Subject: [PATCH] fix v3 storybook logo (#6914)

---
 .storybook/.parcelrc     |  3 ++-
 .storybook/logo-dark.svg | 19 +++++++++++++++++++
 .storybook/logo.svg      | 19 +++++++++++++++++++
 .storybook/preview.js    | 12 +++++++++++-
 4 files changed, 51 insertions(+), 2 deletions(-)
 create mode 100644 .storybook/logo-dark.svg
 create mode 100644 .storybook/logo.svg

diff --git a/.storybook/.parcelrc b/.storybook/.parcelrc
index 81677b70840..dff0cb116b8 100644
--- a/.storybook/.parcelrc
+++ b/.storybook/.parcelrc
@@ -6,6 +6,7 @@
     "*.{js,mjs,jsm,jsx,es6,cjs,ts,tsx}": [
       "@parcel/transformer-js",
       "@parcel/transformer-react-refresh-wrap"
-    ]
+    ],
+    "raw:*": ["@parcel/transformer-raw"]
   }
 }
diff --git a/.storybook/logo-dark.svg b/.storybook/logo-dark.svg
new file mode 100644
index 00000000000..69d1e2c28da
--- /dev/null
+++ b/.storybook/logo-dark.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="700" height="220" viewBox="0 0 700 220">
+  <defs>
+    <clipPath id="clip-Custom_Size_3">
+      <rect width="700" height="335"/>
+    </clipPath>
+  </defs>
+  <g id="Custom_Size_3" data-name="Custom Size – 3" clip-path="url(#clip-Custom_Size_3)">
+    <g id="Group_2" data-name="Group 2" transform="translate(-22.432 4)">
+      <g id="Adobe_Corporate_logo" transform="translate(64.432 13.489)">
+        <g id="Group_1" data-name="Group 1">
+          <path id="Path_1" data-name="Path 1" d="M72.474,0H0V173.324Zm0,0" fill="#fa0c00"/>
+          <path id="Path_2" data-name="Path 2" d="M10.215,0h72.38V173.324Zm0,0" transform="translate(113.251)" fill="#fa0c00"/>
+          <path id="Path_3" data-name="Path 3" d="M37.165,5.285,83.294,114.728H53.029L39.243,79.884H5.484Zm0,0" transform="translate(60.805 58.596)" fill="#fa0c00"/>
+        </g>
+      </g>
+      <path id="Path_5" data-name="Path 5" d="M16.65,0c.45,0,.72-.18.72-.72V-22.68h7.74c.99,0,1.44.45,2.07,1.53C31.14-14.85,37.44-4.5,40.05-.45A1.5,1.5,0,0,0,41.31,0H52.56c.54,0,.45-.45.18-.99C50.13-5.49,39.33-21.6,36.36-25.74c6.57-2.43,11.61-8.01,11.61-15.84,0-11.52-8.46-17.73-22.86-17.73-6.93,0-10.71.09-17.82.27-.54,0-.63.36-.63.81V-.72c0,.54.18.72.72.72Zm.72-31.95V-49.68c1.44-.09,4.32-.18,7.38-.18,7.65,0,12.42,2.97,12.42,8.91,0,5.76-4.68,9-11.97,9ZM83.88-19.71a68.552,68.552,0,0,0,9.27-.36.773.773,0,0,0,.72-.63,27.238,27.238,0,0,0,.36-5.58c0-8.55-5.13-18.99-18.45-18.99-13.59,0-21.15,11.07-21.15,23.58C54.63-10.62,60.48.9,76.86.9c6.12,0,10.08-.99,13.5-2.61a.953.953,0,0,0,.54-.99v-7.47c0-.45-.27-.54-.54-.36A28.36,28.36,0,0,1,79.2-8.37c-9.18,0-13.32-5.04-13.59-11.34ZM65.61-27.45c.72-4.41,3.51-9.18,9.72-9.18a8.325,8.325,0,0,1,8.64,8.37v.72a44.112,44.112,0,0,1-4.95.09ZM125.37-8.73a16.454,16.454,0,0,1-6.39,1.08c-6.48,0-8.82-2.88-8.82-6.21,0-3.87,3.15-6.21,10.26-6.21a37.026,37.026,0,0,1,4.95.27ZM135.9-27.45c0-9.99-5.4-17.82-17.91-17.82a33.438,33.438,0,0,0-13.68,2.7.855.855,0,0,0-.54.9v7.83a.526.526,0,0,0,.72.54,26.772,26.772,0,0,1,11.79-2.52c7.92,0,9.09,4.68,9.09,6.75v1.08c-.81-.09-2.88-.18-5.58-.18-11.7,0-20.25,4.77-20.25,14.31C99.54-3.69,107.37.9,117.18.9c6.12,0,11.34-.9,18.72-4.05.18-.09.18-.18.18-.36-.18-1.89-.18-3.69-.18-5.67ZM177.75-9.27c0-.36-.18-.63-.63-.45a25.915,25.915,0,0,1-7.83.9c-6.93,0-14.04-3.78-14.04-13.59,0-8.64,5.76-13.5,13.95-13.5a21.157,21.157,0,0,1,7.74,1.17c.36.09.72.09.72-.54l.09-8.01c0-.54-.09-.81-.45-.99-1.53-.54-3.96-.99-8.46-.99-14.85,0-24.75,9.9-24.75,23.22C144.09-9.09,152.73.9,167.31.9c3.51,0,7.11-.27,9.99-1.44.36-.09.45-.27.45-.72Zm31.32,1.35c0-.54-.27-.63-.54-.54a15.253,15.253,0,0,1-3.42.36c-3.87,0-5.13-1.89-5.13-5.85V-35.28h8.82c.45,0,.63-.18.63-.63v-7.83c0-.45-.18-.63-.63-.63h-8.73c0-4.41.18-9.72.45-12.69,0-.45-.18-.54-.63-.45l-9.09,1.26a.865.865,0,0,0-.72.81,94.991,94.991,0,0,0-.9,11.07h-5.67c-.54,0-.72.18-.72.72v7.56c0,.54.18.72.63.81h5.67v23.67C189.09-2.7,193.5.9,200.88.9a20.689,20.689,0,0,0,7.65-1.26c.45-.18.54-.54.54-1.08ZM19.62,113.9c13.59,0,21.87-6.84,21.87-17.37,0-7.11-3.33-12.78-15.03-17.64l-3.42-1.44c-7.11-2.97-9.18-5.22-9.18-8.46,0-3.15,2.43-6.39,10.17-6.39,5.22,0,10.17.99,13.59,2.97.54.36.81,0,.81-.36V56.48c0-.63-.09-.9-.54-1.17-2.97-1.53-8.1-2.34-13.77-2.34-13.59,0-20.88,7.38-20.88,17.01,0,6.75,2.88,12.33,13.95,17.01l4.32,1.8c6.84,2.88,9,5.4,9,8.73,0,3.87-3.15,6.75-10.53,6.75A30.284,30.284,0,0,1,3.96,99.59c-.36-.18-.72,0-.72.36v9.36a1.337,1.337,0,0,0,.63,1.35C7.56,112.64,13.05,113.9,19.62,113.9ZM68.58,67.73c-7.83,0-14.13,2.25-18.18,3.6a.421.421,0,0,0-.36.45c.18,1.26.27,4.23.27,5.31V131c0,.45.09.54.63.54.45,0,6.48-.54,9.63-.9.54-.09.63-.36.63-.72v-16.2a23.947,23.947,0,0,0,2.7.18c13.59,0,26.91-8.1,26.91-24.57C90.81,77.81,83.43,67.73,68.58,67.73ZM67.59,77c7.65,0,12.06,4.86,12.06,13.05,0,10.53-7.83,14.67-14.85,14.67a15.4,15.4,0,0,1-3.6-.27V77.9A20.311,20.311,0,0,1,67.59,77Zm58.77,16.29a68.553,68.553,0,0,0,9.27-.36.773.773,0,0,0,.72-.63,27.24,27.24,0,0,0,.36-5.58c0-8.55-5.13-18.99-18.45-18.99-13.59,0-21.15,11.07-21.15,23.58,0,11.07,5.85,22.59,22.23,22.59,6.12,0,10.08-.99,13.5-2.61a.953.953,0,0,0,.54-.99v-7.47c0-.45-.27-.54-.54-.36a28.36,28.36,0,0,1-11.16,2.16c-9.18,0-13.32-5.04-13.59-11.34Zm-18.27-7.74c.72-4.41,3.51-9.18,9.72-9.18a8.325,8.325,0,0,1,8.64,8.37v.72a44.109,44.109,0,0,1-4.95.09Zm68.49,18.18c0-.36-.18-.63-.63-.45a25.915,25.915,0,0,1-7.83.9c-6.93,0-14.04-3.78-14.04-13.59,0-8.64,5.76-13.5,13.95-13.5a21.157,21.157,0,0,1,7.74,1.17c.36.09.72.09.72-.54l.09-8.01c0-.54-.09-.81-.45-.99-1.53-.54-3.96-.99-8.46-.99-14.85,0-24.75,9.9-24.75,23.22,0,12.96,8.64,22.95,23.22,22.95,3.51,0,7.11-.27,9.99-1.44.36-.09.45-.27.45-.72Zm31.32,1.35c0-.54-.27-.63-.54-.54a15.253,15.253,0,0,1-3.42.36c-3.87,0-5.13-1.89-5.13-5.85V77.72h8.82c.45,0,.63-.18.63-.63V69.26c0-.45-.18-.63-.63-.63H198.9c0-4.41.18-9.72.45-12.69,0-.45-.18-.54-.63-.45l-9.09,1.26a.865.865,0,0,0-.72.81,94.991,94.991,0,0,0-.9,11.07h-5.67c-.54,0-.72.18-.72.72v7.56c0,.54.18.72.63.81h5.67v23.67c0,8.91,4.41,12.51,11.79,12.51a20.688,20.688,0,0,0,7.65-1.26c.45-.18.54-.54.54-1.08Zm7.74-36.45c-.45,0-.54.09-.54.54.36,2.97.45,8.19.45,12.06v31.05c0,.45.18.72.81.72h9.36c.54,0,.81-.18.81-.72V83.3c2.07-2.7,7.38-4.95,13.77-4.77.63,0,.81-.18.81-.63V68.36c0-.54-.18-.63-.72-.63a18.751,18.751,0,0,0-14.4,7.02,20.344,20.344,0,0,0-.9-5.4.892.892,0,0,0-.99-.72Zm69.12.63c0-.45-.09-.63-.63-.63h-9.45c-.54,0-.72.18-.72.63v31.95a11.413,11.413,0,0,1-8.19,3.24c-5.4,0-7.83-3.42-7.83-9V69.26c0-.45-.09-.63-.63-.63h-9.45c-.54,0-.72.09-.72.63V96.71c0,12.6,6.57,17.19,15.12,17.19a17.785,17.785,0,0,0,12.51-4.59,19.521,19.521,0,0,0,.63,3.15c.09.36.27.54.9.54h8.28c.54,0,.81-.18.72-.63a79.905,79.905,0,0,1-.54-9.27ZM306.36,113c.54,0,.72-.18.72-.72V80.51a12.664,12.664,0,0,1,8.55-3.33c4.86,0,7.56,2.88,7.56,8.82v26.19c0,.63.27.81.81.81h9.36c.54,0,.63-.27.63-.72V86.09a41.179,41.179,0,0,0-.27-5.31,12.749,12.749,0,0,1,8.82-3.69c5.49,0,7.56,4.05,7.56,9.18v25.92c0,.54.18.81.81.81h9.27c.45,0,.81-.18.81-.72v-27c0-13.59-7.74-17.55-15.21-17.55-6.12,0-10.89,2.61-14.76,5.94q-3.645-5.94-11.61-5.94a19.209,19.209,0,0,0-13.14,5.04,15.254,15.254,0,0,0-.54-3.6.855.855,0,0,0-.9-.54h-8.28c-.54,0-.81.18-.72.63.18,1.71.36,5.4.36,8.91v34.02c0,.54.18.81.72.81Z" transform="translate(313 74)" fill="#fff"/>
+    </g>
+  </g>
+</svg>
diff --git a/.storybook/logo.svg b/.storybook/logo.svg
new file mode 100644
index 00000000000..53f81fc1587
--- /dev/null
+++ b/.storybook/logo.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="700" height="220" viewBox="0 0 700 220">
+  <defs>
+    <clipPath id="clip-Custom_Size_2">
+      <rect width="700" height="335"/>
+    </clipPath>
+  </defs>
+  <g id="Custom_Size_2" data-name="Custom Size – 2" clip-path="url(#clip-Custom_Size_2)">
+    <g id="Group_2" data-name="Group 2" transform="translate(-22.432 4)">
+      <g id="Adobe_Corporate_logo" transform="translate(64.432 13.489)">
+        <g id="Group_1" data-name="Group 1">
+          <path id="Path_1" data-name="Path 1" d="M72.474,0H0V173.324Zm0,0" fill="#fa0c00"/>
+          <path id="Path_2" data-name="Path 2" d="M10.215,0h72.38V173.324Zm0,0" transform="translate(113.251)" fill="#fa0c00"/>
+          <path id="Path_3" data-name="Path 3" d="M37.165,5.285,83.294,114.728H53.029L39.243,79.884H5.484Zm0,0" transform="translate(60.805 58.596)" fill="#fa0c00"/>
+        </g>
+      </g>
+      <path id="Path_5" data-name="Path 5" d="M16.65,0c.45,0,.72-.18.72-.72V-22.68h7.74c.99,0,1.44.45,2.07,1.53C31.14-14.85,37.44-4.5,40.05-.45A1.5,1.5,0,0,0,41.31,0H52.56c.54,0,.45-.45.18-.99C50.13-5.49,39.33-21.6,36.36-25.74c6.57-2.43,11.61-8.01,11.61-15.84,0-11.52-8.46-17.73-22.86-17.73-6.93,0-10.71.09-17.82.27-.54,0-.63.36-.63.81V-.72c0,.54.18.72.72.72Zm.72-31.95V-49.68c1.44-.09,4.32-.18,7.38-.18,7.65,0,12.42,2.97,12.42,8.91,0,5.76-4.68,9-11.97,9ZM83.88-19.71a68.552,68.552,0,0,0,9.27-.36.773.773,0,0,0,.72-.63,27.238,27.238,0,0,0,.36-5.58c0-8.55-5.13-18.99-18.45-18.99-13.59,0-21.15,11.07-21.15,23.58C54.63-10.62,60.48.9,76.86.9c6.12,0,10.08-.99,13.5-2.61a.953.953,0,0,0,.54-.99v-7.47c0-.45-.27-.54-.54-.36A28.36,28.36,0,0,1,79.2-8.37c-9.18,0-13.32-5.04-13.59-11.34ZM65.61-27.45c.72-4.41,3.51-9.18,9.72-9.18a8.325,8.325,0,0,1,8.64,8.37v.72a44.112,44.112,0,0,1-4.95.09ZM125.37-8.73a16.454,16.454,0,0,1-6.39,1.08c-6.48,0-8.82-2.88-8.82-6.21,0-3.87,3.15-6.21,10.26-6.21a37.026,37.026,0,0,1,4.95.27ZM135.9-27.45c0-9.99-5.4-17.82-17.91-17.82a33.438,33.438,0,0,0-13.68,2.7.855.855,0,0,0-.54.9v7.83a.526.526,0,0,0,.72.54,26.772,26.772,0,0,1,11.79-2.52c7.92,0,9.09,4.68,9.09,6.75v1.08c-.81-.09-2.88-.18-5.58-.18-11.7,0-20.25,4.77-20.25,14.31C99.54-3.69,107.37.9,117.18.9c6.12,0,11.34-.9,18.72-4.05.18-.09.18-.18.18-.36-.18-1.89-.18-3.69-.18-5.67ZM177.75-9.27c0-.36-.18-.63-.63-.45a25.915,25.915,0,0,1-7.83.9c-6.93,0-14.04-3.78-14.04-13.59,0-8.64,5.76-13.5,13.95-13.5a21.157,21.157,0,0,1,7.74,1.17c.36.09.72.09.72-.54l.09-8.01c0-.54-.09-.81-.45-.99-1.53-.54-3.96-.99-8.46-.99-14.85,0-24.75,9.9-24.75,23.22C144.09-9.09,152.73.9,167.31.9c3.51,0,7.11-.27,9.99-1.44.36-.09.45-.27.45-.72Zm31.32,1.35c0-.54-.27-.63-.54-.54a15.253,15.253,0,0,1-3.42.36c-3.87,0-5.13-1.89-5.13-5.85V-35.28h8.82c.45,0,.63-.18.63-.63v-7.83c0-.45-.18-.63-.63-.63h-8.73c0-4.41.18-9.72.45-12.69,0-.45-.18-.54-.63-.45l-9.09,1.26a.865.865,0,0,0-.72.81,94.991,94.991,0,0,0-.9,11.07h-5.67c-.54,0-.72.18-.72.72v7.56c0,.54.18.72.63.81h5.67v23.67C189.09-2.7,193.5.9,200.88.9a20.689,20.689,0,0,0,7.65-1.26c.45-.18.54-.54.54-1.08ZM19.62,113.9c13.59,0,21.87-6.84,21.87-17.37,0-7.11-3.33-12.78-15.03-17.64l-3.42-1.44c-7.11-2.97-9.18-5.22-9.18-8.46,0-3.15,2.43-6.39,10.17-6.39,5.22,0,10.17.99,13.59,2.97.54.36.81,0,.81-.36V56.48c0-.63-.09-.9-.54-1.17-2.97-1.53-8.1-2.34-13.77-2.34-13.59,0-20.88,7.38-20.88,17.01,0,6.75,2.88,12.33,13.95,17.01l4.32,1.8c6.84,2.88,9,5.4,9,8.73,0,3.87-3.15,6.75-10.53,6.75A30.284,30.284,0,0,1,3.96,99.59c-.36-.18-.72,0-.72.36v9.36a1.337,1.337,0,0,0,.63,1.35C7.56,112.64,13.05,113.9,19.62,113.9ZM68.58,67.73c-7.83,0-14.13,2.25-18.18,3.6a.421.421,0,0,0-.36.45c.18,1.26.27,4.23.27,5.31V131c0,.45.09.54.63.54.45,0,6.48-.54,9.63-.9.54-.09.63-.36.63-.72v-16.2a23.947,23.947,0,0,0,2.7.18c13.59,0,26.91-8.1,26.91-24.57C90.81,77.81,83.43,67.73,68.58,67.73ZM67.59,77c7.65,0,12.06,4.86,12.06,13.05,0,10.53-7.83,14.67-14.85,14.67a15.4,15.4,0,0,1-3.6-.27V77.9A20.311,20.311,0,0,1,67.59,77Zm58.77,16.29a68.553,68.553,0,0,0,9.27-.36.773.773,0,0,0,.72-.63,27.24,27.24,0,0,0,.36-5.58c0-8.55-5.13-18.99-18.45-18.99-13.59,0-21.15,11.07-21.15,23.58,0,11.07,5.85,22.59,22.23,22.59,6.12,0,10.08-.99,13.5-2.61a.953.953,0,0,0,.54-.99v-7.47c0-.45-.27-.54-.54-.36a28.36,28.36,0,0,1-11.16,2.16c-9.18,0-13.32-5.04-13.59-11.34Zm-18.27-7.74c.72-4.41,3.51-9.18,9.72-9.18a8.325,8.325,0,0,1,8.64,8.37v.72a44.109,44.109,0,0,1-4.95.09Zm68.49,18.18c0-.36-.18-.63-.63-.45a25.915,25.915,0,0,1-7.83.9c-6.93,0-14.04-3.78-14.04-13.59,0-8.64,5.76-13.5,13.95-13.5a21.157,21.157,0,0,1,7.74,1.17c.36.09.72.09.72-.54l.09-8.01c0-.54-.09-.81-.45-.99-1.53-.54-3.96-.99-8.46-.99-14.85,0-24.75,9.9-24.75,23.22,0,12.96,8.64,22.95,23.22,22.95,3.51,0,7.11-.27,9.99-1.44.36-.09.45-.27.45-.72Zm31.32,1.35c0-.54-.27-.63-.54-.54a15.253,15.253,0,0,1-3.42.36c-3.87,0-5.13-1.89-5.13-5.85V77.72h8.82c.45,0,.63-.18.63-.63V69.26c0-.45-.18-.63-.63-.63H198.9c0-4.41.18-9.72.45-12.69,0-.45-.18-.54-.63-.45l-9.09,1.26a.865.865,0,0,0-.72.81,94.991,94.991,0,0,0-.9,11.07h-5.67c-.54,0-.72.18-.72.72v7.56c0,.54.18.72.63.81h5.67v23.67c0,8.91,4.41,12.51,11.79,12.51a20.688,20.688,0,0,0,7.65-1.26c.45-.18.54-.54.54-1.08Zm7.74-36.45c-.45,0-.54.09-.54.54.36,2.97.45,8.19.45,12.06v31.05c0,.45.18.72.81.72h9.36c.54,0,.81-.18.81-.72V83.3c2.07-2.7,7.38-4.95,13.77-4.77.63,0,.81-.18.81-.63V68.36c0-.54-.18-.63-.72-.63a18.751,18.751,0,0,0-14.4,7.02,20.344,20.344,0,0,0-.9-5.4.892.892,0,0,0-.99-.72Zm69.12.63c0-.45-.09-.63-.63-.63h-9.45c-.54,0-.72.18-.72.63v31.95a11.413,11.413,0,0,1-8.19,3.24c-5.4,0-7.83-3.42-7.83-9V69.26c0-.45-.09-.63-.63-.63h-9.45c-.54,0-.72.09-.72.63V96.71c0,12.6,6.57,17.19,15.12,17.19a17.785,17.785,0,0,0,12.51-4.59,19.521,19.521,0,0,0,.63,3.15c.09.36.27.54.9.54h8.28c.54,0,.81-.18.72-.63a79.905,79.905,0,0,1-.54-9.27ZM306.36,113c.54,0,.72-.18.72-.72V80.51a12.664,12.664,0,0,1,8.55-3.33c4.86,0,7.56,2.88,7.56,8.82v26.19c0,.63.27.81.81.81h9.36c.54,0,.63-.27.63-.72V86.09a41.179,41.179,0,0,0-.27-5.31,12.749,12.749,0,0,1,8.82-3.69c5.49,0,7.56,4.05,7.56,9.18v25.92c0,.54.18.81.81.81h9.27c.45,0,.81-.18.81-.72v-27c0-13.59-7.74-17.55-15.21-17.55-6.12,0-10.89,2.61-14.76,5.94q-3.645-5.94-11.61-5.94a19.209,19.209,0,0,0-13.14,5.04,15.254,15.254,0,0,0-.54-3.6.855.855,0,0,0-.9-.54h-8.28c-.54,0-.81.18-.72.63.18,1.71.36,5.4.36,8.91v34.02c0,.54.18.81.72.81Z" transform="translate(313 74)"/>
+    </g>
+  </g>
+</svg>
diff --git a/.storybook/preview.js b/.storybook/preview.js
index 9350311aa7a..ee79eb47c03 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -34,7 +34,17 @@ export const parameters = {
     source: {
       type: 'code'
     }
-  }
+  },
+  darkMode: {
+    light: {
+      brandTitle: 'React Spectrum',
+      brandImage: new URL('raw:logo.svg', import.meta.url).toString()
+    },
+    dark: {
+      brandTitle: 'React Spectrum',
+      brandImage: new URL('raw:logo-dark.svg', import.meta.url).toString()
+    }
+  },
 };
 
 export const decorators = [