app-studio 0.2.8 → 0.2.10

package/dist/appstudio.cjs.development.js

@@ -810,7 +810,7 @@ const generateCssRules = (selector, styles, getColor, mediaQueries) => {
   return rules;
 };
 // Function to apply styles to a component
-const computeStyleProps = (props, getColor, mediaQueries, devices) => {
+const computeStyleProps = props => {
   const styleProps = {};
   const keyframesList = [];
   // Gestion de la taille de l'élément
@@ -869,22 +869,8 @@ const computeStyleProps = (props, getColor, mediaQueries, devices) => {
   }
   Object.keys(props).forEach(property => {
     if (property !== 'style' && (isStyleProp(property) || extraKeys.has(property))) {
-      const value = props[property];
-      if (typeof value === 'object' && value !== null) {
-        // For other nested styles, exclude 'on' and 'media'
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const {
-          on,
-          media,
-          ...nestedProps
-        } = value;
-        const nestedResult = computeStyleProps(nestedProps);
-        styleProps[property] = nestedResult.styleProps;
-        keyframesList.push(...(nestedResult.keyframes || []));
-      } else {
-        // Simple style property
-        styleProps[property] = value;
-      }
+      // Simple style property
+      styleProps[property] = props[property];
     }
   });
   return {
@@ -893,7 +879,7 @@ const computeStyleProps = (props, getColor, mediaQueries, devices) => {
   };
 };
 // Function to apply styles to a component
-const applyStyle = function (props, getColor, mediaQueries, devices, depth,
+const applyStyle = function (props, mediaQueries, devices, depth,
 // Add a depth parameter
 maxDepth // Set a maximum depth
 ) {
@@ -1023,9 +1009,6 @@ maxDepth // Set a maximum depth
       }
     }
   });
-  console.log({
-    styleProps
-  });
   return {
     styleProps,
     keyframes: keyframesList
@@ -1035,7 +1018,7 @@ const getStyledProps = (props, getColor, mediaQueries, devices) => {
   const {
     styleProps,
     keyframes
-  } = applyStyle(props, getColor, mediaQueries, devices);
+  } = applyStyle(props, mediaQueries, devices);
   const className = generateClassName(styleProps);
   let cssRules = [];
   if (cssRulesCache.has(className)) {