b5b41da183
* storybook v2 init * Merge config into storybook vite build * Remove path * Storybook config tweaks * Added styles and settings for storybook v2, and started working on button documentation and examples. * Badges + flex wrap on mobile * Breadcrumbs+button+avatar * Checkbox * Input + moving files around * WIP table * WIP table grid * Replaced imports for new components. * Added first steps for varianttable. * Small alignment fix. * Custom Args Table - With scrollbar * Adding table to components that need it + darkmode * Add intro * Fix types * Remove V1 storybook and replace with V2 * Fix badge type error * Fixed storybook dependencies * Added cover image to storybook * Remove vita from ts config, we dont use vite. * Fixed button import. * Explained postcss pseudo plugin. * Fixed badge import. * Add Avatar Stories * ButtonGroup Stories * Fixed imports * Add checkbox stories * Add exports for differnt types of inputs * Fix form and text area input * Fix mass import errors Co-authored-by: Jeroen Reumkens <hello@jeroenreumkens.nl> Co-authored-by: Alex van Andel <me@alexvanandel.com>
23 lines
828 B
JavaScript
23 lines
828 B
JavaScript
module.exports = {
|
|
plugins: {
|
|
tailwindcss: {},
|
|
autoprefixer: {},
|
|
/**
|
|
* We use this postcss plugin to create custom css classes for
|
|
* any pseudo classes (eg hover, focus) mentioned below.
|
|
* This way you can eg show a hover state in Storybook by adding
|
|
* this classname .sb-pseudo--hover to the item.
|
|
*
|
|
* These styles will only be added in storybook, and will NOT
|
|
* end up in the final css bundle of apps using the components.
|
|
*/
|
|
"postcss-pseudo-companion-classes": {
|
|
prefix: "sb-pseudo--",
|
|
// We have to keep a restrictTo list here, because otherwise
|
|
// this library will have issues processing tailwind's \: prefixed classes
|
|
// and start adding dots everywhere, breaking this functionality.
|
|
restrictTo: [":hover", ":focus"],
|
|
},
|
|
},
|
|
};
|