nvis-fe-cms-libs 2.0.7 → 2.0.9

package/README.md

@@ -238,3 +238,5 @@ const SectionRenderer = ({ section }) => {
 
 Thư viện **nvis-fe-cms-libs** giúp tách rời các section thành module độc lập, dễ tái sử dụng và bảo trì.  
 Bạn có thể mở rộng bằng cách thêm component mới và publish phiên bản tiếp theo lên npm.
+
+# Web lấy icon svg https://www.svgrepo.com 

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

@@ -938,7 +938,7 @@ const PartnersSection = ({ data, t, imageBaseUrl = "", section }) => {
             "button",
             {
               onClick: () => setCurrentPartnerSlide(index2),
-              className: `w-3 h-3 rounded-full transition-all duration-300 ${index2 === currentPartnerSlide ? "bg-brand-primary scale-125 shadow-lg" : "bg-muted hover:bg-brand-primary/70"}`,
+              className: `w-3 h-3 rounded-full transition-all duration-300 ${index2 === currentPartnerSlide ? "bg-brand-primary scale-125 shadow-lg" : "bg-surface hover:bg-brand-primary/70"}`,
               "aria-label": `Slide ${index2 + 1}`
             },
             index2
@@ -1341,17 +1341,17 @@ const PartnerListSection = ({ t, getPartnerList, imageBaseUrl = "", section }) =
                 border: "none",
                 cursor: "pointer",
                 transition: "all 0.3s ease",
-                backgroundColor: index2 === currentPartnerSlide ? "var(--brand-primary)" : "rgba(255, 255, 255, 0.3)",
+                backgroundColor: index2 === currentPartnerSlide ? "var(--brand-primary)" : "rgba(151, 151, 151, 0.8)",
                 transform: index2 === currentPartnerSlide ? "scale(1.3)" : "scale(1)"
               },
               onMouseEnter: (e) => {
                 if (index2 !== currentPartnerSlide) {
-                  e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.5)";
+                  e.currentTarget.style.backgroundColor = "rgba(151, 151, 151, 0.8)";
                 }
               },
               onMouseLeave: (e) => {
                 if (index2 !== currentPartnerSlide) {
-                  e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
+                  e.currentTarget.style.backgroundColor = "rgba(151, 151, 151, 0.8)";
                 }
               },
               "aria-label": `Slide ${index2 + 1}`
@@ -2953,10 +2953,10 @@ const DiagramSection = ({ data, t, isDarkMode }) => {
       };
     }
     return {
-      gradient: "linear-gradient(to right, var(--gradient-accent-soft-start), var(--gradient-accent-soft-end))",
-      border: "var(--gradient-accent-soft-start)",
-      line: "var(--gradient-accent-soft-start)",
-      iconBg: "var(--gradient-accent-soft-start)",
+      gradient: "linear-gradient(to right, var(--gradient-brand-strong-start), var(--gradient-brand-strong-end))",
+      border: "var(--gradient-brand-strong-start)",
+      line: "var(--gradient-brand-strong-start)",
+      iconBg: "var(--gradient-brand-strong-start)",
       shadow: "rgba(139, 92, 246, 0.2)"
     };
   };
@@ -3525,8 +3525,8 @@ const MindMapNode = ({ id, icon: Icon2, text, color, position, delay = 0, onDrag
             className: "backdrop-blur-md px-4 py-2.5 rounded-2xl shadow-2xl border-2 flex items-center gap-2.5 cursor-pointer transform transition-all duration-300",
             style: {
               background: isHovered || isDragging ? colorStyle.gradientHover : colorStyle.gradient,
-              borderColor: colorStyle.border + "80",
-              boxShadow: `0 10px 40px ${colorStyle.shadowColor}4D`,
+              borderColor: colorStyle.border,
+              boxShadow: `0 10px 40px ${colorStyle.shadowColor}`,
               transform: isHovered || isDragging ? "scale(1.1)" : "scale(1)",
               filter: isHovered || isDragging ? "brightness(1.1)" : "brightness(1)",
               rotate: isDragging ? "2deg" : "0deg"