@cnc-ti/layout-basic 8.1.13 → 8.2.0

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
@@ -8687,7 +8687,7 @@ var DialogTitle2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PU
8687
8687
  {
8688
8688
  ref,
8689
8689
  className: cn(
8690
- "cnc-text-lg cnc-font-semibold cnc-leading-none cnc-tracking-tight",
8690
+ "cnc-text-lg cnc-leading-none cnc-tracking-tight cnc-text-red-500",
8691
8691
  className
8692
8692
  ),
8693
8693
  ...props
@@ -8931,7 +8931,8 @@ function SidebarContainer({
8931
8931
  "div",
8932
8932
  {
8933
8933
  "data-is-open": isOpen,
8934
- className: `cnc-w-full cnc-max-w-full cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-container cnc-bg-brand-blue-400`,
8934
+ style: { width: isOpen ? "100%" : "0" },
8935
+ className: `cnc-w-full cnc-max-w-full cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-container cnc-bg-brand-blue-400 data-[is-open=true]:w-0`,
8935
8936
  ...rest
8936
8937
  }
8937
8938
  );
@@ -8942,7 +8943,7 @@ function SidebarImageBrand({
8942
8943
  img,
8943
8944
  children
8944
8945
  }) {
8945
- return /* @__PURE__ */ jsxs9("div", { className: "cnc-flex cnc-items-center cnc-justify-between cnc-bg-brand-blue-500 cnc-w-full cnc-h-full cnc-max-h-[70px] cnc-py-5 cnc-px-6 cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-child-w-0", children: [
8946
+ return /* @__PURE__ */ jsxs9("div", { className: "cnc-flex cnc-items-center cnc-justify-between cnc-bg-primary-900 cnc-w-full cnc-h-full cnc-max-h-[70px] cnc-py-5 cnc-px-6 cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-child-w-0", children: [
8946
8947
  /* @__PURE__ */ jsx24("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ jsx24(
8947
8948
  "img",
8948
8949
  {
@@ -8987,7 +8988,7 @@ function Sidebar({ children, ...rest }) {
8987
8988
  return /* @__PURE__ */ jsx24(Accordion.Root, { ...rest, children: /* @__PURE__ */ jsx24(
8988
8989
  "div",
8989
8990
  {
8990
- className: "cnc-w-full cnc-h-screen-minus-70 cnc-flex cnc-flex-col cnc-py-8 cnc-bg-brand-blue-400 cnc-px-5 \r\n cnc-scroll-smooth cnc-overflow-y-auto\r\n [&::-webkit-scrollbar]:cnc-w-1\r\n [&::-webkit-scrollbar-track]:cnc-bg-brand-blue-500\r\n [&::-webkit-scrollbar-thumb]:cnc-rounded\r\n [&::-webkit-scrollbar-thumb]:cnc-border\r\n [&::-webkit-scrollbar-thumb]:cnc-border-solid\r\n [&::-webkit-scrollbar-thumb]:cnc-border-brand-gray-400\r\n [&::-webkit-scrollbar-thumb]:cnc-bg-brand-gray-200\r\n cnc-sidebar-child-w-0",
8991
+ className: "cnc-w-full cnc-h-screen-minus-70 cnc-flex cnc-flex-col cnc-py-8 cnc-bg-primary-800 cnc-px-5 \r\n cnc-scroll-smooth cnc-overflow-y-auto\r\n [&::-webkit-scrollbar]:cnc-w-1\r\n [&::-webkit-scrollbar-track]:cnc-bg-brand-blue-500\r\n [&::-webkit-scrollbar-thumb]:cnc-rounded\r\n [&::-webkit-scrollbar-thumb]:cnc-border\r\n [&::-webkit-scrollbar-thumb]:cnc-border-solid\r\n [&::-webkit-scrollbar-thumb]:cnc-border-brand-gray-400\r\n [&::-webkit-scrollbar-thumb]:cnc-bg-brand-gray-200\r\n cnc-sidebar-child-w-0",
8991
8992
  children
8992
8993
  }
8993
8994
  ) });
@@ -9002,7 +9003,7 @@ function SidebarNavLink({
9002
9003
  Component,
9003
9004
  {
9004
9005
  "data-type": type,
9005
- className: "cnc-w-full cnc-py-4 cnc-text-white cnc-flex cnc-gap-2 cnc-items-center cnc-text-base hover:cnc-text-blue-600 data-[type=secondary]:cnc-pl-0 data-[type=secondary]:cnc-text-sm data-[type=secondary]:cnc-py-0 data-[type=secondary]:cnc-my-2 cnc-sidebar-child-hidden",
9006
+ className: "cnc-sidebar-item cnc-w-full cnc-py-4 cnc-text-white cnc-flex cnc-gap-2 cnc-items-center cnc-text-base hover:cnc-text-blue-600 data-[type=secondary]:cnc-pl-0 data-[type=secondary]:cnc-text-sm data-[type=secondary]:cnc-py-0 data-[type=secondary]:cnc-my-2 cnc-sidebar-child-hidden",
9006
9007
  ...rest
9007
9008
  }
9008
9009
  );
@@ -9013,7 +9014,7 @@ function SidebarNavCollapse({
9013
9014
  icon,
9014
9015
  ...rest
9015
9016
  }) {
9016
- return /* @__PURE__ */ jsxs9(Accordion.Item, { ...rest, children: [
9017
+ return /* @__PURE__ */ jsxs9(Accordion.Item, { ...rest, className: "cnc-sidebar-item", children: [
9017
9018
  /* @__PURE__ */ jsxs9(Accordion.Trigger, { className: "group cnc-w-full cnc-py-4 cnc-text-base cnc-text-white cnc-flex cnc-gap-2 cnc-items-center cnc-justify-between hover:cnc-text-blue-600 cnc-sidebar-child-hidden", children: [
9018
9019
  /* @__PURE__ */ jsxs9("div", { className: "cnc-flex cnc-items-center cnc-gap-2", children: [
9019
9020
  icon && renderIconItem(icon),