npm - @bethinkpl/design-system - Versions diffs - 15.2.0 → 16.0.0 - Mend

@bethinkpl/design-system 15.2.0 → 16.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (257) hide show

package/.eslintrc.js CHANGED Viewed

@@ -129,5 +129,9 @@ module.exports = {
 		// Required for Vue 3 migration
 		'vue/no-deprecated-slot-attribute': 'error',
 		'vue/no-deprecated-slot-scope-attribute': 'error',
+		// https://v3-migration.vuejs.org/breaking-changes/key-attribute.html
+		'vue/no-v-for-template-key': ['off'],
+		'vue/no-v-for-template-key-on-child': 'error',
 	},
 };

package/.storybook/main.js CHANGED Viewed

@@ -3,28 +3,36 @@ const path = require('path');
 module.exports = {
 	stories: ['../lib/**/*.stories.@(js|mdx|ts)'],
 	addons: [
+		'@storybook/addon-actions',
 		'@storybook/addon-docs',
 		'@storybook/addon-controls',
-		'@storybook/addon-actions',
 		'@storybook/addon-storysource',
 		'@storybook/addon-viewport',
 		'storybook-addon-designs',
 	],
+	core: {
+		builder: 'webpack5',
+	},
 	webpackFinal: async (config) => {
+		let vueLoaderRule = config.module.rules.find(
+			(r) =>
+				r.test &&
+				r.test.toString().includes('vue') &&
+				r.loader &&
+				r.loader.includes('vue-loader'),
+		);
 		// `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
 		// You can change the configuration based on that.
 		// 'PRODUCTION' is used when building the static version of storybook.
-		// // Storybook provides file-loader rule for svg. We have to disable it to make vue-svg-loader working
+		// // Storybook provides assets rule for svg. We have to disable it to make vue-svg-loader working
 		let fileLoaderRule = config.module.rules.find(
 			(r) =>
-				// it can be another rule with file loader
-				// we should get only svg related
 				r.test &&
 				r.test.toString().includes('svg') &&
-				// file-loader might be resolved to js file path so "endsWith" is not reliable enough
-				r.loader &&
-				r.loader.includes('file-loader'),
+				r.type &&
+				r.type === 'asset/resource',
 		);
 		fileLoaderRule.test = new RegExp(
 			fileLoaderRule.test.source.replace('svg|', ''),
@@ -51,7 +59,7 @@ module.exports = {
 			},
 			{
 				test: /\.svg$/,
-				use: ['vue-svg-loader'],
+				use: ['vue-loader', 'vue-svg-loader'],
 			},
 		);

package/dist/demo.html CHANGED Viewed

@@ -1,8 +1 @@
-<meta charset="utf-8">
-<title>design-system demo</title>
-<script src="./design-system.umd.js"></script>
-<script>
-console.log(design-system)
-</script>
+<!doctype html><meta charset="utf-8"><title>design-system demo</title><script src="./design-system.umd.js"></script><script>console.log(design-system)</script>