mirror of
https://github.com/grafana/grafana.git
synced 2025-02-12 08:35:43 -06:00
dcc02a8ebe
* feat(sass): introduce font-file-path var to define where to load fonts from * feat(storybook): introduce storybook sass theme styles to set font file paths * chore(sass): change imports so treated as sass rather than css * feat(storybook): filter assets so builds dont contain thousands of files
57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
import 'jquery';
|
|
import '../../../public/vendor/flot/jquery.flot.js';
|
|
import '../../../public/vendor/flot/jquery.flot.selection';
|
|
import '../../../public/vendor/flot/jquery.flot.time';
|
|
import '../../../public/vendor/flot/jquery.flot.stack';
|
|
import '../../../public/vendor/flot/jquery.flot.stackpercent';
|
|
import '../../../public/vendor/flot/jquery.flot.fillbelow';
|
|
import '../../../public/vendor/flot/jquery.flot.crosshair';
|
|
import '../../../public/vendor/flot/jquery.flot.dashes';
|
|
import '../../../public/vendor/flot/jquery.flot.gauge';
|
|
import { withTheme } from '../src/utils/storybook/withTheme';
|
|
import { ThemedDocsContainer } from '../src/utils/storybook/ThemedDocsContainer';
|
|
// @ts-ignore
|
|
import lightTheme from './grafana.light.scss';
|
|
// @ts-ignore
|
|
import darkTheme from './grafana.dark.scss';
|
|
import { GrafanaLight, GrafanaDark } from './storybookTheme';
|
|
|
|
const handleThemeChange = (theme: any) => {
|
|
if (theme !== 'light') {
|
|
lightTheme.unuse();
|
|
darkTheme.use();
|
|
} else {
|
|
darkTheme.unuse();
|
|
lightTheme.use();
|
|
}
|
|
};
|
|
|
|
export const decorators = [withTheme(handleThemeChange)];
|
|
|
|
export const parameters = {
|
|
actions: { argTypesRegex: '^on[A-Z].*' },
|
|
darkMode: {
|
|
dark: GrafanaDark,
|
|
light: GrafanaLight,
|
|
},
|
|
docs: {
|
|
container: ThemedDocsContainer,
|
|
},
|
|
knobs: {
|
|
disable: true,
|
|
},
|
|
layout: 'fullscreen',
|
|
options: {
|
|
showPanel: true,
|
|
panelPosition: 'right',
|
|
showNav: true,
|
|
isFullscreen: false,
|
|
isToolshown: true,
|
|
storySort: {
|
|
method: 'alphabetical',
|
|
// Order Docs Overview and Docs Overview/Intro story first
|
|
order: ['Docs Overview', ['Intro']],
|
|
},
|
|
},
|
|
};
|