open-index/open-npm huggingface dataset:
npm package: @pluralsight/ps-design-system-icon
Description: Design System component for icon ui
Author: jaketrent
Latest version: 25.4.1

This is currently not working as automatically as we'd like. If there is another large quantity of new icons or old icon adjustments, this will probably want to be improved before then.

## To Produce New Svgs

1. Draw SVGs in Sketch in the same file as the other icons (see Dmitry for file)
1. Export with the [svgo](https://github.com/BohemianCoding/svgo-compressor) plugin. It doesn't seem to make a ton of difference (xlink is used either way, and that's unfortunate)

## To Add New Icon Svgs

1. Name icons \*.icon.svg
1. Put in the `src/svg` directory
1. Add `role="img" and aria-label="<iconId here> icon"` to the root `svg` element of each icon
1. Manually refactor the svg to not use xlink/defs.
1. Run `npm run build` in the `packages/icon` directory (new `*.svg.dist.js` files will generate new icon ids automatically)
1. Manually spot check the look of the new icons in the reference site at `/components/icon`
1. Update the snapshot test
npm package: @pluralsight/ps-design-system-storybook-addon-theme
Description: Storybook addon for Theme switching
Author: jaketrent
Latest version: 9.1.25

# Storybook Addon Theme

Storybook Addon Theme can be used to change the background color and default theme inside the preview in [Storybook](https://storybook.js.org).

![Storybook screenshot](https://user-images.githubusercontent.com/679346/113085270-c0c51800-919c-11eb-8325-d41f32fc2b50.png)

## Installation

Theme is part of [@pluralsight/ps-design-system-storybook-preset](https://github.com/pluralsight/design-system/tree/master/packages/storybook-preset) or you can install it individually with:

```sh
npm i -D @pluralsight/ps-design-system-storybook-addon-theme
```

## Configuration

Add the following to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project):

```js
module.exports = {
  addons: ['@pluralsight/ps-design-system-storybook-addon-theme']
}
```

## Usage

Stories will default to the `dark` theme.

Override the default for a single story, all of a component's stories, or for all stories with the `theme.name` parameter (*[see more instructions here](https://storybook.js.org/docs/react/writing-stories/parameters)*):

```js
theme: { name: 'light' }
```

Disable the theme with the `theme.disable` parameter:

```typescript jsx
theme: { disable: true }
```

If you're using Storybook's [addon-essentials](https://storybook.js.org/docs/react/essentials/introduction) you'll probably want to disable the `Background` addon since it also sets the background. Add the following to `.storybook/preview.js`:
```js
parameters: {
  backgrounds: { disable: true }
}
```