# PDH-Design-System-React


Storybook project for the react portion of design system of the [Pacific Data Hub](https://pacificdata.org/).

# Usage

To run the storybook, use the following command:

```bash
npm run storybook
```

To run the storybook with debugging, use the following command:

```bash
npm run sb-debug
```


To build storybook for static production use while also copying assets and commpiling scss, use the following command:

```bash
npm run build
```

To build a static export of the storybook, use the following command:

```bash
npm run build-storybook
```

Just copy assets

```bash
npm run copyassets
```

Just compile scss

```bash
npm run sassy
```

# Theme

To set the theme of the storybook, set the STORYBOOK_THEME environment variable to either "dark" or "light".

```bash
STORYBOOK_THEME=dark npm run storybook
```