@bethinkpl/design-system 26.14.9 → 26.15.0

package/.eslintrc.cjs

@@ -11,7 +11,6 @@ module.exports = {
 		node: true,
 		es6: true,
 		amd: true,
-		jest: true,
 	},
 	parser: 'vue-eslint-parser',
 	parserOptions: {

package/.storybook/main.ts

@@ -3,11 +3,9 @@ import { scssPreviewStylesPlugin } from './scss-preview-styles-plugin';
 
 const isProductionMode = () => {
 	return process.env.NODE_ENV === 'production';
-}
+};
 
-const ignoredProductionPlugins = [
-	'vite:dts',
-];
+const ignoredProductionPlugins = ['vite:dts'];
 
 const config: StorybookConfig = {
 	stories: ['../lib/**/*.stories.@(js|ts)'],
@@ -23,18 +21,20 @@ const config: StorybookConfig = {
 		{
 			from: '../lib/fonts',
 			to: '~design-system/lib/fonts',
-		}
+		},
 	],
 	framework: '@storybook/vue3-vite',
 	viteFinal: (config) => {
 		return {
 			...config,
 			plugins: [
-				...config.plugins.filter((plugin) => !ignoredProductionPlugins.includes((plugin as any)?.name)),
+				...config.plugins.filter(
+					(plugin) => !ignoredProductionPlugins.includes((plugin as any)?.name),
+				),
 				scssPreviewStylesPlugin({
 					isProductionMode: isProductionMode(),
-				})
-			]
+				}),
+			],
 		};
 	},
 };

package/.storybook/scss-preview-styles-plugin.ts

@@ -8,36 +8,36 @@ const previewStylesPath = path.resolve(__dirname, '../.storybook/preview.scss');
 // Custom plugin to compile global styles for storybook preview and load them at the very beginning
 // Due to the structure of our components, it's needed to load global styles before components styles
 export const scssPreviewStylesPlugin = ({ isProductionMode }) => ({
-    name: 'scss-preview-styles',
-    buildStart() {
-        if (isProductionMode) {
-            const result = sass.compile(previewStylesPath);
+	name: 'scss-preview-styles',
+	buildStart() {
+		if (isProductionMode) {
+			const result = sass.compile(previewStylesPath);
 
-            // Compile and save preview.css file, so we can serve it in build storybook (using preview-head.html)
-            if (!fs.existsSync(path.resolve(__dirname, '../public/storybook'))) {
-                fs.mkdirSync(path.resolve(__dirname, '../public/storybook'), { recursive: true });
-            }
+			// Compile and save preview.css file, so we can serve it in build storybook (using preview-head.html)
+			if (!fs.existsSync(path.resolve(__dirname, '../public/storybook'))) {
+				fs.mkdirSync(path.resolve(__dirname, '../public/storybook'), { recursive: true });
+			}
 
-            fs.writeFileSync(cssFilePath, result.css.toString());
-        }
-    },
-    configureServer(server) {
-        server.middlewares.use((req, res, next) => {
-            // Serve compiled CSS file in development mode so it's not required to manually compile the file upfront
-            if (req.originalUrl === '/preview.css' && !isProductionMode) {
-                res.setHeader('Content-Type', 'text/css');
-                res.end(sass.compile(previewStylesPath).css);
-            } else {
-                next();
-            }
-        });
-    },
-    handleHotUpdate({ file, server }) {
-        // Reload whole storybook on any scss change in order to catch and apply changes in global styles
-        if (file.endsWith('.scss')) {
-            server.ws.send({
-                type: 'full-reload',
-            });
-        }
-    },
-});
+			fs.writeFileSync(cssFilePath, result.css.toString());
+		}
+	},
+	configureServer(server) {
+		server.middlewares.use((req, res, next) => {
+			// Serve compiled CSS file in development mode so it's not required to manually compile the file upfront
+			if (req.originalUrl === '/preview.css' && !isProductionMode) {
+				res.setHeader('Content-Type', 'text/css');
+				res.end(sass.compile(previewStylesPath).css);
+			} else {
+				next();
+			}
+		});
+	},
+	handleHotUpdate({ file, server }) {
+		// Reload whole storybook on any scss change in order to catch and apply changes in global styles
+		if (file.endsWith('.scss')) {
+			server.ws.send({
+				type: 'full-reload',
+			});
+		}
+	},
+});