From 925976ad4537e6f5932d3881e787741d0e36da90 Mon Sep 17 00:00:00 2001
From: Josh <83074763+joshuajames-smith@users.noreply.github.com>
Date: Mon, 14 Feb 2022 15:03:18 +0000
Subject: [PATCH] feat: Add `Shortcuts` Icons (#94)

* feat: add shift-key.svg

* feat: add `backspace-key.svg`

* feat: add `enter-key.svg`

* feat: add `enter-key.svg`

* feat: add `up-arrow.svg`

* feat: add `down-arrow.svg`

* feat: add `left-arrow.svg`

* feat: add `right-arrow.svg`

* feat: add `help-center.svg`

* feat: add `keyboard-shortcut.svg`

* feat: update icons.ts

Co-authored-by: Christian Baidoo <37402968+ChrisBaidoo@users.noreply.github.com>
---
 src/assets/icons/backspace-key.svg     | 1 +
 src/assets/icons/down-arrow.svg        | 1 +
 src/assets/icons/enter-key.svg         | 1 +
 src/assets/icons/help-center.svg       | 1 +
 src/assets/icons/keyboard-shortcut.svg | 1 +
 src/assets/icons/left-arrow.svg        | 1 +
 src/assets/icons/right-arrow.svg       | 1 +
 src/assets/icons/shift-key.svg         | 1 +
 src/assets/icons/up-arrow.svg          | 1 +
 src/icons.ts                           | 9 +++++++++
 10 files changed, 18 insertions(+)
 create mode 100644 src/assets/icons/backspace-key.svg
 create mode 100644 src/assets/icons/down-arrow.svg
 create mode 100644 src/assets/icons/enter-key.svg
 create mode 100644 src/assets/icons/help-center.svg
 create mode 100644 src/assets/icons/keyboard-shortcut.svg
 create mode 100644 src/assets/icons/left-arrow.svg
 create mode 100644 src/assets/icons/right-arrow.svg
 create mode 100644 src/assets/icons/shift-key.svg
 create mode 100644 src/assets/icons/up-arrow.svg

diff --git a/src/assets/icons/backspace-key.svg b/src/assets/icons/backspace-key.svg
new file mode 100644
index 0000000..caa61eb
--- /dev/null
+++ b/src/assets/icons/backspace-key.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.24 510.24"><path d="M481.32,45.66l-285.21-1a44.38,44.38,0,0,0-31.69,13.17L13,223.12a44.84,44.84,0,0,0,0,63.05l152.41,166.2a44.34,44.34,0,0,0,31.54,13.17H481.22a29,29,0,0,0,29-29V74.67A29,29,0,0,0,481.32,45.66Zm-17,374H197.54l-151.25-165L196.6,90.57l267.76.91Z"/><path d="M215.24,331.24l16.94,16.94a9.52,9.52,0,0,0,13.47,0l62.65-62.66L371,348.18a9.52,9.52,0,0,0,13.47,0l16.93-16.94a9.52,9.52,0,0,0,0-13.47L338.7,255.12l62.65-62.65a9.52,9.52,0,0,0,0-13.47l-16.93-16.94a9.52,9.52,0,0,0-13.47,0L308.3,224.71l-62.65-62.65a9.52,9.52,0,0,0-13.47,0L215.24,179a9.52,9.52,0,0,0,0,13.47l62.65,62.65-62.65,62.65A9.52,9.52,0,0,0,215.24,331.24Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/down-arrow.svg b/src/assets/icons/down-arrow.svg
new file mode 100644
index 0000000..0b4c917
--- /dev/null
+++ b/src/assets/icons/down-arrow.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.24 510.24"><g id="Icons_File_-_Annotate_Artboard_1_copy_45" data-name="Icons File - Annotate Artboard 1 copy 45"><path id="Path_284" data-name="Path 284" d="M228.68,337l-80.26-80.27a5.61,5.61,0,0,0-7.95,0l-.12.12-29.1,29.62a5.76,5.76,0,0,0,0,7.95h0l125.3,124.75h0a26.46,26.46,0,0,0,37.15-.06L398.93,293.84a5.61,5.61,0,0,0,0-7.95l-.12-.12-29.62-29.06a5.76,5.76,0,0,0-8.05.1L281.5,337.05V89.22a5.65,5.65,0,0,0-1.67-4h0a5.61,5.61,0,0,0-4.08-1.65l-41.36.38a5.62,5.62,0,0,0-5.71,5.54V337Z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/enter-key.svg b/src/assets/icons/enter-key.svg
new file mode 100644
index 0000000..4e7c5e9
--- /dev/null
+++ b/src/assets/icons/enter-key.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.24 510.24"><path d="M435.24,315a33.13,33.13,0,0,0,33.1-33.1V107.34a33.13,33.13,0,0,0-33.1-33.1H319.52a8.63,8.63,0,0,0-8.62,8.62v30.76a8.63,8.63,0,0,0,8.62,8.62H420.34V267H124.81l84.51-84.51a8.63,8.63,0,0,0,0-12.19l-21.75-21.75a8.63,8.63,0,0,0-12.19,0l-127,127a22.05,22.05,0,0,0,0,31.19L175,433.47a8.61,8.61,0,0,0,12.19,0L209,411.72a8.63,8.63,0,0,0,0-12.19L124.47,315Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/help-center.svg b/src/assets/icons/help-center.svg
new file mode 100644
index 0000000..79f64f5
--- /dev/null
+++ b/src/assets/icons/help-center.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.24 510.24"><path d="M432.69,77.55A251.12,251.12,0,0,0,77.55,432.69,251.12,251.12,0,0,0,432.69,77.55Zm-74,239.37A122.92,122.92,0,0,0,359,185.83L415.87,129a204.15,204.15,0,0,1,3,248.15Zm-27.1-65.83A76.44,76.44,0,1,1,309.17,197,76.53,76.53,0,0,1,331.56,251.09ZM377.22,91.27,321,147.54a122.94,122.94,0,0,0-131.66,0L133.1,91.35a204.18,204.18,0,0,1,244.12-.08ZM94.44,129.06l56.77,56.77a122.94,122.94,0,0,0,.36,131.09L91.35,377.14a203.91,203.91,0,0,1,3.09-248.08ZM129.06,415.8l60.8-60.8a122.94,122.94,0,0,0,130.52,0l60.8,60.8a203.93,203.93,0,0,1-252.12,0Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/keyboard-shortcut.svg b/src/assets/icons/keyboard-shortcut.svg
new file mode 100644
index 0000000..89d2d13
--- /dev/null
+++ b/src/assets/icons/keyboard-shortcut.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.24 510.24"><path d="M445.54.68H65.64A64.53,64.53,0,0,0,1.18,65.29V445c0,.56,0,1.11,0,1.67s0,1.08.05,1.61.08,1.11.12,1.66.07,1.08.13,1.62.13,1.08.2,1.61.13,1.09.21,1.62.19,1.05.28,1.58.18,1.07.29,1.6.24,1,.36,1.55.23,1.06.36,1.57.29,1,.44,1.54.28,1,.44,1.53.34,1,.51,1.52.32,1,.5,1.48.39,1,.59,1.48.37,1,.57,1.45.44,1,.65,1.45.42.94.64,1.41.49.95.74,1.43.45.91.69,1.35.55,1,.83,1.44.47.85.73,1.26.59.92.88,1.38.52.84.8,1.25.61.86.92,1.3l.88,1.23c.32.42.66.84,1,1.25s.61.8.93,1.19.7.81,1.05,1.21.64.76,1,1.13.74.78,1.12,1.17.67.72,1,1.07.75.71,1.12,1.07.74.72,1.12,1.07.74.64,1.11,1,.82.72,1.24,1.07.78.61,1.17.92l1.26,1c.41.31.84.59,1.25.89s.85.62,1.29.91.79.51,1.18.76.95.63,1.44.92.74.42,1.11.64c.53.31,1.05.62,1.59.92s.79.4,1.18.6,1.06.56,1.61.82c.37.18.76.34,1.14.52.57.26,1.14.53,1.72.77.37.16.74.29,1.11.44.61.24,1.21.49,1.82.72.41.15.82.27,1.23.41.59.21,1.17.42,1.77.6.41.13.83.24,1.25.36.6.17,1.2.36,1.82.51.43.11.86.2,1.3.3.6.15,1.21.3,1.82.42s.95.17,1.43.26,1.16.22,1.75.31,1,.13,1.51.19,1.14.16,1.72.22,1.36.11,2,.16c.42,0,.82.07,1.24.09,1.1.06,2.21.09,3.32.09H445.59A64.54,64.54,0,0,0,510.05,445V65.1A64.51,64.51,0,0,0,445.54.68ZM457.38,442a14.9,14.9,0,0,1-10.48,14.25,15.1,15.1,0,0,1-4.44.67H69.76A14.82,14.82,0,0,1,64,455.71a15,15,0,0,1-3.68-2.23,15.05,15.05,0,0,1-3.63-4.4,14.86,14.86,0,0,1-1.8-7.11V69.26a14.86,14.86,0,0,1,1.8-7.11,15.05,15.05,0,0,1,3.63-4.4A15,15,0,0,1,64,55.52a14.82,14.82,0,0,1,5.81-1.18h372.7a14.94,14.94,0,0,1,14.92,14.92Z"/><rect x="127.77" y="335.75" width="256.68" height="52" rx="14.62"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/left-arrow.svg b/src/assets/icons/left-arrow.svg
new file mode 100644
index 0000000..3fe1681
--- /dev/null
+++ b/src/assets/icons/left-arrow.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.24 510.24"><g id="Icons_File_-_Annotate_Artboard_1_copy_45" data-name="Icons File - Annotate Artboard 1 copy 45"><path id="Path_284" data-name="Path 284" d="M173.28,228.68l80.27-80.26a5.63,5.63,0,0,0,0-7.95l-.12-.12-29.62-29.1a5.76,5.76,0,0,0-7.95,0h0L91.11,236.55h0a26.45,26.45,0,0,0,.06,37.15L216.4,398.93a5.61,5.61,0,0,0,7.95,0l.12-.12,29.06-29.62a5.77,5.77,0,0,0-.1-8.05L173.18,281.5H421a5.67,5.67,0,0,0,4.06-1.67h0a5.66,5.66,0,0,0,1.65-4.08l-.38-41.36a5.63,5.63,0,0,0-5.54-5.71H173.28Z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/right-arrow.svg b/src/assets/icons/right-arrow.svg
new file mode 100644
index 0000000..7b49bf4
--- /dev/null
+++ b/src/assets/icons/right-arrow.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.24 510.24"><g id="Icons_File_-_Annotate_Artboard_1_copy_45" data-name="Icons File - Annotate Artboard 1 copy 45"><path id="Path_284" data-name="Path 284" d="M337,281.55l-80.27,80.27a5.61,5.61,0,0,0,0,7.95l.12.12L286.43,399a5.76,5.76,0,0,0,7.95,0h0L419.13,273.68h0a26.46,26.46,0,0,0-.06-37.15L293.84,111.3a5.63,5.63,0,0,0-7.95,0l-.12.12L256.71,141a5.76,5.76,0,0,0,.1,8.05l80.24,79.65H89.22a5.61,5.61,0,0,0-4,1.67h0a5.61,5.61,0,0,0-1.65,4.07l.38,41.37a5.61,5.61,0,0,0,5.54,5.7H337Z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/shift-key.svg b/src/assets/icons/shift-key.svg
new file mode 100644
index 0000000..8de2718
--- /dev/null
+++ b/src/assets/icons/shift-key.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.24 510.24"><path d="M484.34,258.58l-203-203a37.05,37.05,0,0,0-52.4,0l-203,203a49.73,49.73,0,0,0,35.16,84.89H117.4v103a19,19,0,0,0,19,19H385.72a19,19,0,0,0,19-19v-103h44.43a49.73,49.73,0,0,0,35.17-84.89ZM374.81,293.74a19.79,19.79,0,0,0-19.8,19.8V415.8H167.14V313.54a19.8,19.8,0,0,0-19.8-19.8H61.06L255.12,99.68,449.17,293.74Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/up-arrow.svg b/src/assets/icons/up-arrow.svg
new file mode 100644
index 0000000..b94210f
--- /dev/null
+++ b/src/assets/icons/up-arrow.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510.24 510.24"><g id="Icons_File_-_Annotate_Artboard_1_copy_45" data-name="Icons File - Annotate Artboard 1 copy 45"><path id="Path_284" data-name="Path 284" d="M281.55,173.28l80.27,80.27a5.63,5.63,0,0,0,7.95,0l.12-.12L399,223.81a5.76,5.76,0,0,0,0-7.95h0L273.68,91.11h0a26.45,26.45,0,0,0-37.15.06L111.3,216.4a5.63,5.63,0,0,0,0,7.95l.12.12L141,253.53a5.77,5.77,0,0,0,8.05-.1l79.65-80.25V421a5.63,5.63,0,0,0,1.67,4.06h0a5.65,5.65,0,0,0,4.07,1.65l41.37-.38a5.62,5.62,0,0,0,5.7-5.54V173.28Z"/></g></svg>
\ No newline at end of file
diff --git a/src/icons.ts b/src/icons.ts
index 3713bdb..4c48e5a 100644
--- a/src/icons.ts
+++ b/src/icons.ts
@@ -11,7 +11,12 @@ const icons = {
   annotationTransparency: imgSrc("annotation-transparency-icon"),
   autoAssign: imgSrc("auto-assign-assignees"),
   audit: imgSrc("audit"),
+  arrowDown: imgSrc("down-arrow"),
+  arrowLeft: imgSrc("left-arrow"),
+  arrowRight: imgSrc("right-arrow"),
+  arrowUp: imgSrc("up-arrow"),
   backspace: imgSrc("backspace-icon"),
+  backspaceKey: imgSrc("backspace-key"),
   backgroundSettings: imgSrc("background-settings"),
   betaStatus: imgSrc("beta-status"),
   boundingBox: imgSrc("bounding-box-icon"),
@@ -36,9 +41,12 @@ const icons = {
   download: imgSrc("download-icon"),
   edit: imgSrc("open-in-annotate"),
   eraser: imgSrc("eraser-icon"),
+  enterKey: imgSrc("enter-key"),
   fill: imgSrc("fill-icon"),
   fitToPage: imgSrc("fit-to-page-icon"),
+  helpCenter: imgSrc("help-center"),
   imageViewer: imgSrc("image-viewer"),
+  keyboardShortcut: imgSrc("keyboard-shortcut"),
   largeImageGrid: imgSrc("large-image-grid"),
   lassoSpline: imgSrc("lasso-spline-icon"),
   magicSpline: imgSrc("magic-spline-icon"),
@@ -69,6 +77,7 @@ const icons = {
   select: imgSrc("select-icon"),
   selectedChip: imgSrc("active-annotation-label-search-filter"),
   notSelectedChip: imgSrc("non-active-annotation-label-search-filter"),
+  shiftKey: imgSrc("shift-key"),
   showHidePassword: imgSrc("show-hide-password"),
   showStrokeAsPixels: imgSrc("show-strokes-as-pixels"),
   smallImageGrid: imgSrc("small-image-grid"),