eed91ba84d
* add storybook
* add storybook files
* add ToggleButton and AlertBanner stories
* add knobs addon
* add notes addon
* add ToggleButton and AlertsBanner notes
* move panel to right
* add ICon
* create story blueprint
* add header to blueprint
* upgrade to storybook 5.0.1
* add confirm-action stories
* move addon panel to bottom
* update ConfirmAction
* add jsdoc comments to alert banner component
* add AlertInline
* set showPanel to true in blueprint
* include newly generated markdown for stories
* adjust code example for toggle button
* add json-to-markdown to package.json
* update AuthForm
* add Storybook readme
* add AlertPopup
* add story markdown custom template
* make storybook dependencies optional
* center all stories
* use message-types helper to dynamically render alerts
* hide panel
* nest alert stories
* move icons into table
* separate homelink into multiple stories
* add homelink with nav example
* remove see links from alert-banner
* add script to autogenerate markdown from component and add it to stories
* add viewport addon and remove centered addon
* update README to include markdown generation
* remove @see links from jsdoc comments
* update README to include jsdoc example
* update alert banner md
* get rid of trailing ######
* update jsdoc and regenerate notes files
* update i-con md
* Update ui/scripts/gen-story-md.js
Co-Authored-By: noelledaley <noelledaley@users.noreply.github.com>
* Update ui/scripts/gen-story-md.js
Co-Authored-By: noelledaley <noelledaley@users.noreply.github.com>
* add storybook docs to vault ui readme
* add jsdoc comments to component blueprint, automatically import md file in story blueprint
* add template template to component blueprint override
* apply basic theme to storybook
* remove comment
* make sure all stories are using auto generated md
* storybook: show optional props in brackets
* storybook: 🔪 HomeLink
* storybook: show AuthConfigForm stories with knobs
33 lines
728 B
JavaScript
33 lines
728 B
JavaScript
import { create } from '@storybook/theming';
|
|
|
|
// Fonts and colors are pulled from _colors.scss and _bulma_variables.scss.
|
|
|
|
const uiGray300 = '#BAC1CC';
|
|
const uiGray900 = '#1f2124';
|
|
const blue500 = '#1563ff';
|
|
|
|
export default create({
|
|
base: 'light',
|
|
|
|
colorPrimary: uiGray900,
|
|
colorSecondary: blue500,
|
|
|
|
// UI
|
|
appBorderColor: uiGray300,
|
|
|
|
// Typography
|
|
fontBase: 'system-ui, -apple-system, BlinkMacSystemFont, sans-serif',
|
|
fontCode: '"SFMono-Regular", Consolas, monospace',
|
|
|
|
// Text colors
|
|
textColor: uiGray900,
|
|
|
|
// Toolbar default and active colors
|
|
barTextColor: uiGray300,
|
|
barSelectedColor: 'white',
|
|
barBg: uiGray900,
|
|
|
|
brandTitle: 'Vault UI Storybook',
|
|
brandUrl: 'https://www.vaultproject.io/',
|
|
});
|