mirror of
https://github.com/bitwarden/browser
synced 2025-12-06 00:13:28 +00:00
8c7faf49d5
* create the pricing library * Create pricing-card.component * Refactor the code * feat: Add pricing card component library * Fix the test failing error * Address billing pr comments * feat: Add Storybook documentation and stories for pricing-card component * Fix some ui feedback * Changes from the display and sizes * feat(billing): refactor pricing card with flexible title slots and active badge * Enhance pricing card with flexible design and button icons * refactor: organize pricing card files into dedicated folder * Complete pricing card enhancements with Chromatic feedback fixes * refactor base on pr coments * Fix the button alignment * Update all the card to have the same height * Fix the slot issue on the title * Fix the Lint format issue * Add the header in the stories book
76 lines
2.4 KiB
TypeScript
76 lines
2.4 KiB
TypeScript
import { dirname, join } from "path";
|
|
|
|
import { StorybookConfig } from "@storybook/angular";
|
|
import remarkGfm from "remark-gfm";
|
|
import TsconfigPathsPlugin from "tsconfig-paths-webpack-plugin";
|
|
|
|
const config: StorybookConfig = {
|
|
stories: [
|
|
"../libs/auth/src/**/*.mdx",
|
|
"../libs/auth/src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
"../libs/dirt/card/src/**/*.mdx",
|
|
"../libs/dirt/card/src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
"../libs/pricing/src/**/*.mdx",
|
|
"../libs/pricing/src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
"../libs/tools/send/send-ui/src/**/*.mdx",
|
|
"../libs/tools/send/send-ui/src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
"../libs/vault/src/**/*.mdx",
|
|
"../libs/vault/src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
"../libs/components/src/**/*.mdx",
|
|
"../libs/components/src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
"../apps/web/src/**/*.mdx",
|
|
"../apps/web/src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
"../apps/browser/src/**/*.mdx",
|
|
"../apps/browser/src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
"../bitwarden_license/bit-web/src/**/*.mdx",
|
|
"../bitwarden_license/bit-web/src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
"../libs/angular/src/**/*.stories.@(js|jsx|ts|tsx)",
|
|
],
|
|
addons: [
|
|
getAbsolutePath("@storybook/addon-links"),
|
|
getAbsolutePath("@storybook/addon-essentials"),
|
|
getAbsolutePath("@storybook/addon-a11y"),
|
|
getAbsolutePath("@storybook/addon-designs"),
|
|
getAbsolutePath("@storybook/addon-interactions"),
|
|
getAbsolutePath("@storybook/addon-themes"),
|
|
{
|
|
// @storybook/addon-docs is part of @storybook/addon-essentials
|
|
// eslint-disable-next-line storybook/no-uninstalled-addons
|
|
name: "@storybook/addon-docs",
|
|
options: {
|
|
mdxPluginOptions: {
|
|
mdxCompileOptions: {
|
|
remarkPlugins: [remarkGfm],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
],
|
|
framework: {
|
|
name: getAbsolutePath("@storybook/angular"),
|
|
options: {},
|
|
},
|
|
core: {
|
|
disableTelemetry: true,
|
|
},
|
|
env: (config) => ({
|
|
...config,
|
|
FLAGS: JSON.stringify({}),
|
|
}),
|
|
webpackFinal: async (config, { configType }) => {
|
|
if (config.resolve) {
|
|
config.resolve.plugins = [new TsconfigPathsPlugin()] as any;
|
|
}
|
|
return config;
|
|
},
|
|
docs: {},
|
|
staticDirs: ["../apps/web/src/images"],
|
|
};
|
|
|
|
export default config;
|
|
|
|
// Recommended for mono-repositories
|
|
function getAbsolutePath(value: string): any {
|
|
return dirname(require.resolve(join(value, "package.json")));
|
|
}
|