feat: 🎸 allow JS-style snake-case declaration properties

streamich · Mar 22, 2019 · 9b8197a · 9b8197a
1 parent 381da93
commit 9b8197a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/.storybook/vcssom/hook.tsx b/.storybook/vcssom/hook.tsx
@@ -19,6 +19,7 @@ export const Demo = () => {
     const className = useCss({
         color: 'red',
         border: '1px solid red',
+        fontWeight: 'bold',
         '&:hover': {
           color: 'blue',
         },

diff --git a/addon/vcssom.js b/addon/vcssom.js
@@ -58,9 +58,11 @@ function removeRule (sh, rule) {
 
 exports.addon = function (renderer) {
     if (process.env.NODE_ENV !== 'production') {
-        require('./__dev__/warnOnMissingDependencies')('pipe', renderer, ['createRule']); // cssom
+        require('./__dev__/warnOnMissingDependencies')('cssom', renderer, ['createRule']); // cssom
     }
 
+    var kebab = renderer.kebab;
+
     function VRule (rule, decl) {
         this.rule = rule;
         this.decl = decl;
@@ -77,7 +79,7 @@ exports.addon = function (renderer) {
 
         for (property in newDecl) {
             if (newDecl[property] !== oldDecl[property]) {
-                style.setProperty(property, newDecl[property]);
+                style.setProperty(kebab(property), newDecl[property]);
             }
         }