Ensure theme is passed to style element stringification

Author: johno

.changeset/two-waves-help.md

@@ -0,0 +1,5 @@
+---
+'@compai/css-gui': patch
+---
+
+Ensure theme is passed to style element stringification

packages/gui/src/lib/codegen/enhance-sfc.ts

@@ -24,7 +24,7 @@ const h = (theme: Theme) => (tagName: string, props: any, children?: any[]) => {
 
 export const enhanceSFC = async (node: HtmlNode, options: CodegenOptions) => {
   const root = editorSchemaToHast(node, { addSlotTagSyntax: true })
-  const { node: htmlNode, styles } = inlineStylesToStyleElement(root)
+  const { node: htmlNode, styles } = inlineStylesToStyleElement(root, options)
   // @ts-ignore
   const functionBody = stringifyHastNode(toH(h(options?.theme), htmlNode))
 

packages/gui/src/lib/transformers/inline-styles-to-style-element.ts

@@ -5,8 +5,12 @@ import hash from '../hash'
 import { stringifyCSSObject } from '../codegen/stringify-css-object'
 import { toCSSObject } from '../codegen/to-css-object'
 import { addCSSClassSyntax } from '../classes'
+import { CodegenOptions } from '../codegen/types'
 
-export const inlineStylesToStyleElement = (node: any) => {
+export const inlineStylesToStyleElement = (
+  node: any,
+  options: CodegenOptions
+) => {
   const styleMap: Record<string, any> = {}
   const processedTree = unified()
     .use(() => (tree) => {
@@ -27,8 +31,9 @@ export const inlineStylesToStyleElement = (node: any) => {
 
         delete node.properties.style
 
+        console.log(options)
         styleMap[selector] = stringifyCSSObject(
-          toCSSObject(style),
+          toCSSObject(style, options?.theme),
           addCSSClassSyntax(selector)
         )
       })