Add support for Python syntax highlighting in code component (#333)

Author: musabsohail

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectara/vectara-ui",
-  "version": "13.10.0",
+  "version": "13.11.0",
   "homepage": "./",
   "description": "Vectara's design system, codified as a React and Sass component library",
   "author": "Vectara",

src/docs/pages/code/Languages.tsx

@@ -38,7 +38,10 @@ export const sayValue = ({ value }: Config) => {
 
   js: `export const sayValue = ({ value }) => {
   console.log(value);
-};`
+};`,
+
+  py: `def isThreshold(value: int, threshold: int) -> bool:
+    return value > threshold`
 } as const;
 
 type Language = keyof typeof languageToSampleMap;

src/lib/components/code/Code.tsx

@@ -10,6 +10,7 @@ import "prismjs/components/prism-typescript";
 import "prismjs/components/prism-bash";
 import "prismjs/components/prism-jsx";
 import "prismjs/components/prism-tsx";
+import "prismjs/components/prism-python";
 import { VuiIconButton } from "../button/IconButton";
 import { VuiIcon } from "../icon/Icon";
 import { CodeLanguage } from "./types";

src/lib/components/code/types.ts

@@ -1 +1 @@
-export type CodeLanguage = "json" | "js" | "ts" | "jsx" | "tsx" | "bash" | "none";
+export type CodeLanguage = "json" | "js" | "ts" | "jsx" | "tsx" | "bash" | "py" | "none";