chore: remove deprecated Chrome component and document Kbd component (#699)

Author: jzempel

content/nav/components.yml

@@ -46,8 +46,6 @@
           title: Toggle button
         - id: /components/toggle-icon-button
           title: Toggle icon button
-    - title: Chrome
-      id: /components/chrome
     - title: Code block
       id: /components/code-block
     - title: Color picker
@@ -136,6 +134,8 @@
       items:
         - title: Code
           id: /components/code
+        - title: Kbd
+          id: /components/kbd
         - title: Lists
           id: /components/lists
         - title: Paragraph

content/nav/design.yml

@@ -14,5 +14,3 @@
           title: Overview
         - id: /design/icons/library
           title: Library
-        - id: /design/icons/chrome-icons
-          title: Chrome icons

package-lock.json

@@ -35,27 +35,27 @@
     "@zendeskgarden/container-utilities": "2.0.2",
     "@zendeskgarden/css-bedrock": "10.0.1",
     "@zendeskgarden/eslint-config": "44.0.1",
-    "@zendeskgarden/react-accordions": "9.10.1",
-    "@zendeskgarden/react-avatars": "9.10.1",
-    "@zendeskgarden/react-breadcrumbs": "9.10.1",
-    "@zendeskgarden/react-buttons": "9.10.1",
-    "@zendeskgarden/react-chrome": "9.10.1",
-    "@zendeskgarden/react-colorpickers": "9.10.1",
-    "@zendeskgarden/react-datepickers": "9.10.1",
-    "@zendeskgarden/react-draggable": "9.10.1",
-    "@zendeskgarden/react-dropdowns": "9.10.1",
-    "@zendeskgarden/react-forms": "9.10.1",
-    "@zendeskgarden/react-grid": "9.10.1",
-    "@zendeskgarden/react-loaders": "9.10.1",
-    "@zendeskgarden/react-modals": "9.10.1",
-    "@zendeskgarden/react-notifications": "9.10.1",
-    "@zendeskgarden/react-pagination": "9.10.1",
-    "@zendeskgarden/react-tables": "9.10.1",
-    "@zendeskgarden/react-tabs": "9.10.1",
-    "@zendeskgarden/react-tags": "9.10.1",
-    "@zendeskgarden/react-theming": "9.10.1",
-    "@zendeskgarden/react-tooltips": "9.10.1",
-    "@zendeskgarden/react-typography": "9.10.1",
+    "@zendeskgarden/react-accordions": "9.11.2",
+    "@zendeskgarden/react-avatars": "9.11.2",
+    "@zendeskgarden/react-breadcrumbs": "9.11.2",
+    "@zendeskgarden/react-buttons": "9.11.2",
+    "@zendeskgarden/react-chrome": "9.11.2",
+    "@zendeskgarden/react-colorpickers": "9.11.2",
+    "@zendeskgarden/react-datepickers": "9.11.2",
+    "@zendeskgarden/react-draggable": "9.11.2",
+    "@zendeskgarden/react-dropdowns": "9.11.2",
+    "@zendeskgarden/react-forms": "9.11.2",
+    "@zendeskgarden/react-grid": "9.11.2",
+    "@zendeskgarden/react-loaders": "9.11.2",
+    "@zendeskgarden/react-modals": "9.11.2",
+    "@zendeskgarden/react-notifications": "9.11.2",
+    "@zendeskgarden/react-pagination": "9.11.2",
+    "@zendeskgarden/react-tables": "9.11.2",
+    "@zendeskgarden/react-tabs": "9.11.2",
+    "@zendeskgarden/react-tags": "9.11.2",
+    "@zendeskgarden/react-theming": "9.11.2",
+    "@zendeskgarden/react-tooltips": "9.11.2",
+    "@zendeskgarden/react-typography": "9.11.2",
     "@zendeskgarden/scripts": "2.4.3",
     "@zendeskgarden/stylelint-config": "22.0.0",
     "@zendeskgarden/svg-icons": "7.5.0",

package.json

@@ -9,7 +9,7 @@ import React from 'react';
 import { PALETTE } from '@zendeskgarden/react-theming';
 import { Avatar } from '@zendeskgarden/react-avatars';
 import { Grid } from '@zendeskgarden/react-grid';
-import { ReactComponent as ZendeskIcon } from '@zendeskgarden/svg-icons/src/26/zendesk.svg';
+import { ReactComponent as ZendeskIcon } from '@zendeskgarden/svg-icons/src/16/zendesk-stroke.svg';
 import { ReactComponent as UserIcon } from '@zendeskgarden/svg-icons/src/16/user-solo-stroke.svg';
 
 const Example = () => (