@cnc-ti/layout-basic 8.3.3 → 8.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -9521,7 +9521,7 @@ function PageHeader({
9521
9521
  "header",
9522
9522
  {
9523
9523
  className: cn(
9524
- "cnc-w-full cnc-flex cnc-items-center cnc-justify-between cnc-p-8 cnc-bg-brand-blue-50 cnc-border-b-2 cnc-border-brand-blue-60",
9524
+ "cnc-w-full cnc-flex cnc-flex-col cnc-items-center cnc-gap-4 cnc-p-4 cnc-bg-brand-blue-50 cnc-border-b-2 cnc-border-brand-blue-60 md:cnc-flex-row md:cnc-justify-between md:cnc-items-start md:cnc-p-8",
9525
9525
  className
9526
9526
  ),
9527
9527
  children
@@ -9532,7 +9532,16 @@ function PageHeaderTitleContent({
9532
9532
  children,
9533
9533
  className
9534
9534
  }) {
9535
- return /* @__PURE__ */ jsx29("div", { className: "cnc-flex cnc-flex-col cnc-gap-2", children: /* @__PURE__ */ jsx29("div", { className: cn("cnc-flex cnc-items-start cnc-gap-2", className), children }) });
9535
+ return /* @__PURE__ */ jsx29(
9536
+ "div",
9537
+ {
9538
+ className: cn(
9539
+ "cnc-flex cnc-flex-col cnc-items-center cnc-text-center md:cnc-flex-row md:cnc-items-start md:cnc-text-left",
9540
+ className
9541
+ ),
9542
+ children
9543
+ }
9544
+ );
9536
9545
  }
9537
9546
  function PageHeaderTitle({
9538
9547
  title,
@@ -9541,18 +9550,27 @@ function PageHeaderTitle({
9541
9550
  }) {
9542
9551
  const ComponentTitle = titleAs;
9543
9552
  return /* @__PURE__ */ jsxs12("div", { children: [
9544
- /* @__PURE__ */ jsx29(ComponentTitle, { className: "cnc-text-2xl cnc-leading-8 cnc-font-semibold cnc-text-brand-blue-600", children: title }),
9545
- description && /* @__PURE__ */ jsx29("p", { className: "cnc-text-brand-gray-500 cnc-leading-4", children: description })
9553
+ /* @__PURE__ */ jsx29(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
9554
+ description && /* @__PURE__ */ jsx29("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
9546
9555
  ] });
9547
9556
  }
9548
9557
  function PageHeaderActionsContainer({
9549
9558
  children,
9550
9559
  className
9551
9560
  }) {
9552
- return /* @__PURE__ */ jsx29("div", { className: cn("cnc-flex cnc-gap-4", className), children });
9561
+ return /* @__PURE__ */ jsx29(
9562
+ "div",
9563
+ {
9564
+ className: cn(
9565
+ "cnc-flex cnc-items-center cnc-gap-2 md:cnc-flex-row md:cnc-gap-4",
9566
+ className
9567
+ ),
9568
+ children
9569
+ }
9570
+ );
9553
9571
  }
9554
9572
  function Title2({ title, as: Component = "h1" }) {
9555
- return /* @__PURE__ */ jsx29(Component, { className: "cnc-text-[28px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-[10px] cnc-mb-5", children: title });
9573
+ return /* @__PURE__ */ jsx29(Component, { className: "cnc-text-[24px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-2 cnc-mb-4 text-center md:cnc-text-[28px] md:cnc-text-left", children: title });
9556
9574
  }
9557
9575
  export {
9558
9576
  AplicationsHeader,