[Icons] Add keyboard major + minor icons (#8919)

skparkk · web-flow · commit e29f62ed7091 · 2023-04-17T07:00:33.000-07:00
### WHY are these changes introduced? This PR adds new keyboard major + minor icons to the polaris icon library. These icons will be used in the theme editor to visually represent keyboard shortcuts within a [rollup menu](https://screenshot.click/11-27-g9526-lm27x.png). A [branch](https://www.figma.com/file/mMHFt3kEDNjLMZWowi6gnt/branch/WWRtSK0wlnP4MBg4hQrJWC/Polaris-Icons?node-id=753-2&t=mJ5SP6cTbhk3eprM-0) has been created to add these icons to the polaris icon library in figma. Fixes #8918 ### 🎩 checklist - [x] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide
diff --git a/.changeset/nasty-mugs-drive.md b/.changeset/nasty-mugs-drive.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris-icons': major
+---
+
+Added new keyboard major + minor icons
diff --git a/polaris-icons/icons/KeyboardMajor.svg b/polaris-icons/icons/KeyboardMajor.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" d="M1 6.85C1 6.10441 1.60447 5.5 2.35 5.5H17.65C18.3955 5.5 19 6.10441 19 6.85V13.15C19 13.8956 18.3955 14.5 17.65 14.5H2.35C1.60447 14.5 1 13.8956 1 13.15V6.85ZM3.7 7.3H5.5V9.1H3.7V7.3ZM4.6 10.9V12.7H6.4V10.9H4.6ZM11.8 12.7H8.2V10.9H11.8V12.7ZM9.1 7.3H7.3V9.1H9.1V7.3ZM12.7 7.3H10.9V9.1H12.7V7.3ZM16.3 7.3H14.5V9.1H16.3V7.3ZM15.4 12.7V10.9H13.6V12.7H15.4Z" fill="#5C5F62"/>
+</svg>
diff --git a/polaris-icons/icons/KeyboardMajor.yml b/polaris-icons/icons/KeyboardMajor.yml
@@ -0,0 +1,12 @@
+name: Keyboard
+set: major
+description: Used to represent a keyboard or keyboard shortcuts.
+keywords:
+  - keyboard
+  - shortcuts
+authors:
+  - Arda Karaçizmeli
+version: 1
+date_added: 2023-04-11
+date_modified: 2023-04-11
+exclusive_use:
diff --git a/polaris-icons/icons/KeyboardMinor.svg b/polaris-icons/icons/KeyboardMinor.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" d="M3 7.55C3 6.9701 3.47014 6.5 4.05 6.5H15.95C16.5299 6.5 17 6.9701 17 7.55V12.45C17 13.0299 16.5299 13.5 15.95 13.5H4.05C3.47014 13.5 3 13.0299 3 12.45V7.55ZM5.1 7.9H6.5V9.3H5.1V7.9ZM5.8 10.7V12.1H7.2V10.7H5.8ZM11.4 12.1H8.6V10.7H11.4V12.1ZM9.3 7.9H7.9V9.3H9.3V7.9ZM12.1 7.9H10.7V9.3H12.1V7.9ZM14.9 7.9H13.5V9.3H14.9V7.9ZM14.2 12.1V10.7H12.8V12.1H14.2Z" fill="#5C5F62"/>
+</svg>
diff --git a/polaris-icons/icons/KeyboardMinor.yml b/polaris-icons/icons/KeyboardMinor.yml
@@ -0,0 +1,12 @@
+name: Keyboard
+set: minor
+description: Used to represent a keyboard or keyboard shortcuts.
+keywords:
+  - keyboard
+  - shortcuts
+authors:
+  - Arda Karaçizmeli
+version: 1
+date_added: 2023-04-11
+date_modified: 2023-04-11
+exclusive_use:

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@shopify/polaris-icons': major
 +---
++
 +Added new keyboard major + minor icons