Merge branch 'hotfix/3.1.0-alpha.3'

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/webpack-config-root",
-  "version": "3.1.0-alpha.2",
+  "version": "3.1.0-alpha.3",
   "private": true,
   "type": "commonjs",
   "workspaces": [

packages/demo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/webpack-config-demo",
-  "version": "3.1.0-alpha.2",
+  "version": "3.1.0-alpha.3",
   "private": true,
   "type": "module",
   "scripts": {

packages/webpack-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/webpack-config",
-  "version": "3.1.0-alpha.2",
+  "version": "3.1.0-alpha.3",
   "description": "A basic webpack config",
   "type": "module",
   "main": "src/index.js",
@@ -70,9 +70,9 @@
     "glob": "^7.2.0",
     "html-webpack-plugin": "^5.5.0",
     "js-yaml-loader": "^1.2.2",
-    "kebab-case": "^1.0.1",
     "lodash.merge": "^4.6.2",
     "mini-css-extract-plugin": "^2.4.5",
+    "param-case": "^3.0.4",
     "postcss": "^8.3.11",
     "postcss-loader": "^6.2.0",
     "postcss-preset-env": "^6.7.0",

packages/webpack-config/src/utils/Html.js

@@ -4,7 +4,7 @@
  * @copyright Studio Meta
  * @license https://github.com/studiometa/twig-toolkit/blob/master/LICENSE
  */
-import toKebab from 'kebab-case';
+import { paramCase } from 'param-case';
 
 /**
  * @typdef {string | Record<string, boolean> | Record<number, Classes>} Classes
@@ -78,7 +78,7 @@ export default class Html {
       if (key === '_keys' || (typeof value === 'boolean' && !value) || value === '') {
         continue;
       }
-      renderedStyles.push(`${toKebab(key)}: ${value};`);
+      renderedStyles.push(`${paramCase(key)}: ${value};`);
     }
     return renderedStyles.join(' ');
   }
@@ -101,7 +101,7 @@ export default class Html {
         continue;
       }
 
-      key = toKebab(key);
+      key = paramCase(key);
       if (typeof value === 'boolean') {
         if (value) {
           renderedAttributes.push(key);