feat(typography)!: recolor CodeBlock and migrate to prism-react-renderer v2

docs/migration.md

@@ -222,6 +222,12 @@ consider additional positioning prop support on a case-by-case basis.
 
 #### @zendeskgarden/react-typography
 
+- `CodeBlock`: The `language` set has been reduced from 32 to 13, for a
+  significant decrease in bundle size. If you encounter any essential languages
+  that are missing, please [create an
+  issue](https://github.com/zendeskgarden/react-components/issues). Garden will
+  evaluate incorporating any business-critical
+  [languages](https://prismjs.com/#supported-languages).
 - The following React component types have changed:
   - `Span.Icon`: `HTMLAttributes<HTMLElement>` -> `SVGAttributes<SVGElement>`
   - `Span.StartIcon`: `HTMLAttributes<HTMLElement>` -> `SVGAttributes<SVGElement>`

packages/typography/demo/stories/data.ts

@@ -94,6 +94,14 @@ button,
 +important new additions
 +to this document.
 `,
+  graphql: `query HeroNameAndFriends($episode: Episode) {
+  hero(episode: $episode) {
+    name
+    friends {
+      name
+    }
+  }
+}`,
   javascript: `
 Prism.languages.markup = {
   comment: /<!--[\\s\\S]*?-->/,
@@ -177,6 +185,13 @@ Prism.languages.markup = {
       "updated_at": "2018-01-01T10:20:30Z"
     }
   ]
+}`,
+  jsx: `function getGreeting(user) {
+  if (user) {
+    return <h1>Hello, {formatName(user)}</h1>;
+  }
+
+  return <h1>Hello, stranger</h1>;
 }`,
   markdown: `
 # Title 1
@@ -431,7 +446,20 @@ export const execute = async (args: IGitHubPagesArgs): Promise<string | undefine
   }
 
   return retVal;
-};`
+};`,
+  yaml: `name: PR
+on:
+  pull_request:
+    types: [opened, labeled, unlabeled, synchronize]
+jobs:
+  label:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: mheap/github-action-required-labels@v5
+        with:
+          mode: exactly
+          count: 1 # Require exactly 1 label
+          labels: 'PR: Breaking Change :boom:, PR: Bug Fix :bug:, PR: Docs :memo:, PR: Internal :seedling:, PR: New Feature :rocket:'`
 };
 
 export const LIST_ITEMS: IListItem[] = [

packages/typography/package.json

@@ -23,7 +23,8 @@
   "dependencies": {
     "@zendeskgarden/container-scrollregion": "^1.0.9",
     "polished": "^4.3.1",
-    "prism-react-renderer": "^1.1.1",
+    "prism-react-renderer": "^2.3.1",
+    "prismjs": "^1.29.0",
     "prop-types": "^15.5.7"
   },
   "peerDependencies": {