app-studio 0.2.7 → 0.2.8

package/dist/appstudio.cjs.development.js

@@ -408,10 +408,7 @@ const ThemeProvider = _ref => {
     children
   } = _ref;
   // Fusion profonde des thèmes par défaut avec ceux fournis
-  const mergedTheme = deepMerge({
-    main: defaultThemeMain,
-    components: {}
-  }, theme);
+  const mergedTheme = deepMerge(defaultThemeMain, theme);
   // Fusion profonde des couleurs par défaut avec celles fournies
   const mergedColors = deepMerge({
     main: defaultColors,
@@ -423,6 +420,9 @@ const ThemeProvider = _ref => {
    * @param name - Le nom de la couleur à récupérer.
    * @returns La valeur de couleur résolue ou le nom original si non trouvé.
    */
+  console.log({
+    mergedTheme
+  });
   const getColor = name => {
     if (name === 'transparent') return name;
     try {
@@ -878,7 +878,7 @@ const computeStyleProps = (props, getColor, mediaQueries, devices) => {
           media,
           ...nestedProps
         } = value;
-        const nestedResult = applyStyle(nestedProps, getColor, mediaQueries, devices);
+        const nestedResult = computeStyleProps(nestedProps);
         styleProps[property] = nestedResult.styleProps;
         keyframesList.push(...(nestedResult.keyframes || []));
       } else {
@@ -975,7 +975,7 @@ maxDepth // Set a maximum depth
             if (!styleProps[`&:${event}`]) {
               styleProps[`&:${event}`] = {};
             }
-            const nestedResult = computeStyleProps(value[event], getColor, mediaQueries, devices);
+            const nestedResult = computeStyleProps(value[event]);
             Object.assign(styleProps[`&:${event}`], nestedResult.styleProps);
             keyframesList.push(...(nestedResult.keyframes || []));
           }
@@ -987,7 +987,7 @@ maxDepth // Set a maximum depth
               if (!styleProps[mediaQuery]) {
                 styleProps[mediaQuery] = {};
               }
-              const nestedResult = computeStyleProps(mediaValue, getColor, mediaQueries, devices);
+              const nestedResult = computeStyleProps(mediaValue);
               Object.assign(styleProps[mediaQuery], nestedResult.styleProps);
               keyframesList.push(...(nestedResult.keyframes || []));
             } else if (devices[screenOrDevices]) {
@@ -998,7 +998,7 @@ maxDepth // Set a maximum depth
                   if (!styleProps[mediaQuery]) {
                     styleProps[mediaQuery] = {};
                   }
-                  const nestedResult = computeStyleProps(mediaValue, getColor, mediaQueries, devices);
+                  const nestedResult = computeStyleProps(mediaValue);
                   Object.assign(styleProps[mediaQuery], nestedResult.styleProps);
                   keyframesList.push(...(nestedResult.keyframes || []));
                 }
@@ -1013,7 +1013,7 @@ maxDepth // Set a maximum depth
             media,
             ...nestedProps
           } = value;
-          const nestedResult = computeStyleProps(nestedProps, getColor, mediaQueries, devices);
+          const nestedResult = computeStyleProps(nestedProps);
           styleProps[property] = nestedResult.styleProps;
           keyframesList.push(...(nestedResult.keyframes || []));
         }
@@ -1023,6 +1023,9 @@ maxDepth // Set a maximum depth
       }
     }
   });
+  console.log({
+    styleProps
+  });
   return {
     styleProps,
     keyframes: keyframesList