From 5c732a8e25083528a639da9374de9ae12eb3bf7c Mon Sep 17 00:00:00 2001
From: matt423 <matthew.a423@gmail.com>
Date: Thu, 5 Dec 2024 11:14:54 +0000
Subject: [PATCH] chore: Add navigation icons

* Add organization, account and app icons for use in navigation menu
---
 package.json                                  |  2 +-
 .../Icon/__snapshots__/Icon.stories.tsx.snap  | 45 +++++++++++++++++++
 src/core/icons/icon-gui-account.svg           |  3 ++
 src/core/icons/icon-gui-app.svg               |  3 ++
 src/core/icons/icon-gui-organization.svg      |  3 ++
 5 files changed, 55 insertions(+), 1 deletion(-)
 create mode 100644 src/core/icons/icon-gui-account.svg
 create mode 100644 src/core/icons/icon-gui-app.svg
 create mode 100644 src/core/icons/icon-gui-organization.svg

diff --git a/package.json b/package.json
index cad1c0861..ce4231e8c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "15.1.2",
+  "version": "15.1.3",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",
diff --git a/src/core/Icon/__snapshots__/Icon.stories.tsx.snap b/src/core/Icon/__snapshots__/Icon.stories.tsx.snap
index e45efd44c..a45c0aed3 100644
--- a/src/core/Icon/__snapshots__/Icon.stories.tsx.snap
+++ b/src/core/Icon/__snapshots__/Icon.stories.tsx.snap
@@ -1638,6 +1638,36 @@ exports[`Components/Icon GUIIcons smoke-test 1`] = `
       </div>
     </div>
   </div>
+  <div class="border p-16 flex flex-col sm:flex-row items-center justify-between gap-12 rounded-lg">
+    <code class="ui-text-code text-neutral-1300 dark:text-neutral-000 mb-8 block">
+      icon-gui-account
+    </code>
+    <div class="border inline-flex flex-0">
+      <div class="flex pi-checkered-bg">
+        <svg class="text-cool-black hover:text-active-orange"
+             style="width: 1.5rem; height: 1.5rem;"
+        >
+          <use xlink:href="#sprite-icon-gui-account">
+          </use>
+        </svg>
+      </div>
+    </div>
+  </div>
+  <div class="border p-16 flex flex-col sm:flex-row items-center justify-between gap-12 rounded-lg">
+    <code class="ui-text-code text-neutral-1300 dark:text-neutral-000 mb-8 block">
+      icon-gui-app
+    </code>
+    <div class="border inline-flex flex-0">
+      <div class="flex pi-checkered-bg">
+        <svg class="text-cool-black hover:text-active-orange"
+             style="width: 1.5rem; height: 1.5rem;"
+        >
+          <use xlink:href="#sprite-icon-gui-app">
+          </use>
+        </svg>
+      </div>
+    </div>
+  </div>
   <div class="border p-16 flex flex-col sm:flex-row items-center justify-between gap-12 rounded-lg">
     <code class="ui-text-code text-neutral-1300 dark:text-neutral-000 mb-8 block">
       icon-gui-arrow-bidirectional-horizontal
@@ -2163,6 +2193,21 @@ exports[`Components/Icon GUIIcons smoke-test 1`] = `
       </div>
     </div>
   </div>
+  <div class="border p-16 flex flex-col sm:flex-row items-center justify-between gap-12 rounded-lg">
+    <code class="ui-text-code text-neutral-1300 dark:text-neutral-000 mb-8 block">
+      icon-gui-organization
+    </code>
+    <div class="border inline-flex flex-0">
+      <div class="flex pi-checkered-bg">
+        <svg class="text-cool-black hover:text-active-orange"
+             style="width: 1.5rem; height: 1.5rem;"
+        >
+          <use xlink:href="#sprite-icon-gui-organization">
+          </use>
+        </svg>
+      </div>
+    </div>
+  </div>
   <div class="border p-16 flex flex-col sm:flex-row items-center justify-between gap-12 rounded-lg">
     <code class="ui-text-code text-neutral-1300 dark:text-neutral-000 mb-8 block">
       icon-gui-partial
diff --git a/src/core/icons/icon-gui-account.svg b/src/core/icons/icon-gui-account.svg
new file mode 100644
index 000000000..6891f8e3b
--- /dev/null
+++ b/src/core/icons/icon-gui-account.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 3.73167V3C4 2.50272 4.19754 2.02581 4.54917 1.67417C4.90081 1.32254 5.37772 1.125 5.875 1.125H12.125C12.6223 1.125 13.0992 1.32254 13.4508 1.67417C13.8025 2.02581 14 2.50272 14 3V3.73167M4 3.73167C4.19583 3.6625 4.40583 3.625 4.625 3.625H13.375C13.5942 3.625 13.8042 3.6625 14 3.73167M4 3.73167C3.63434 3.86095 3.31777 4.10043 3.09391 4.41713C2.87004 4.73383 2.74988 5.11216 2.75 5.5V6.23167M14 3.73167C14.3657 3.86095 14.6822 4.10043 14.9061 4.41713C15.13 4.73383 15.2501 5.11216 15.25 5.5V6.23167M2.75 6.23167C2.94583 6.1625 3.15583 6.125 3.375 6.125H14.625C14.8379 6.12475 15.0492 6.16083 15.25 6.23167M2.75 6.23167C2.02167 6.48917 1.5 7.18333 1.5 8V13C1.5 13.4973 1.69754 13.9742 2.04917 14.3258C2.40081 14.6775 2.87772 14.875 3.375 14.875H14.625C15.1223 14.875 15.5992 14.6775 15.9508 14.3258C16.3025 13.9742 16.5 13.4973 16.5 13V8C16.5001 7.61216 16.38 7.23383 16.1561 6.91713C15.9322 6.60043 15.6157 6.36095 15.25 6.23167" stroke="#03020D" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/core/icons/icon-gui-app.svg b/src/core/icons/icon-gui-app.svg
new file mode 100644
index 000000000..025a0c84a
--- /dev/null
+++ b/src/core/icons/icon-gui-app.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.125 3C1.125 2.50272 1.32254 2.02581 1.67417 1.67417C2.02581 1.32254 2.50272 1.125 3 1.125H4.875C5.37228 1.125 5.84919 1.32254 6.20082 1.67417C6.55246 2.02581 6.75 2.50272 6.75 3V4.875C6.75 5.37228 6.55246 5.84919 6.20082 6.20082C5.84919 6.55246 5.37228 6.75 4.875 6.75H3C2.50272 6.75 2.02581 6.55246 1.67417 6.20082C1.32254 5.84919 1.125 5.37228 1.125 4.875V3ZM1.125 11.125C1.125 10.6277 1.32254 10.1508 1.67417 9.79917C2.02581 9.44754 2.50272 9.25 3 9.25H4.875C5.37228 9.25 5.84919 9.44754 6.20082 9.79917C6.55246 10.1508 6.75 10.6277 6.75 11.125V13C6.75 13.4973 6.55246 13.9742 6.20082 14.3258C5.84919 14.6775 5.37228 14.875 4.875 14.875H3C2.50272 14.875 2.02581 14.6775 1.67417 14.3258C1.32254 13.9742 1.125 13.4973 1.125 13V11.125ZM9.25 3C9.25 2.50272 9.44754 2.02581 9.79917 1.67417C10.1508 1.32254 10.6277 1.125 11.125 1.125H13C13.4973 1.125 13.9742 1.32254 14.3258 1.67417C14.6775 2.02581 14.875 2.50272 14.875 3V4.875C14.875 5.37228 14.6775 5.84919 14.3258 6.20082C13.9742 6.55246 13.4973 6.75 13 6.75H11.125C10.6277 6.75 10.1508 6.55246 9.79917 6.20082C9.44754 5.84919 9.25 5.37228 9.25 4.875V3ZM9.25 11.125C9.25 10.6277 9.44754 10.1508 9.79917 9.79917C10.1508 9.44754 10.6277 9.25 11.125 9.25H13C13.4973 9.25 13.9742 9.44754 14.3258 9.79917C14.6775 10.1508 14.875 10.6277 14.875 11.125V13C14.875 13.4973 14.6775 13.9742 14.3258 14.3258C13.9742 14.6775 13.4973 14.875 13 14.875H11.125C10.6277 14.875 10.1508 14.6775 9.79917 14.3258C9.44754 13.9742 9.25 13.4973 9.25 13V11.125Z" stroke="#03020D" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/core/icons/icon-gui-organization.svg b/src/core/icons/icon-gui-organization.svg
new file mode 100644
index 000000000..11d55d823
--- /dev/null
+++ b/src/core/icons/icon-gui-organization.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.125 16.5H14.875M1.75 1.5H14.25M2.375 1.5V16.5M13.625 1.5V16.5M5.5 4.625H6.75M5.5 7.125H6.75M5.5 9.625H6.75M9.25 4.625H10.5M9.25 7.125H10.5M9.25 9.625H10.5M5.5 16.5V13.6875C5.5 13.17 5.92 12.75 6.4375 12.75H9.5625C10.08 12.75 10.5 13.17 10.5 13.6875V16.5" stroke="#03020D" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>