#1406 - upgraded dependencies

package.json

@@ -20,28 +20,28 @@
   "author": "",
   "license": "MIT",
   "devDependencies": {
-    "@babel/cli": "^7.25",
-    "@babel/core": "^7.25",
+    "@babel/cli": "^7.25.9",
+    "@babel/core": "^7.25.9",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.25",
-    "@babel/plugin-proposal-export-default-from": "^7.25",
+    "@babel/plugin-proposal-decorators": "^7.25.9",
+    "@babel/plugin-proposal-export-default-from": "^7.25.9",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/plugin-proposal-optional-chaining": "^7.21.0",
     "@babel/plugin-proposal-private-methods": "^7.18.6",
     "@babel/plugin-proposal-private-property-in-object": "^7.21",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-arrow-functions": "^7.25",
-    "@babel/plugin-transform-block-scoping": "^7.25",
-    "@babel/plugin-transform-classes": "^7.25",
-    "@babel/plugin-transform-destructuring": "^7.25",
-    "@babel/plugin-transform-for-of": "^7.25",
-    "@babel/plugin-transform-parameters": "^7.25.7",
-    "@babel/plugin-transform-shorthand-properties": "^7.25",
-    "@babel/plugin-transform-spread": "^7.25",
-    "@babel/preset-env": "^7.25",
-    "@babel/preset-react": "^7.25.7",
-    "@babel/preset-typescript": "^7.25",
+    "@babel/plugin-transform-arrow-functions": "^7.25.9",
+    "@babel/plugin-transform-block-scoping": "^7.25.9",
+    "@babel/plugin-transform-classes": "^7.25.9",
+    "@babel/plugin-transform-destructuring": "^7.25.9",
+    "@babel/plugin-transform-for-of": "^7.25.9",
+    "@babel/plugin-transform-parameters": "^7.25.9",
+    "@babel/plugin-transform-shorthand-properties": "^7.25.9",
+    "@babel/plugin-transform-spread": "^7.25.9",
+    "@babel/preset-env": "^7.25.9",
+    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-typescript": "^7.25.9",
     "@storybook/addon-a11y": "^8.3.6",
     "@storybook/addon-essentials": "^8.3.6",
     "@storybook/addon-links": "^8.3.6",
@@ -65,51 +65,52 @@
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-polyfill-corejs3": "^0.10.6",
     "babel-plugin-react-transform": "^3.0.0",
-    "chromatic": "^11.7.1",
-    "copy-webpack-plugin": "^11.0.0",
-    "core-js": "^3.32",
+    "chromatic": "^11.15.0",
+    "copy-webpack-plugin": "^12.0.2",
+    "core-js": "^3.38.1",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.0",
-    "eslint": "^8.40.0",
+    "eslint": "^9.13.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-mdx": "^2.1.0",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.1",
+    "eslint-plugin-mdx": "^3.1.5",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-spellcheck": "0.0.20",
-    "eslint-plugin-storybook": "^0.9.0",
+    "eslint-plugin-storybook": "^0.10.1",
     "extract-loader": "^5.1.0",
     "foundation-sites": "^6.9.0",
-    "glob": "^8.1.0",
+    "glob": "^11.0.0",
     "html-entities": "^2.4.0",
     "lodash-webpack-plugin": "^0.11.6",
     "mini-css-extract-plugin": "^2.7.5",
-    "patch-package": "^7.0.0",
+    "patch-package": "^8.0.0",
     "path": "^0.12.7",
-    "postcss-cli": "^10.1.0",
-    "postcss-loader": "^7.3.0",
+    "postcss-cli": "^11.0.0",
+    "postcss-loader": "^8.1.1",
     "prettier": "^3.3.3",
     "prettier-eslint": "^16.1.2",
     "prettier-stylelint": "^0.4.2",
-    "react-syntax-highlighter": "^15.5.0",
+    "react-syntax-highlighter": "^15.6.1",
     "remove-files-webpack-plugin": "^1.5.0",
     "resolve-url-loader": "^5.0.0",
+    "sass": "^1.80.4",
     "sass-embedded": "^1.80.2",
     "sass-loader": "^16.0.2",
     "storybook": "^8.3.6",
-    "style-loader": "^3.3.2",
-    "stylelint": "^16.9.0",
+    "style-loader": "^4.0.0",
+    "stylelint": "^16.10.0",
     "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-recommended-scss": "^11.0",
-    "stylelint-config-sass-guidelines": "^10.0.0",
-    "stylelint-config-standard": "^34.0.0",
-    "stylelint-scss": "^5.0",
-    "svg-spritemap-webpack-plugin": "^4.5.0",
+    "stylelint-config-recommended-scss": "^14.1.0",
+    "stylelint-config-sass-guidelines": "^12.1.0",
+    "stylelint-config-standard": "^36.0.1",
+    "stylelint-scss": "^6.8.1",
+    "svg-spritemap-webpack-plugin": "^4.6.0",
     "svgo": "^3.0.2",
     "svgo-loader": "^4.0.0",
-    "webpack": "^5.85.0",
+    "webpack": "^5.95.0",
     "webpack-cli": "^5.1.4",
     "webpack-remove-empty-scripts": "^1.0.4"
   },
@@ -126,6 +127,5 @@
   },
   "bugs": {
     "url": "https://github.com/undp/design-system/issues"
-  },
-  "packageManager": "[email protected]+sha512.6b9d5b209c829afb2d802bec59fe928199ec5df5a6c005b5a47584687da0377bea4060b9f322c52ffa0a070719587d268e9333056457752f5d2dd37a1802b647"
+  }
 }

webpack.config.js

@@ -69,6 +69,7 @@ module.exports = [
         // '../../../assets/icons/chevron-small-right.svg': path.resolve(__dirname, 'stories/assets/icons/chevron-small-right.svg'),
       },
       extensions: ['.ts', '.js'],
+      preferRelative: true,
     },
     optimization: {
       minimizer: [
@@ -98,6 +99,7 @@ module.exports = [
       new RemoveEmptyScripts(),
       new MiniCssExtractPlugin({
         filename: '[name].min.css',
+        experimentalUseImportModule: true,
       }),
       // delete fonts from the root directory
       // new RemovePlugin({
@@ -120,11 +122,14 @@ module.exports = [
       alias: {
         icons: path.resolve(__dirname, 'stories/assets/icons'),
       },
+      preferRelative: true,
     },
     output: {
       path: path.resolve(__dirname, 'docs'),
       filename: '[name].min.js',
-      libraryTarget: 'umd',
+      library: {
+        type: 'umd',
+      },
     },
     externals: {
       jquery: 'jQuery',

webpack.entries.js

@@ -44,12 +44,12 @@ module.exports = (type = 'css') => {
     }
 
     // if base styling keep it in root
-    if (file.indexOf('assets/scss') > 0) {
+    if (file.indexOf('base-minimal') > 0) {
       objKey = `${cssPathPrefix}/${fileName}`;
     }
 
     // if scss is a partial then remove the leading '_'.
-    if (file.indexOf('/_') > 0) {
+    if (file.indexOf('_') > 0) {
       fileName = fileName.replace(/[_]/g, '');
       objKey = `${cssPathPrefix}/components/${fileName}`;
     }