@unimelb/pattern-lib-vue 14.9.0 → 16.0.0-alpha.2

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 (3) hide show
  1. package/.out/vue.js +2 -2
  2. package/README.md +1 -1
  3. package/package.json +84 -41
package/README.md CHANGED
@@ -17,7 +17,7 @@ The contents of this repository have been produced by The University of Melbourn
17
17
 
18
18
  The design system requires:
19
19
 
20
- - [Node](https://nodejs.org/en/) (>=14.17.2)
20
+ - [Node](https://nodejs.org/en/) (v16)
21
21
  - [Yarn](https://yarnpkg.com/lang/en/docs/install/) (latest version)
22
22
 
23
23
  ```bash
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@unimelb/pattern-lib-vue",
3
3
  "description": "A complete design system for the University of Melbourne.",
4
- "version": "14.9.0",
4
+ "version": "16.0.0-alpha.2",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/unimelb/pattern-lib.git"
@@ -9,7 +9,7 @@
9
9
  "author": "The University of Melbourne",
10
10
  "license": "UNLICENSED",
11
11
  "engines": {
12
- "node": ">=14.17.2",
12
+ "node": "^20.16.0",
13
13
  "yarn": "*"
14
14
  },
15
15
  "main": ".out/vue.js",
@@ -19,14 +19,14 @@
19
19
  "scripts": {
20
20
  "prebuild": "rimraf .out/docs",
21
21
  "prebuild:lib": "rimraf .out/lib",
22
- "build": "build-storybook -c .storybook -o .out/docs",
22
+ "build": "storybook build -o .out/docs",
23
23
  "build:lib": "run-p build:lib:standard build:lib:minify",
24
24
  "build:lib:standard": "cross-env NODE_ENV=production webpack --config targets/lib/webpack.config.js",
25
25
  "build:lib:minify": "cross-env NODE_ENV=production MINIFY_CSS=true webpack --config targets/lib/webpack.minify.config.js",
26
26
  "build:vue": "cross-env NODE_ENV=production webpack --config targets/vue/webpack.config.js",
27
27
  "clean:snapshots": "rimraf snapshots/__tests__/__image_snapshots__/__diff_output__",
28
- "dev": "start-storybook -p 7002 -c .storybook",
29
- "dev:public": "start-storybook -p 7002 -h 0.0.0.0 -c .storybook",
28
+ "dev": "storybook dev -p 7002",
29
+ "dev:public": "start-storybook -p 7002 -h 0.0.0.0",
30
30
  "start:lib": "webpack-dev-server --port 7003 --config targets/lib/webpack.config.js",
31
31
  "docker": "docker compose --profile dev up --abort-on-container-exit --remove-orphans",
32
32
  "docker:build": "cross-env MODE=build docker compose run --rm storybook",
@@ -45,39 +45,59 @@
45
45
  "dependencies": {
46
46
  "@fontsource-variable/fraunces": "^5.0.21",
47
47
  "@fontsource/source-sans-pro": "^5.0.8",
48
+ "@storybook/channels": "^8.1.11",
49
+ "@storybook/global": "^5.0.0",
50
+ "@storybook/preview-api": "^8.1.11",
51
+ "@storybook/test": "^8.1.11",
52
+ "@vue/compat": "^3.4.35",
53
+ "@vue/vue3-jest": "^29.2.6",
48
54
  "babel-polyfill": "^6.26.0",
49
55
  "change-case": "^3.1.0",
56
+ "core-js": "3",
50
57
  "gumshoejs": "^5.1.2",
51
58
  "jump.js": "^1.0.2",
52
- "lodash.clonedeep": "^4.5.0",
53
59
  "lodash.debounce": "^4.0.8",
54
60
  "lodash.escaperegexp": "^4.1.2",
55
61
  "lodash.isplainobject": "^4.0.6",
56
62
  "modern-normalize": "^1.1.0",
63
+ "prop-types": "^15.8.1",
57
64
  "semver": "^5.6.0",
58
65
  "smoothscroll-polyfill": "^0.4.4",
59
66
  "throttle-debounce": "^2.1.0",
60
67
  "uuid": "^3.4.0",
61
68
  "v-scroll-lock": "^1.3.1",
62
- "vue": "2.6.10",
69
+ "vue": "^3.4.35",
63
70
  "vue-concise-slider": "^3.4.2",
64
71
  "vue-focus-lock": "1.4.0",
65
72
  "vue-progressive-image": "3.2.0",
66
73
  "xss": "^1.0.15"
67
74
  },
68
75
  "devDependencies": {
69
- "@babel/core": "^7.24.7",
76
+ "@babel/core": "^7.24.8",
70
77
  "@babel/eslint-parser": "^7.24.7",
78
+ "@babel/polyfill": "^7.12.1",
79
+ "@babel/preset-env": "^7.24.8",
71
80
  "@babel/preset-react": "^7.24.7",
81
+ "@storybook/addon-essentials": "^8.1.11",
82
+ "@storybook/addon-interactions": "^8.1.11",
83
+ "@storybook/addon-links": "^8.1.11",
72
84
  "@storybook/addon-notes": "^3.4.8",
73
85
  "@storybook/addon-options": "^3.4.8",
86
+ "@storybook/addon-postcss": "^2.0.0",
87
+ "@storybook/addon-webpack5-compiler-swc": "^1.0.4",
74
88
  "@storybook/addons": "^3.4.8",
75
- "@storybook/vue": "^3.4.8",
89
+ "@storybook/blocks": "^8.1.11",
90
+ "@storybook/vue3": "^8.1.11",
91
+ "@storybook/vue3-webpack5": "^8.1.11",
76
92
  "@types/jest": "^25.2.3",
93
+ "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
94
+ "@vue/babel-plugin-transform-vue-jsx": "^1.4.0",
95
+ "@vue/compiler-sfc": "^3.4.31",
96
+ "@vue/test-utils": "^2.4.0-alpha.2",
77
97
  "babel-core": "^6.26.3",
78
98
  "babel-helper-vue-jsx-merge-props": "^2.0.3",
79
- "babel-jest": "^23.4.0",
80
- "babel-loader": "^7.1.5",
99
+ "babel-jest": "29.x",
100
+ "babel-loader": "^9.1.3",
81
101
  "babel-plugin-syntax-jsx": "^6.18.0",
82
102
  "babel-plugin-transform-vue-jsx": "^3.7.0",
83
103
  "babel-preset-env": "^1.7.0",
@@ -86,7 +106,7 @@
86
106
  "caniuse-db": "~1.0.30001638",
87
107
  "create-file-webpack": "^1.0.2",
88
108
  "cross-env": "^5.2.0",
89
- "css-loader": "^1.0.0",
109
+ "css-loader": "^7.1.2",
90
110
  "css-mqpacker": "^7.0.0",
91
111
  "cssnano": "^4.1.10",
92
112
  "dotenv": "^6.0.0",
@@ -95,41 +115,47 @@
95
115
  "eslint-config-prettier": "^9.1.0",
96
116
  "eslint-loader": "^4.0.2",
97
117
  "eslint-plugin-import": "^2.29.1",
98
- "eslint-plugin-vue": "^9.26.0",
118
+ "eslint-plugin-storybook": "^0.8.0",
119
+ "eslint-plugin-vue": "^9.20.1",
99
120
  "eslint-plugin-you-dont-need-lodash-underscore": "^6.14.0",
100
- "extract-text-webpack-plugin": "^3.0.2",
101
- "file-loader": "^1.1.11",
102
- "html-webpack-plugin": "^3.2.0",
121
+ "file-loader": "^6.2.0",
122
+ "html-webpack-plugin": "^5.6.0",
103
123
  "husky": "^4.2.3",
104
124
  "inquirer-directory": "^2.2.0",
105
- "jest": "^23.4.1",
125
+ "jest": "29.x",
106
126
  "jest-axe": "^3.1.1",
127
+ "jest-environment-jsdom": "^29.7.0",
107
128
  "jest-image-snapshot": "^2.12.0",
108
129
  "jest-puppeteer": "^4.4.0",
109
130
  "jest-serializer-vue": "^2.0.2",
110
131
  "jest-transform-stub": "^2.0.0",
111
132
  "lint-staged": "^10.0.8",
133
+ "mini-css-extract-plugin": "^2.9.0",
112
134
  "npm-run-all": "^4.1.5",
113
135
  "plop": "^2.4.0",
114
- "postcss-assets": "^5.0.0",
115
- "postcss-calc": "^7.0.1",
136
+ "postcss": "^8.4.38",
137
+ "postcss-assets": "^6.0.0",
138
+ "postcss-calc": "^10.0.0",
116
139
  "postcss-html": "^1.7.0",
117
- "postcss-import": "^12.0.1",
118
- "postcss-inline-svg": "^4.1.0",
119
- "postcss-loader": "^2.1.6",
120
- "postcss-merge-rules": "^4.0.3",
121
- "postcss-mixins": "^6.2.3",
122
- "postcss-nested": "^4.2.1",
123
- "postcss-preset-env": "^6.7.0",
124
- "postcss-reporter": "^5.0.0",
125
- "postcss-url": "^7.3.2",
140
+ "postcss-import": "^16.1.0",
141
+ "postcss-inline-svg": "^6.0.0",
142
+ "postcss-loader": "^8.1.1",
143
+ "postcss-merge-rules": "^7.0.2",
144
+ "postcss-mixins": "^10.0.1",
145
+ "postcss-nested": "^6.0.1",
146
+ "postcss-preset-env": "^9.5.15",
147
+ "postcss-reporter": "^7.1.0",
148
+ "postcss-url": "^10.1.3",
126
149
  "prettier": "^3.3.2",
127
150
  "pretty": "^2.0.0",
128
151
  "puppeteer": "^2.1.1",
129
152
  "raw-loader": "^0.5.1",
153
+ "react": "18",
154
+ "react-dom": "18",
130
155
  "rimraf": "^3.0.2",
131
156
  "serve": "^11.3.0",
132
157
  "start-server-and-test": "^1.10.11",
158
+ "storybook": "^8.1.11",
133
159
  "storybook-readme": "3.1.1",
134
160
  "strip-html-comments": "^1.0.0",
135
161
  "style-loader": "^0.21.0",
@@ -139,19 +165,21 @@
139
165
  "stylelint-config-recommended-vue": "^1.5.0",
140
166
  "stylelint-config-standard": "^29.0.0",
141
167
  "stylelint-order": "^5.0.0",
142
- "svg-sprite-loader": "^4.3.0",
143
- "svg-url-loader": "^2.3.3",
144
- "svgo-loader": "^2.1.0",
168
+ "svg-fill-loader": "^0.0.8",
169
+ "svg-sprite-loader": "^6.0.11",
170
+ "svg-url-loader": "^7.1.1",
171
+ "svgo": "^3.3.2",
172
+ "svgo-loader": "^4.0.0",
173
+ "terser-webpack-plugin": "^5.3.10",
145
174
  "vue-axe": "^1.0.7",
146
175
  "vue-html-loader": "^1.2.4",
147
- "vue-jest": "^2.6.0",
148
- "vue-loader": "^15.7.1",
149
- "vue-template-compiler": "2.6.10",
150
- "vue-test-utils": "^1.0.0-beta.11",
151
- "webpack": "^3.8.1",
152
- "webpack-cli": "^3.2.0",
153
- "webpack-dev-server": "3.0.0",
154
- "webpack-merge": "^4.1.3"
176
+ "vue-loader": "^17.4.2",
177
+ "vue3-jest": "^27.0.0-alpha.1",
178
+ "webpack": "^5.92.1",
179
+ "webpack-bundle-analyzer": "^4.10.2",
180
+ "webpack-cli": "^5.1.4",
181
+ "webpack-dev-server": "^5.0.4",
182
+ "webpack-merge": "^5.10.0"
155
183
  },
156
184
  "resolutions": {
157
185
  "stylelint-config-recommended-vue/stylelint-config-recommended": "^9.0.0"
@@ -169,7 +197,7 @@
169
197
  "^\\.storybook/(.*)$": "<rootDir>/.storybook/$1",
170
198
  "^icons/(.*)$": "<rootDir>/components/icons/$1",
171
199
  "^components(.*)$": "<rootDir>/components$1",
172
- "^vue$": "vue/dist/vue.js",
200
+ "^vue$": "@vue/compat",
173
201
  "^utils/(.*)$": "<rootDir>/utils/$1",
174
202
  "^static/(.*)$": "<rootDir>/static/$1"
175
203
  },
@@ -177,18 +205,33 @@
177
205
  "<rootDir>/node_modules/jest-serializer-vue"
178
206
  ],
179
207
  "transform": {
180
- ".*\\.(vue)$": "<rootDir>/node_modules/vue-jest",
208
+ ".*\\.(vue)$": "@vue/vue3-jest",
181
209
  "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
182
210
  ".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$": "jest-transform-stub"
183
211
  },
184
212
  "transformIgnorePatterns": [],
185
213
  "testPathIgnorePatterns": [
186
214
  "<rootDir>/snapshots/"
215
+ ],
216
+ "testEnvironmentOptions": {
217
+ "customExportConditions": [
218
+ "node",
219
+ "node-addons"
220
+ ]
221
+ },
222
+ "testEnvironment": "jsdom",
223
+ "setupFiles": [
224
+ "<rootDir>/jest-setup.js"
187
225
  ]
188
226
  },
189
227
  "husky": {
190
228
  "hooks": {
191
229
  "pre-commit": "cross-env lint-staged"
192
230
  }
231
+ },
232
+ "eslintConfig": {
233
+ "extends": [
234
+ "plugin:storybook/recommended"
235
+ ]
193
236
  }
194
237
  }