Merge pull request #20621 from storybookjs/add-sun-moon-icons

UI: Add Sun, Moon, Sidebyside, and stacked icons
storybookjs · Jan 18, 2023 · 28e34ac · 28e34ac
2 parents 125361e + 6bbd56f
commit 28e34ac
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 4 deletions.
diff --git a/code/addons/toolbars/template/stories/preview.ts b/code/addons/toolbars/template/stories/preview.ts
@@ -6,10 +6,10 @@ export const globalTypes = {
       icon: 'circlehollow',
       title: 'Theme',
       items: [
-        { value: 'light', icon: 'circlehollow', title: 'light' },
-        { value: 'dark', icon: 'circle', title: 'dark' },
-        { value: 'side-by-side', icon: 'sidebar', title: 'side by side' },
-        { value: 'stacked', icon: 'bottombar', title: 'stacked' },
+        { value: 'light', icon: 'sun', title: 'light' },
+        { value: 'dark', icon: 'moon', title: 'dark' },
+        { value: 'side-by-side', icon: 'sidebyside', title: 'side by side' },
+        { value: 'stacked', icon: 'stacked', title: 'stacked' },
       ],
     },
   },

diff --git a/code/ui/components/src/icon/icons.tsx b/code/ui/components/src/icon/icons.tsx
@@ -1106,6 +1106,40 @@ export const icons = {
       <path d="M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11Z" />
     </>
   ),
+  sidebyside: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M1 1.5c0-.27.22-.5.5-.5h11c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11ZM2 12V2h5v10H2Z"
+      />
+    </>
+  ),
+  stacked: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M12.5 1c.28 0 .5.23.5.5v11a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11c0-.27.22-.5.5-.5h11ZM2 2h10v5H2V2Z"
+      />
+    </>
+  ),
+  sun: (
+    <>
+      <path d="M7.5.5a.5.5 0 0 0-1 0V2a.5.5 0 0 0 1 0V.5Z" />
+      <path
+        fillRule="evenodd"
+        d="M7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0-1a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
+      />
+      <path d="M7 11.5c.28 0 .5.22.5.5v1.5a.5.5 0 0 1-1 0V12c0-.28.22-.5.5-.5ZM11.5 7c0-.28.22-.5.5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5ZM.5 6.5a.5.5 0 0 0 0 1H2a.5.5 0 0 0 0-1H.5ZM3.82 10.18c.2.2.2.51 0 .7l-1.06 1.07a.5.5 0 1 1-.71-.7l1.06-1.07c.2-.2.51-.2.7 0ZM11.95 2.76a.5.5 0 1 0-.7-.71l-1.07 1.06a.5.5 0 1 0 .7.7l1.07-1.05ZM10.18 10.18c.2-.2.51-.2.7 0l1.07 1.06a.5.5 0 1 1-.7.71l-1.07-1.06a.5.5 0 0 1 0-.7ZM2.76 2.05a.5.5 0 1 0-.71.7l1.06 1.07a.5.5 0 0 0 .7-.7L2.77 2.04Z" />
+    </>
+  ),
+  moon: (
+    <>
+      <path
+        fillRule="evenodd"
+        d="M7.78.04a7.03 7.03 0 0 0-4.28.9 7 7 0 1 0 9.87 8.96c.1-.21-.14-.41-.36-.32a4.98 4.98 0 0 1-2 .42A5 5 0 0 1 8.53.65c.2-.12.19-.44-.04-.49a7.04 7.04 0 0 0-.72-.12Zm-1.27.98a6 6 0 0 0 4.98 9.96 6 6 0 1 1-4.98-9.96Z"
+      />
+    </>
+  ),
   book: (
     <>
       <path