@woodylab/payload 0.0.85 → 0.0.88

package/dist/getClassName.js

@@ -0,0 +1,28 @@
+function getClassName(config) {
+    // Mantieni tutte le altre classi Tailwind, ma ometti quelle di colore di sfondo
+    const classList = [];
+    // Gestione campi compositi
+    ['p', 'm'].forEach((field) => {
+        if (config[field]?.className) {
+            classList.push(config[field].className);
+        }
+    });
+    // Gestione campi diretti
+    ['fs', 'h', 'container'].forEach((field) => {
+        if (config[field]) {
+            classList.push(config[field]);
+        }
+    });
+    // Altre classi che non sono colori dinamici
+    if (config.bgi && config.bgi.url) {
+        classList.push('bg-no-repeat bg-cover');
+    }
+    if (config.boxShadow) {
+        classList.push(config.boxShadow);
+    }
+    if (config.borderRadius) {
+        classList.push(config.borderRadius);
+    }
+    return classList.join(' ');
+}
+export default getClassName;

package/dist/getInlineStyles.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare function getInlineStyles(config: any): React.CSSProperties;
+import type { CSSProperties } from 'react';
+declare function getInlineStyles(config: any): CSSProperties;
 export default getInlineStyles;

package/dist/getInlineStyles.js

@@ -0,0 +1,17 @@
+function getInlineStyles(config) {
+    const styles = {};
+    // Gestisci il background color con stile inline
+    if (config.bgc) {
+        styles.backgroundColor = config.bgc;
+    }
+    // Gestione background image
+    if (config.bgi && config.bgi.url) {
+        styles.backgroundImage = `url("${config.bgi.url}")`;
+        // Gestione focal point
+        if (typeof config.bgi.focalX === 'number' && typeof config.bgi.focalY === 'number') {
+            styles.backgroundPosition = `${config.bgi.focalX}% ${config.bgi.focalY}%`;
+        }
+    }
+    return styles;
+}
+export default getInlineStyles;