@emulsify/core 0.0.0-development → 1.1.2

package/.history/config/webpack/webpack.common_20240607163224.js

@@ -0,0 +1,72 @@
+const path = require('path');
+const glob = require('glob');
+const loaders = require('./loaders');
+const plugins = require('./plugins');
+
+const webpackDir = path.resolve(__dirname);
+const rootDir = path.resolve(__dirname, '../../../../..');
+const distDir = path.resolve(__dirname, '../../../../../dist');
+
+// Glob pattern for scss files that ignore file names prefixed with underscore.
+const scssPattern = path.resolve(rootDir, 'components/**/!(_*).scss');
+// Glob pattern for JS files.
+const jsPattern = path.resolve(
+  rootDir,
+  'components/**/!(*.stories|*.component|*.min|*.test).js',
+);
+
+// Prepare list of scss and js file for "entry".
+function getEntries(scssMatcher, jsMatcher) {
+  const entries = {};
+
+  // SCSS entries
+  glob.sync(scssMatcher).forEach((file) => {
+    const filePath = file.split('components/')[1];
+    const newfilePath = `css/${filePath.replace('.scss', '')}`;
+    entries[newfilePath] = file;
+  });
+
+  // JS entries
+  glob.sync(jsMatcher).forEach((file) => {
+    const filePath = file.split('components/')[1];
+    const newfilePath = `js/${filePath.replace('.js', '')}`;
+    entries[newfilePath] = file;
+  });
+
+  entries.svgSprite = path.resolve(webpackDir, 'svgSprite.js');
+
+  // CSS Files.
+  glob.sync(`${webpackDir}/css/*js`).forEach((file) => {
+    const baseFileName = path.basename(file);
+    const newfilePath = `css/${baseFileName.replace('.js', '')}`;
+    entries[newfilePath] = file;
+  });
+
+  return entries;
+}
+
+module.exports = {
+  stats: {
+    errorDetails: true,
+  },
+  entry: getEntries(scssPattern, jsPattern),
+  module: {
+    rules: [
+      loaders.CSSLoader,
+      loaders.SVGSpriteLoader,
+      loaders.ImageLoader,
+      loaders.JSLoader,
+    ],
+  },
+  plugins: [
+    plugins.MiniCssExtractPlugin,
+    plugins.ImageminPlugin,
+    plugins.SpriteLoaderPlugin,
+    plugins.ProgressPlugin,
+    plugins.CleanWebpackPlugin,
+  ],
+  output: {
+    path: distDir,
+    filename: '[name].js',
+  },
+};

package/.history/package_20240607155640.json

@@ -0,0 +1,136 @@
+{
+  "name": "@emulsify/core",
+  "version": "1.1.1",
+  "description": "Bundled tooling for Storybook development + Webpack Build",
+  "keywords": [
+    "component library",
+    "design system",
+    "drupal",
+    "pattern library",
+    "storybook",
+    "styleguide"
+  ],
+  "author": "Four Kitchens <shout@fourkitchens.com>",
+  "license": "GPL-2.0",
+  "engines": {
+    "node": ">=20"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/emulsify-ds/emulsify-core.git"
+  },
+  "bugs": {
+    "url": "https://github.com/emulsify-ds/emulsify-core/issues"
+  },
+  "homepage": "https://github.com/emulsify-ds/emulsify-core#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "coverage": "npm run test && open-cli .coverage/lcov-report/index.html",
+    "format": "npm run lint-fix; npm run prettier-fix",
+    "husky:commit-msg": "commitlint --edit $1",
+    "husky:pre-commit": "npm run lint",
+    "lint": "npm run lint-js",
+    "lint-fix": "npm run lint-js -- --fix",
+    "lint-js": "eslint --config config/eslintrc.config.json --no-error-on-unmatched-pattern ./config ./storybook",
+    "lint-staged": "lint-staged",
+    "prepare": "[ -d '.git' ] && (husky install) || true",
+    "prettier": "prettier --config config/prettierrc.json --ignore-unknown \"**/*.{js,yml,scss,md}\"",
+    "prettier-fix": "prettier --config config/prettierrc.json --write --ignore-unknown \"**/*.{js,yml,scss,md}\"",
+    "semantic-release": "semantic-release",
+    "storybook": "storybook dev --ci -s ../../dist,../../assets/images,../../assets/icons,../../assets/videos -p 6006",
+    "storybook-build": "storybook build -s ../../dist,../../assets/images,../../assets/icons,../../assets/videos -o .out",
+    "storybook-deploy": "storybook-to-ghpages -o .out",
+    "test": "jest --coverage  --config ./config/jest.config.js",
+    "twatch": "jest --no-coverage --watch --verbose"
+  },
+  "dependencies": {
+    "@babel/core": "^7.24.0",
+    "@babel/eslint-parser": "^7.23.10",
+    "@emulsify/cli": "^1.6.0",
+    "@storybook/addon-a11y": "^7.6.17",
+    "@storybook/addon-actions": "^7.6.17",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-links": "^7.6.17",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-themes": "^7.6.17",
+    "@storybook/html": "^7.6.17",
+    "@storybook/html-webpack5": "^7.6.17",
+    "add-attributes-twig-extension": "^0.1.0",
+    "autoprefixer": "^10.4.19",
+    "babel-loader": "^9.1.3",
+    "babel-preset-minify": "^0.5.2",
+    "bem-twig-extension": "^0.1.1",
+    "breakpoint-sass": "^3.0.0",
+    "chalk": "^5.2.0",
+    "clean-webpack-plugin": "^4.0.0",
+    "concurrently": "^8.2.2",
+    "css-loader": "^7.1.1",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jest": "^27.9.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-security": "^2.1.1",
+    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-webpack-plugin": "^4.1.0",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^11.2.0",
+    "glob": "^10.3.12",
+    "graceful-fs": "^4.2.11",
+    "html-webpack-plugin": "^5.6.0",
+    "imagemin-webpack-plugin": "^2.4.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "js-yaml": "^4.1.0",
+    "js-yaml-loader": "^1.2.2",
+    "lint-staged": "^15.2.2",
+    "mini-css-extract-plugin": "^2.9.0",
+    "node-sass-glob-importer": "^5.3.3",
+    "normalize.css": "^8.0.1",
+    "open-cli": "^8.0.0",
+    "pa11y": "^7.0.0",
+    "postcss": "^8.4.38",
+    "postcss-loader": "^8.1.1",
+    "postcss-scss": "^4.0.9",
+    "ramda": "^0.29.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "regenerator-runtime": "^0.14.1",
+    "sass": "^1.75.0",
+    "sass-loader": "^14.2.1",
+    "storybook": "^7.6.17",
+    "style-dictionary": "^3.9.2",
+    "stylelint": "^16.3.1",
+    "stylelint-config-standard-scss": "^13.1.0",
+    "stylelint-prettier": "^5.0.0",
+    "stylelint-selector-bem-pattern": "^4.0.0",
+    "stylelint-webpack-plugin": "^5.0.0",
+    "svg-sprite-loader": "^6.0.11",
+    "token-transformer": "^0.0.33",
+    "twig-drupal-filters": "^3.2.0",
+    "twig-loader": "github:fourkitchens/twig-loader",
+    "twig-testing-library": "^1.2.0",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-merge": "^5.10.0",
+    "yaml": "^2.4.1"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.2.0",
+    "@commitlint/config-conventional": "^19.1.0",
+    "@semantic-release/changelog": "^6.0.2",
+    "@semantic-release/commit-analyzer": "^11.1.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^10.0.2",
+    "@semantic-release/release-notes-generator": "^12.1.0",
+    "husky": "^9.0.11",
+    "semantic-release": "^23.0.4"
+  },
+  "overrides": {
+    "graceful-fs": "^4.2.11"
+  },
+  "main": "commitlint.config.js"
+}

package/.history/package_20240607163353.json

@@ -0,0 +1,135 @@
+{
+  "name": "@emulsify/core",
+  "version": "1.1.1",
+  "description": "Bundled tooling for Storybook development + Webpack Build",
+  "keywords": [
+    "component library",
+    "design system",
+    "drupal",
+    "pattern library",
+    "storybook",
+    "styleguide"
+  ],
+  "author": "Four Kitchens <shout@fourkitchens.com>",
+  "license": "GPL-2.0",
+  "engines": {
+    "node": ">=20"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/emulsify-ds/emulsify-core.git"
+  },
+  "bugs": {
+    "url": "https://github.com/emulsify-ds/emulsify-core/issues"
+  },
+  "homepage": "https://github.com/emulsify-ds/emulsify-core#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "coverage": "npm run test && open-cli .coverage/lcov-report/index.html",
+    "format": "npm run lint-fix; npm run prettier-fix",
+    "husky:commit-msg": "commitlint --edit $1",
+    "husky:pre-commit": "npm run lint",
+    "lint": "npm run lint-js",
+    "lint-fix": "npm run lint-js -- --fix",
+    "lint-js": "eslint --config config/eslintrc.config.json --no-error-on-unmatched-pattern ./config ./storybook",
+    "lint-staged": "lint-staged",
+    "prepare": "[ -d '.git' ] && (husky install) || true",
+    "prettier": "prettier --config config/prettierrc.json --ignore-unknown \"**/*.{js,yml,scss,md}\"",
+    "prettier-fix": "prettier --config config/prettierrc.json --write --ignore-unknown \"**/*.{js,yml,scss,md}\"",
+    "semantic-release": "semantic-release",
+    "storybook": "storybook dev --ci -s ../../dist,../../assets/images,../../assets/icons,../../assets/videos -p 6006",
+    "storybook-build": "storybook build -s ../../dist,../../assets/images,../../assets/icons,../../assets/videos -o .out",
+    "storybook-deploy": "storybook-to-ghpages -o .out",
+    "test": "jest --coverage  --config ./config/jest.config.js",
+    "twatch": "jest --no-coverage --watch --verbose"
+  },
+  "dependencies": {
+    "@babel/core": "^7.24.0",
+    "@babel/eslint-parser": "^7.23.10",
+    "@emulsify/cli": "^1.6.0",
+    "@storybook/addon-a11y": "^7.6.17",
+    "@storybook/addon-actions": "^7.6.17",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-links": "^7.6.17",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-themes": "^7.6.17",
+    "@storybook/html": "^7.6.17",
+    "@storybook/html-webpack5": "^7.6.17",
+    "add-attributes-twig-extension": "^0.1.0",
+    "autoprefixer": "^10.4.19",
+    "babel-loader": "^9.1.3",
+    "babel-preset-minify": "^0.5.2",
+    "bem-twig-extension": "^0.1.1",
+    "breakpoint-sass": "^3.0.0",
+    "chalk": "^5.2.0",
+    "clean-webpack-plugin": "^4.0.0",
+    "concurrently": "^8.2.2",
+    "css-loader": "^7.1.1",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jest": "^27.9.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-security": "^2.1.1",
+    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-webpack-plugin": "^4.1.0",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^11.2.0",
+    "glob": "^10.3.12",
+    "graceful-fs": "^4.2.11",
+    "html-webpack-plugin": "^5.6.0",
+    "imagemin-webpack-plugin": "^2.4.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "js-yaml": "^4.1.0",
+    "js-yaml-loader": "^1.2.2",
+    "lint-staged": "^15.2.2",
+    "mini-css-extract-plugin": "^2.9.0",
+    "node-sass-glob-importer": "^5.3.3",
+    "normalize.css": "^8.0.1",
+    "open-cli": "^8.0.0",
+    "pa11y": "^7.0.0",
+    "postcss": "^8.4.38",
+    "postcss-loader": "^8.1.1",
+    "postcss-scss": "^4.0.9",
+    "ramda": "^0.29.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "regenerator-runtime": "^0.14.1",
+    "sass": "^1.75.0",
+    "sass-loader": "^14.2.1",
+    "storybook": "^7.6.17",
+    "style-dictionary": "^3.9.2",
+    "stylelint": "^16.3.1",
+    "stylelint-config-standard-scss": "^13.1.0",
+    "stylelint-prettier": "^5.0.0",
+    "stylelint-selector-bem-pattern": "^4.0.0",
+    "stylelint-webpack-plugin": "^5.0.0",
+    "svg-sprite-loader": "^6.0.11",
+    "token-transformer": "^0.0.33",
+    "twig-drupal-filters": "^3.2.0",
+    "twig-loader": "github:fourkitchens/twig-loader",
+    "twig-testing-library": "^1.2.0",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-merge": "^5.10.0",
+    "yaml": "^2.4.1"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.2.0",
+    "@commitlint/config-conventional": "^19.1.0",
+    "@semantic-release/changelog": "^6.0.2",
+    "@semantic-release/commit-analyzer": "^11.1.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^10.0.2",
+    "@semantic-release/release-notes-generator": "^12.1.0",
+    "husky": "^9.0.11",
+    "semantic-release": "^23.0.4"
+  },
+  "overrides": {
+    "graceful-fs": "^4.2.11"
+  }
+}

package/.storybook/main.js

@@ -1,13 +1,13 @@
 module.exports = {
   stories: [
-    '../../../components/**/*.stories.@(js|jsx|ts|tsx)',
+    '../../../../components/**/*.stories.@(js|jsx|ts|tsx)',
   ],
   addons: [
-    '../../@storybook/addon-a11y',
-    '../../@storybook/addon-links',
-    '../../@storybook/addon-essentials',
-    '../../@storybook/addon-themes',
-    '../../@storybook/addon-styling-webpack'
+    '../../../@storybook/addon-a11y',
+    '../../../@storybook/addon-links',
+    '../../../@storybook/addon-essentials',
+    '../../../@storybook/addon-themes',
+    '../../../@storybook/addon-styling-webpack'
   ],
   core: {
     builder: 'webpack5',

package/.storybook/manager.js

@@ -2,7 +2,7 @@ import { addons } from '@storybook/addons';
 
 import emulsifyTheme from './emulsifyTheme';
 
-import('../../../config/emulsify-core/storybook/theme')
+import('../../../../config/emulsify-core/storybook/theme')
 .then((customTheme) => {
   addons.setConfig({
     theme: customTheme.default,

package/.storybook/preview.js

@@ -3,20 +3,10 @@ import Twig from 'twig';
 import { setupTwig } from './setupTwig';
 
 // GLOBAL CSS
-(async () => {
-  let compiled;
-  try {
-    compiled = await import('../../../dist/css/style.css');
-  } catch (e) {}
-})();
+import('../../../../dist/css/style.css');
 
 // Custom theme preview config if it exists.
-(async () => {
-  let preview;
-  try {
-    preview = await import('../../../config/emulsify-core/storybook/preview');
-  } catch (e) {}
-})();
+import('../../../../config/emulsify-core/storybook/preview');
 
 // If in a Drupal project, it's recommended to import a symlinked version of drupal.js.
 import './_drupal.js';

package/.storybook/setupTwig.js

@@ -5,34 +5,18 @@ const twigAddAttributes = require('add-attributes-twig-extension');
 
 /**
  * Fetches project-based variant configuration. If no such configuration
- * exists, returns default values.
+ * exists, returns default values as a flat component structure.
  *
  * @returns project-based variant configuration, or default config.
  */
 const fetchVariantConfig = () => {
   try {
-    return require('../../../project.emulsify.json').variant.structureImplementations;
+    return require('../../../../project.emulsify.json').variant.structureImplementations;
   } catch (e) {
     return [
       {
-        name: 'base',
-        directory: '../../components/00-base',
-      },
-      {
-        name: 'atoms',
-        directory: '../../components/01-atoms',
-      },
-      {
-        name: 'molecules',
-        directory: '../../components/02-molecules',
-      },
-      {
-        name: 'organisms',
-        directory: '../../components/03-organisms',
-      },
-      {
-        name: 'templates',
-        directory: '../../components/04-templates',
+        name: 'components',
+        directory: '../../../../components',
       },
     ];
   }
@@ -40,7 +24,7 @@ const fetchVariantConfig = () => {
 
 module.exports.namespaces = {};
 for (const { name, directory } of fetchVariantConfig()) {
-  module.exports.namespaces[name] = resolve(__dirname, '../../../', directory);
+  module.exports.namespaces[name] = resolve(__dirname, '../../../../', directory);
 }
 
 /**

package/.storybook/setupTwig.test.js

@@ -23,11 +23,11 @@ describe('setupTwig', () => {
 
   it('exports emulsifys namespaces', () => {
     expect(namespaces).toEqual({
-      base: '../../../components/00-base',
-      atoms: '../../../components/01-atoms',
-      molecules: '../../../components/02-molecules',
-      organisms: '../../../components/03-organisms',
-      templates: '../../../components/04-templates',
+      base: '../../../../components/00-base',
+      atoms: '../../../../components/01-atoms',
+      molecules: '../../../../components/02-molecules',
+      organisms: '../../../../components/03-organisms',
+      templates: '../../../../components/04-templates',
     });
   });
 });

package/README.md

@@ -1,24 +1,46 @@
-> [!WARNING]  
-> Work in progress.
-
 ![Emulsify Core Design System](https://github.com/emulsify-ds/.github/blob/6bd435be881bd820bddfa05d88905efe29176a0a/assets/images/header.png)
 
 # Emulsify Core
 
 An open-source toolset for creating and implementing design systems.
 
-### Storybook development and Webpack build
-
 **Emulsify Core** provides a [Storybook](https://storybook.js.org/) component library and a [Webpack](https://webpack.js.org/) development environment. It is meant to make project setup and ongoing development easier by bundling all necessary configuration and providing it as an extendable package for your theme or standalone project.
 
-## Documentation
+## Installation and usage
+Installation and configuration is setup by the provided base theme project(s). As of this writing, Emulsify Drupal is the only base theme project [with this integration](https://github.com/emulsify-ds/emulsify-drupal/blob/main/whisk/package.json#L36).
+
+### Manual installation
+- `npm install @emulsify/core` within your repository or project theme.
+- Copy the provided `npm run` scripts from [Emulsify Drupal's package.json](https://github.com/emulsify-ds/emulsify-drupal/blob/main/whisk/package.json#L15)
+- Copy the contents of `whisk/config/emulsify-core/` from [Emulsify Drupal](https://github.com/emulsify-ds/emulsify-drupal/tree/main/whisk/config/emulsify-core) into your project so `config/` exists at the root of your repository or project theme. The files within `config/` allow you to extend or overwrite configuration provided by Emulsify Core.
+
+### Common Scripts
+
+Run `nvm use` prior to running any of the following commands to verify you are using Node 20.
+(Each is prefixed with `npm run `)
+
+**develop**
+Starts and instance of storybook, watches for any files changes, recompiles CSS/JS, and live reloads storybook assets.
+
+**lint**
+Lints all JS/SCSS within your components and reports any violations.
+
+**lint-fix**
+Automatically fixes any simple violations.
+
+**prettier**
+Outputs any code formatting violations.
+
+**prettier-fix**
+Automatically fixes any simple code formatting violations.
+
+**storybook-build**
+Builds a static output of the storybook instance.
 
-[docs.emulsify.info](https://emulsify.info/docs)
 
 ### Quick Links
 
-1. [Installation](https://www.emulsify.info/docs/emulsify-drupal)
-2. [Usage](https://www.emulsify.info/docs/emulsify-drupal/basic-usage/commands)
+- [Emulsify Homepage](https://www.emulsify.info/)
 
 ## Demo
 

package/config/a11y.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  storybookBuildDir: '../../../.out',
+  storybookBuildDir: '../../../../.out',
   pa11y: {
     includeNotices: false,
     includeWarnings: false,

package/config/webpack/css/style.js

@@ -1 +1 @@
-import '../../../../../components/style.scss';
+import '../../../../../../components/style.scss';

package/config/webpack/css.js

@@ -1 +1 @@
-import '../../../../components/style.scss';
+import '../../../../../../components/style.scss';

package/config/webpack/loaders.js

@@ -9,14 +9,14 @@ let postcssConfig;
 if (fs.existsSync('./config/babel.config.js')) {
   babelConfig = './config/babel.config.js';
 } else {
-  babelConfig = './node_modules/emulsify-core/config/babel.config.js';
+  babelConfig = './node_modules/@emulsify/core/config/babel.config.js';
 }
 
 // Check if custom postcss config is available.
 if (fs.existsSync('./config/postcss.config.js')) {
   postcssConfig = './config/postcss.config.js';
 } else {
-  postcssConfig = './node_modules/emulsify-core/config/postcss.config.js';
+  postcssConfig = './node_modules/@emulsify/core/config/postcss.config.js';
 }
 
 const JSLoader = {

package/config/webpack/plugins.js

@@ -7,7 +7,7 @@ const _ImageminPlugin = require('imagemin-webpack-plugin').default;
 const _SpriteLoaderPlugin = require('svg-sprite-loader/plugin');
 const glob = require('glob');
 
-const imagePath = path.resolve(__dirname, '../../../../assets/images');
+const imagePath = path.resolve(__dirname, '../../../../../assets/images');
 
 const MiniCssExtractPlugin = new _MiniCssExtractPlugin({
   filename: '[name].css',

package/config/webpack/svgSprite.js

@@ -2,4 +2,4 @@ function requireAll(r) {
   r.keys().forEach(r);
 }
 
-requireAll(require.context('../../../../assets/icons/', true, /\.svg$/));
+requireAll(require.context('../../../../../assets/icons/', true, /\.svg$/));

package/config/webpack/webpack.common.js

@@ -4,8 +4,8 @@ const loaders = require('./loaders');
 const plugins = require('./plugins');
 
 const webpackDir = path.resolve(__dirname);
-const rootDir = path.resolve(__dirname, '../../../..');
-const distDir = path.resolve(__dirname, '../../../../dist');
+const rootDir = path.resolve(__dirname, '../../../../..');
+const distDir = path.resolve(__dirname, '../../../../../dist');
 
 // Glob pattern for scss files that ignore file names prefixed with underscore.
 const scssPattern = path.resolve(rootDir, 'components/**/!(_*).scss');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emulsify/core",
-  "version": "0.0.0-development",
+  "version": "1.1.2",
   "description": "Bundled tooling for Storybook development + Webpack Build",
   "keywords": [
     "component library",
@@ -107,7 +107,7 @@
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-prettier": "^5.0.0",
     "stylelint-selector-bem-pattern": "^4.0.0",
-    "stylelint-webpack-plugin": "^5.0.0",
+    "stylelint-webpack-plugin": "^5.0.1",
     "svg-sprite-loader": "^6.0.11",
     "token-transformer": "^0.0.33",
     "twig-drupal-filters": "^3.2.0",
@@ -119,18 +119,17 @@
     "yaml": "^2.4.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.0",
+    "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.1.0",
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/commit-analyzer": "^11.1.0",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^10.0.2",
-    "@semantic-release/release-notes-generator": "^12.1.0",
+    "@semantic-release/release-notes-generator": "^14.0.0",
     "husky": "^9.0.11",
     "semantic-release": "^23.0.4"
   },
   "overrides": {
     "graceful-fs": "^4.2.11"
-  },
-  "main": "commitlint.config.js"
+  }
 }