feat(context-drawer): create context-drawer package and install deps

Author: stephl3

README.md

@@ -81,6 +81,7 @@ import Button from '@leafygreen-ui/button';
 | [@leafygreen-ui/code](./packages/code)                               | [![version](https://img.shields.io/npm/v/@leafygreen-ui/code)](https://www.npmjs.com/package/@leafygreen-ui/code)                               | ![downloads](https://img.shields.io/npm/dm/@leafygreen-ui/code?color=white)                | [Live Example](http://mongodb.design/component/code/live-example)                     |
 | [@leafygreen-ui/combobox](./packages/combobox)                       | [![version](https://img.shields.io/npm/v/@leafygreen-ui/combobox)](https://www.npmjs.com/package/@leafygreen-ui/combobox)                       | ![downloads](https://img.shields.io/npm/dm/@leafygreen-ui/combobox?color=white)            | [Live Example](http://mongodb.design/component/combobox/live-example)                 |
 | [@leafygreen-ui/confirmation-modal](./packages/confirmation-modal)   | [![version](https://img.shields.io/npm/v/@leafygreen-ui/confirmation-modal)](https://www.npmjs.com/package/@leafygreen-ui/confirmation-modal)   | ![downloads](https://img.shields.io/npm/dm/@leafygreen-ui/confirmation-modal?color=white)  | [Live Example](http://mongodb.design/component/confirmation-modal/live-example)       |
+| [@leafygreen-ui/context-drawer](./packages/context-drawer)           | [![version](https://img.shields.io/npm/v/@leafygreen-ui/context-drawer)](https://www.npmjs.com/package/@leafygreen-ui/context-drawer)           | ![downloads](https://img.shields.io/npm/dm/@leafygreen-ui/context-drawer?color=white)      | [Live Example](http://mongodb.design/component/context-drawer/live-example)           |
 | [@leafygreen-ui/copyable](./packages/copyable)                       | [![version](https://img.shields.io/npm/v/@leafygreen-ui/copyable)](https://www.npmjs.com/package/@leafygreen-ui/copyable)                       | ![downloads](https://img.shields.io/npm/dm/@leafygreen-ui/copyable?color=white)            | [Live Example](http://mongodb.design/component/copyable/live-example)                 |
 | [@leafygreen-ui/date-picker](./packages/date-picker)                 | [![version](https://img.shields.io/npm/v/@leafygreen-ui/date-picker)](https://www.npmjs.com/package/@leafygreen-ui/date-picker)                 | ![downloads](https://img.shields.io/npm/dm/@leafygreen-ui/date-picker?color=white)         | [Live Example](http://mongodb.design/component/date-picker/live-example)              |
 | [@leafygreen-ui/date-utils](./packages/date-utils)                   | [![version](https://img.shields.io/npm/v/@leafygreen-ui/date-utils)](https://www.npmjs.com/package/@leafygreen-ui/date-utils)                   | ![downloads](https://img.shields.io/npm/dm/@leafygreen-ui/date-utils?color=white)          | [Live Example](http://mongodb.design/component/date-utils/live-example)               |

packages/context-drawer/README.md

@@ -0,0 +1,25 @@
+# Context Drawer
+
+![npm (scoped)](https://img.shields.io/npm/v/@leafygreen-ui/context-drawer.svg)
+
+#### [View on MongoDB.design](https://www.mongodb.design/component/context-drawer/live-example/)
+
+## Installation
+
+### PNPM
+
+```shell
+pnpm add @leafygreen-ui/context-drawer
+```
+
+### Yarn
+
+```shell
+yarn add @leafygreen-ui/context-drawer
+```
+
+### NPM
+
+```shell
+npm install @leafygreen-ui/context-drawer
+```

packages/context-drawer/package.json

@@ -0,0 +1,55 @@
+  
+{
+  "name": "@leafygreen-ui/context-drawer",
+  "version": "0.1.0",
+  "description": "LeafyGreen UI Kit Context Drawer",
+  "main": "./dist/umd/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "license": "Apache-2.0",
+  "exports": {
+    ".": {
+      "require": "./dist/umd/index.js",
+      "import": "./dist/esm/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./testing": {
+      "require": "./dist/umd/testing/index.js",
+      "import": "./dist/esm/testing/index.js",
+      "types": "./dist/types/testing/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "lg-build bundle",
+    "tsc": "lg-build tsc",
+    "docs": "lg-build docs"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@leafygreen-ui/button": "workspace:^",
+    "@leafygreen-ui/emotion": "workspace:^",
+    "@leafygreen-ui/hooks": "workspace:^",
+    "@leafygreen-ui/icon": "workspace:^",
+    "@leafygreen-ui/lib": "workspace:^",
+    "@leafygreen-ui/palette": "workspace:^",
+    "@leafygreen-ui/tokens": "workspace:^"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^8.0.2",
+    "@storybook/test": "8.5.3",
+    "@lg-tools/build": "workspace:^"
+  },
+  "peerDependencies": {
+    "@leafygreen-ui/leafygreen-provider": "workspace:^"
+  },
+  "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/context-drawer",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mongodb/leafygreen-ui"
+  },
+  "bugs": {
+    "url": "https://jira.mongodb.org/projects/LG/summary"
+  }
+}

packages/context-drawer/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "extends": "@lg-tools/build/config/package.tsconfig.json",
+   "compilerOptions": {
+    "paths": {
+      "@leafygreen-ui/icon/dist/*": ["../icon/src/generated/*"],
+      "@leafygreen-ui/*": ["../*/src"]
+    }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["**/*.spec.*", "**/*.stories.*"],
+  "references": [
+    {
+      "path": "../button"
+    },
+    {
+      "path": "../emotion"
+    },
+    {
+      "path": "../hooks"
+    },
+    {
+      "path": "../icon"
+    },
+    {
+      "path": "../leafygreen-provider"
+    },
+    {
+      "path": "../lib"
+    },
+    {
+      "path": "../palette"
+    },
+    {
+      "path": "../tokens"
+    }
+  ]
+}

pnpm-lock.yaml

@@ -15,6 +15,7 @@ export const ALL_PACKAGES = [
   '@leafygreen-ui/code',
   '@leafygreen-ui/combobox',
   '@leafygreen-ui/confirmation-modal',
+  '@leafygreen-ui/context-drawer',
   '@leafygreen-ui/copyable',
   '@leafygreen-ui/date-picker',
   '@leafygreen-ui/date-utils',