feat(Icon): add shortcut icons to IconsShowcase

livechat · Jan 31, 2025 · 6148876 · 6148876
1 parent 1261f91
commit 6148876
Show file tree

Hide file tree

Showing 14 changed files with 62 additions and 18 deletions.
diff --git a/packages/icons/svg/ShortcutArrowBack.svg b/packages/icons/svg/ShortcutArrowBack.svg
diff --git a/packages/icons/svg/ShortcutArrowDown.svg b/packages/icons/svg/ShortcutArrowDown.svg
diff --git a/packages/icons/svg/ShortcutArrowRight.svg b/packages/icons/svg/ShortcutArrowRight.svg
diff --git a/packages/icons/svg/ShortcutArrowUp.svg b/packages/icons/svg/ShortcutArrowUp.svg
diff --git a/packages/icons/svg/ShortcutCapsLock.svg b/packages/icons/svg/ShortcutCapsLock.svg
diff --git a/packages/icons/svg/ShortcutCommand.svg b/packages/icons/svg/ShortcutCommand.svg
diff --git a/packages/icons/svg/ShortcutControl.svg b/packages/icons/svg/ShortcutControl.svg
diff --git a/packages/icons/svg/ShortcutDelete.svg b/packages/icons/svg/ShortcutDelete.svg
diff --git a/packages/icons/svg/ShortcutEnter.svg b/packages/icons/svg/ShortcutEnter.svg
diff --git a/packages/icons/svg/ShortcutOption.svg b/packages/icons/svg/ShortcutOption.svg
diff --git a/packages/icons/svg/ShortcutShift.svg b/packages/icons/svg/ShortcutShift.svg
diff --git a/packages/icons/svg/ShortcutTab.svg b/packages/icons/svg/ShortcutTab.svg
diff --git a/packages/react-components/src/components/Icon/Icon.stories.tsx b/packages/react-components/src/components/Icon/Icon.stories.tsx
@@ -12,67 +12,62 @@ const iterator = Object.keys(TablerIcons);
 
 const SHORTCUT_ITEMS = [
   {
-    icon: TablerIcons.AccountCircle,
+    icon: TablerIcons.ShortcutCommand,
     text: 'Command',
     unicode: '⌘',
   },
   {
-    icon: TablerIcons.Activities,
+    icon: TablerIcons.ShortcutOption,
     text: 'Option',
     unicode: '⌥ ',
   },
   {
-    icon: TablerIcons.HandWave,
+    icon: TablerIcons.ShortcutControl,
     text: 'Control',
     unicode: '⌃',
   },
   {
-    icon: TablerIcons.HandWave,
+    icon: TablerIcons.ShortcutShift,
     text: 'Shift',
     unicode: '⇧',
   },
   {
-    icon: TablerIcons.HandWave,
+    icon: TablerIcons.ShortcutTab,
     text: 'Tab',
     unicode: '⇥',
   },
   {
-    icon: TablerIcons.HandWave,
+    icon: TablerIcons.ShortcutCapsLock,
     text: 'Caps Lock',
     unicode: '⇪',
   },
   {
-    icon: TablerIcons.HandWave,
-    text: 'Escape',
-    unicode: '⎋',
-  },
-  {
-    icon: TablerIcons.HandWave,
-    text: 'Backspace',
+    icon: TablerIcons.ShortcutDelete,
+    text: 'Delete',
     unicode: '⌫',
   },
   {
-    icon: TablerIcons.HandWave,
+    icon: TablerIcons.ShortcutEnter,
     text: 'Enter',
     unicode: '↵',
   },
   {
-    icon: TablerIcons.HandWave,
+    icon: TablerIcons.ShortcutArrowUp,
     text: 'Arrow up',
     unicode: '↑',
   },
   {
-    icon: TablerIcons.HandWave,
+    icon: TablerIcons.ShortcutArrowDown,
     text: 'Arrow down',
     unicode: '↓',
   },
   {
-    icon: TablerIcons.HandWave,
+    icon: TablerIcons.ShortcutArrowBack,
     text: 'Arrow left',
     unicode: '←',
   },
   {
-    icon: TablerIcons.HandWave,
+    icon: TablerIcons.ShortcutArrowRight,
     text: 'Arrow right',
     unicode: '→',
   },

diff --git a/packages/react-components/src/components/Icon/IconsShowcase/constans.ts b/packages/react-components/src/components/Icon/IconsShowcase/constans.ts
@@ -462,6 +462,18 @@ export const IconsData: Record<IconName, IconGroup> = {
   LayoutSidebarLeft: IconGroup.General,
   SquareRoundedPlusFilled: IconGroup.General,
   SquareRoundedPlus: IconGroup.General,
+  ShortcutCommand: IconGroup.General,
+  ShortcutOption: IconGroup.General,
+  ShortcutShift: IconGroup.General,
+  ShortcutTab: IconGroup.General,
+  ShortcutCapsLock: IconGroup.General,
+  ShortcutControl: IconGroup.General,
+  ShortcutDelete: IconGroup.General,
+  ShortcutEnter: IconGroup.General,
+  ShortcutArrowUp: IconGroup.General,
+  ShortcutArrowDown: IconGroup.General,
+  ShortcutArrowBack: IconGroup.General,
+  ShortcutArrowRight: IconGroup.General,
 
   //Brands
   ChipCopilotColored: IconGroup.Brands,