fix: camelCase css from style elements

software-mansion · Oct 20, 2019 · 9ee5a28 · 9ee5a28
1 parent 45e8e8d
commit 9ee5a28
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/css.js b/src/css.js
@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { parse, SvgAst } from './xml';
+import { camelCase, parse, SvgAst } from './xml';
 import baseCssAdapter from 'css-select-base-adapter';
 import csstree, { List } from 'css-tree';
 import cssSelect from 'css-select';
@@ -563,7 +563,7 @@ CSSStyleDeclaration.prototype.setProperty = function(
   };
   let key = propertyName.trim();
   properties.set(key, property);
-  this.parentNode.props.style[key] = trimmedValue;
+  this.parentNode.props.style[camelCase(key)] = trimmedValue;
 
   return property;
 };

diff --git a/src/xml.tsx b/src/xml.tsx
@@ -174,7 +174,7 @@ export class SvgFromUri extends Component<UriProps, UriState> {
 
 const upperCase = (_match: string, letter: string) => letter.toUpperCase();
 
-const camelCase = (phrase: string) =>
+export const camelCase = (phrase: string) =>
   phrase.replace(/[:\-]([a-z])/g, upperCase);
 
 type Styles = { [property: string]: string };