Fix pascal case bug

components-ai · May 4, 2022 · 81cfd40 · 81cfd40 · vercel · May 4, 2022
1 parent c1120fe
commit 81cfd40
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/.changeset/stupid-sheep-draw.md b/.changeset/stupid-sheep-draw.md
@@ -0,0 +1,5 @@
+---
+'@compai/css-gui': patch
+---
+
+Fix pascal case bug
diff --git a/packages/gui/src/lib/util.ts b/packages/gui/src/lib/util.ts
@@ -1,7 +1,7 @@
 import { EditorProps } from '../types/editor'
 import { isPseudoClass, isPseudoElement } from './pseudos'
 import { isElement } from './elements'
-import { camelCase, lowerCase, startCase, upperFirst } from 'lodash-es'
+import { lowerCase, startCase, upperFirst } from 'lodash-es'
 
 export type EditorPropsWithLabel<T> = EditorProps<T> & { label: string }
 /**
@@ -96,13 +96,13 @@ export const toGoogleFontUrl = (families: FontFamilyData[]) => {
  */
 export const toGoogleVariableFontUrl = (variableFonts: any[]) => {
   if (!variableFonts?.length) return null
-  
+
   let familyQueries: any[] = []
 
   variableFonts.forEach((vFont) => {
     let prependQuery = `family=${plusify(vFont.name)}:`
     delete vFont['name']
-    
+
     let orderedKeys = [
       ...Object.keys(vFont)
         .filter((k) => k === k.toLowerCase())
@@ -111,9 +111,9 @@ export const toGoogleVariableFontUrl = (variableFonts: any[]) => {
         .filter((k) => k === k.toUpperCase())
         .sort(),
     ]
-    
+
     const queryParams = orderedKeys.join(',')
-    
+
     const queryRange = orderedKeys
       .map((key) => {
         if (key === 'ital') return null
@@ -137,5 +137,5 @@ export const toGoogleVariableFontUrl = (variableFonts: any[]) => {
 }
 
 export function pascalCase(str: string) {
-  return startCase(camelCase(str))
+  return startCase(str).replace(/\s/g, '')
 }