.github/workflows/ci.yml

@@ -11,9 +11,9 @@ jobs:
       matrix:
         node-version: [14.x, 16.x, 18.x]
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
           cache: 'npm'

CHANGELOG.md

@@ -1,6 +1,13 @@
 # Change Log
 
 ## Master/Unreleased
+## [v1.5.1](https://github.com/aknuds1/html-to-react/tree/v1.5.1)
+
+- Don't camelCase CSS custom properties [145](https://github.com/aknuds1/html-to-react/pull/145) ([tylersticka](https://github.com/tylersticka))
+
+## [v1.5.0](https://github.com/aknuds1/html-to-react/tree/v1.5.0)
+
+- Drop dependency on Ramda
 
 ## [v1.4.8](https://github.com/aknuds1/html-to-react/tree/v1.4.8)
 

lib/utils.js

@@ -20,7 +20,14 @@ function createStyleJsonFromString(styleString) {
     }
 
     if (key != null && value != null && key.length > 0 && value.length > 0) {
-      jsonStyles[camelCase(key)] = value;
+      key = key.trim();
+
+      // Don't camelCase CSS custom properties
+      if (key.indexOf('--') !== 0) {
+        key = camelCase(key);
+      }
+
+      jsonStyles[key] = value;
     }
   }
   return jsonStyles;