@szymonpiatek/designsystem 0.0.11 → 0.0.12

package/dist/index.cjs

@@ -11394,12 +11394,13 @@ var CommentSection = react.forwardRef(
   ({
     title = "Komentarze",
     comments,
+    maxWidth = "xl",
     onLike,
     onReply,
     ...rest
   }, ref) => {
     const total = countTotal(comments);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Section, { ref, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Section, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { maxWidth, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Heading, { children: [
         title,
         /* @__PURE__ */ jsxRuntime.jsxs(CommentCount, { children: [
@@ -11421,7 +11422,7 @@ var CommentSection = react.forwardRef(
           reply.id
         )) })
       ] }, comment.id)) })
-    ] });
+    ] }) });
   }
 );
 CommentSection.displayName = "CommentSection";
@@ -11434,11 +11435,12 @@ var FaqSection = react.forwardRef(
     description,
     items,
     headingAlign = "center",
+    maxWidth = "xl",
     defaultOpenIndex,
     ...rest
   }, ref) => {
     const hasHeading = Boolean(title || description);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Section, { ref, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Section, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { maxWidth, children: [
       hasHeading && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title: title ?? "", description, align: headingAlign }),
       /* @__PURE__ */ jsxRuntime.jsx(List6, { $hasHeading: hasHeading, children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
         FaqItem,
@@ -11448,7 +11450,7 @@ var FaqSection = react.forwardRef(
         },
         `${item.question}-${index}`
       )) })
-    ] });
+    ] }) });
   }
 );
 FaqSection.displayName = "FaqSection";
@@ -11475,10 +11477,11 @@ var FeatureGrid = react.forwardRef(
     columns = 3,
     cardVariant = "default",
     itemLayout = "card",
+    maxWidth = "xl",
     ...rest
   }, ref) => {
     const hasHeading = Boolean(title || description);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Section, { ref, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Section, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { maxWidth, children: [
       hasHeading && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title: title ?? "", description, align: headingAlign }),
       /* @__PURE__ */ jsxRuntime.jsx(Grid3, { $columns: columns, $hasHeading: hasHeading, $iconLeft: itemLayout === "icon-left", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
         FeatureItem,
@@ -11489,7 +11492,7 @@ var FeatureGrid = react.forwardRef(
         },
         `${feature.title}-${index}`
       )) })
-    ] });
+    ] }) });
   }
 );
 FeatureGrid.displayName = "FeatureGrid";
@@ -11519,10 +11522,11 @@ var LogoCloud = react.forwardRef(
     variant = "plain",
     monochrome = true,
     logoHeight = 40,
+    maxWidth = "xl",
     ...rest
   }, ref) => {
     const hasHeading = Boolean(title || description);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Section, { ref, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Section, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { maxWidth, children: [
       hasHeading && title && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title, description, align: headingAlign }),
       hasHeading && !title && description && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title: description, align: headingAlign, as: "h2" }),
       /* @__PURE__ */ jsxRuntime.jsx(Grid4, { $columns: columns, $hasHeading: hasHeading, children: logos.map((logo) => {
@@ -11538,7 +11542,7 @@ var LogoCloud = react.forwardRef(
           key
         );
       }) })
-    ] });
+    ] }) });
   }
 );
 LogoCloud.displayName = "LogoCloud";
@@ -11620,6 +11624,7 @@ var NewsletterSection = react.forwardRef(
     headingAlign = "center",
     layout = "centered",
     cardVariant = "default",
+    maxWidth = "xl",
     onSubmit,
     ...rest
   }, ref) => {
@@ -11650,7 +11655,7 @@ var NewsletterSection = react.forwardRef(
       ] }),
       privacyNote && /* @__PURE__ */ jsxRuntime.jsx(PrivacyNote, { children: privacyNote })
     ] });
-    return /* @__PURE__ */ jsxRuntime.jsx(Section, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(Card, { variant: cardVariant, padding: "xl", rounded: "lg", children: isCentered ? /* @__PURE__ */ jsxRuntime.jsxs(CenteredInner, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Section, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(Container, { maxWidth, children: /* @__PURE__ */ jsxRuntime.jsx(Card, { variant: cardVariant, padding: "xl", rounded: "lg", children: isCentered ? /* @__PURE__ */ jsxRuntime.jsxs(CenteredInner, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         SectionHeading,
         {
@@ -11663,7 +11668,7 @@ var NewsletterSection = react.forwardRef(
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs(SplitInner, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title: title ?? "", description, align: "left" }),
       formNode
-    ] }) }) });
+    ] }) }) }) });
   }
 );
 NewsletterSection.displayName = "NewsletterSection";
@@ -11778,10 +11783,11 @@ var StatsSection = react.forwardRef(
     columns = 3,
     cardVariant = "default",
     statAlign = "center",
+    maxWidth = "xl",
     ...rest
   }, ref) => {
     const hasHeading = Boolean(title || description);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Section, { ref, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Section, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { maxWidth, children: [
       hasHeading && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title: title ?? "", description, align: headingAlign }),
       /* @__PURE__ */ jsxRuntime.jsx(Grid6, { $columns: columns, $hasHeading: hasHeading, children: stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsx(
         StatCard,
@@ -11792,7 +11798,7 @@ var StatsSection = react.forwardRef(
         },
         `${stat.label}-${index}`
       )) })
-    ] });
+    ] }) });
   }
 );
 StatsSection.displayName = "StatsSection";
@@ -11819,10 +11825,11 @@ var TeamSection = react.forwardRef(
     headingAlign = "center",
     columns = 3,
     cardVariant = "default",
+    maxWidth = "xl",
     ...rest
   }, ref) => {
     const hasHeading = Boolean(title || description);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Section, { ref, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Section, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { maxWidth, children: [
       hasHeading && title && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title, description, align: headingAlign }),
       hasHeading && !title && description && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title: description, align: headingAlign, as: "h2" }),
       /* @__PURE__ */ jsxRuntime.jsx(Grid7, { $columns: columns, $hasHeading: hasHeading, children: members.map((member) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -11833,7 +11840,7 @@ var TeamSection = react.forwardRef(
         },
         `${member.name}-${member.role}`
       )) })
-    ] });
+    ] }) });
   }
 );
 TeamSection.displayName = "TeamSection";
@@ -11860,10 +11867,11 @@ var TestimonialsSection = react.forwardRef(
     headingAlign = "center",
     columns = 3,
     cardVariant = "default",
+    maxWidth = "xl",
     ...rest
   }, ref) => {
     const hasHeading = Boolean(title || description);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Section, { ref, ...rest, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(Section, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { maxWidth, children: [
       hasHeading && /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { title: title ?? "", description, align: headingAlign }),
       /* @__PURE__ */ jsxRuntime.jsx(Grid8, { $columns: columns, $hasHeading: hasHeading, children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxRuntime.jsx(
         TestimonialCard,
@@ -11873,7 +11881,7 @@ var TestimonialsSection = react.forwardRef(
         },
         `${testimonial.authorName}-${index}`
       )) })
-    ] });
+    ] }) });
   }
 );
 TestimonialsSection.displayName = "TestimonialsSection";