grafana/packages/grafana-icons
Jack Westbrook 65b2834420
Grafana UI: Bump to Storybook 8 (#87722)
* chore(storybook): run yarn dlx storybook@latest upgrade

* chore(storybook): remove storybook/blocks patch

* chore(yarn): clean up storybook dependencies

* feat(storybook): migrate to v8 config via migration codemods

* refactor(storybook): update stories to use v8 types via codemod

* refactor(storybook): update stories to use preview-api instead of client-api

* refactor(storybook): replace mdx usage of ArgsTable with PureArgsTable

* refactor(storybook): migrate remaining mdx files to v8 storybook/blocks api

* refactor(storybook): clean up mdx imports and blocks component names

* chore(storybook): clean up typescript configuration

* fix(frontend): align types/react versions across monorepo so grafana ui can be built

* fix(storybook): pub back react-docgen-typescript and use ArgTypes so props tables work

* chore(storybook): patch blocks package to expose Preview component

* revert(storybook): revert changes related to using Canvas component in mdx files

* Storybook upgrade: Fix icon typing (#87793)

fix iconOptions typing

* refactor(storybook): prefer as const over asserting types

* revert(storybook): put back correct case in box.mdx

---------

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2024-05-15 15:49:00 +02:00
..
src Saga-icons: Forward SVG attributes (#87138) 2024-04-30 15:58:25 +01:00
svg Saga-icons: Add svgs (#85522) 2024-04-04 17:57:22 +03:00
templates Saga-icons: Forward SVG attributes (#87138) 2024-04-30 15:58:25 +01:00
.gitignore Grafana/icons: Add icons package (#82314) 2024-03-20 17:03:40 +02:00
.svgrrc.cjs Saga-icons: Switch to ESM (#84875) 2024-03-26 13:58:25 +02:00
CHANGELOG.md Grafana/icons: Add icons package (#82314) 2024-03-20 17:03:40 +02:00
LICENSE_APACHE2 Grafana/icons: Add icons package (#82314) 2024-03-20 17:03:40 +02:00
package.json Grafana UI: Bump to Storybook 8 (#87722) 2024-05-15 15:49:00 +02:00
README.md Grafana/icons: Add icons package (#82314) 2024-03-20 17:03:40 +02:00
rollup.config.ts Saga-icons: Add svgs (#85522) 2024-04-04 17:57:22 +03:00
tsconfig.build.json Grafana/icons: Add icons package (#82314) 2024-03-20 17:03:40 +02:00
tsconfig.json Grafana/icons: Add icons package (#82314) 2024-03-20 17:03:40 +02:00

Grafana Saga Icons

This package contains the icon React components used in Grafana and Grafana plugins.

Uploading a new icon

To add a new icon to the library, open a PR which adds the SVG file for the icon into the svg directory. The file should be named with the icon name in kebab-case. For example, if the icon name is MyIcon, the file should be named my-icon.svg. Once the PR is merged, the icon will be automatically generated and added to the library.

Development

  1. Clone the repository
  2. Run yarn install
  3. After the installation, the icon components can be found in the src/icons-gen directory.
  4. To regenerate/update the components, run yarn generate.