nvis-fe-cms-libs 1.1.27 → 1.1.28

package/dist/nvis-fe-cms-libs.umd.js

@@ -3409,39 +3409,40 @@ var __async = (__this, __arguments, generator) => {
     )) }) });
   };
   const TextWithTitleSection = ({ section, data, isDarkMode }) => {
+    var _a;
     const textItems = (data == null ? void 0 : data.sectionDataBindingItems) || [];
+    const title = ((_a = textItems[0]) == null ? void 0 : _a.value) || "";
+    const descriptions = textItems.slice(1);
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
       padding: "40px 20px",
-      backgroundColor: isDarkMode ? "#1f2937" : "#f8f9fa",
-      textAlign: "center"
-    }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: "800px", margin: "0 auto" }, children: textItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        style: {
-          backgroundColor: isDarkMode ? "#374151" : "white",
-          padding: "30px 20px",
-          marginBottom: "20px",
-          borderRadius: "8px",
-          boxShadow: isDarkMode ? "0 2px 4px rgba(0,0,0,0.3)" : "0 2px 4px rgba(0,0,0,0.1)"
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: {
-            fontSize: "24px",
-            fontWeight: "bold",
-            color: isDarkMode ? "#f9fafb" : "#1f2937",
-            marginBottom: "16px",
-            lineHeight: "1.3"
-          }, children: item.title }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+      backgroundColor: isDarkMode ? "#111827" : "#ffffff"
+    }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { maxWidth: "1200px", margin: "0 auto" }, children: [
+      title && /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: {
+        fontSize: "36px",
+        fontWeight: "700",
+        color: isDarkMode ? "#ffffff" : "#000000",
+        marginBottom: "16px",
+        lineHeight: "1.2",
+        textAlign: "left",
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
+      }, children: title }),
+      descriptions.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          style: {
             fontSize: "16px",
             lineHeight: "1.6",
-            color: isDarkMode ? "#d1d5db" : "#4b5563",
-            textAlign: "left"
-          }, children: item.value })
-        ]
-      },
-      item.id || index2
-    )) }) });
+            color: isDarkMode ? "#9ca3af" : "#6b7280",
+            textAlign: "left",
+            fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+            fontWeight: "400",
+            marginBottom: index2 < descriptions.length - 1 ? "16px" : "0"
+          },
+          children: item.value
+        },
+        item.id || index2
+      ))
+    ] }) });
   };
   const TextSection = ({ data, isDarkMode }) => {
     const textItems = (data == null ? void 0 : data.sectionDataBindingItems) || [];
@@ -3450,25 +3451,20 @@ var __async = (__this, __arguments, generator) => {
       {
         style: {
           padding: "40px 20px",
-          backgroundColor: isDarkMode ? "#1f2937" : "#f8f9fa",
-          // Dark: slate-800, Light: gray-100
-          textAlign: "center"
+          backgroundColor: isDarkMode ? "#111827" : "#ffffff"
         },
         children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { maxWidth: "800px", margin: "0 auto" }, children: textItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             style: {
-              backgroundColor: isDarkMode ? "#374151" : "white",
-              // Dark: slate-700, Light: white
-              padding: "20px",
+              padding: "0",
               marginBottom: "20px",
-              borderRadius: "8px",
-              boxShadow: isDarkMode ? "0 2px 4px rgba(0,0,0,0.3)" : "0 2px 4px rgba(0,0,0,0.1)",
-              fontSize: "16px",
-              lineHeight: "1.6",
-              color: isDarkMode ? "#d1d5db" : "#333",
-              // Dark: gray-300, Light: dark gray
-              textAlign: "left"
+              fontSize: "28px",
+              fontWeight: "700",
+              lineHeight: "1.3",
+              color: isDarkMode ? "#f9fafb" : "#111827",
+              textAlign: "left",
+              fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
             },
             children: item.value
           },