@cnc-ti/layout-basic 8.1.13 → 8.2.1
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.css +35 -27
- package/dist/index.css.map +1 -1
- package/dist/index.js +11 -10
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -10
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -8639,14 +8639,14 @@ var DialogContent2 = React37.forwardRef(({ className, children, ...props }, ref)
|
|
|
8639
8639
|
{
|
|
8640
8640
|
ref,
|
|
8641
8641
|
className: cn(
|
|
8642
|
-
"cnc-fixed cnc-left-[50%] cnc-top-[50%] cnc-z-50 cnc-grid cnc-w-full cnc-max-w-
|
|
8642
|
+
"cnc-fixed cnc-left-[50%] cnc-top-[50%] cnc-z-50 cnc-grid cnc-w-full cnc-max-w-[42rem] cnc-translate-x-[-50%] cnc-translate-y-[-50%] cnc-gap-4 cnc-border cnc-bg-background cnc-p-6 cnc-pt-4 cnc-shadow-lg cnc-duration-200 data-[state=open]:cnc-animate-in data-[state=closed]:cnc-animate-out data-[state=closed]:cnc-fade-out-0 data-[state=open]:cnc-fade-in-0 data-[state=closed]:cnc-zoom-out-95 data-[state=open]:cnc-zoom-in-95 data-[state=closed]:cnc-slide-out-to-left-1/2 data-[state=closed]:cnc-slide-out-to-top-[48%] data-[state=open]:cnc-slide-in-from-left-1/2 data-[state=open]:cnc-slide-in-from-top-[48%] cnc-sm:rounded-lg",
|
|
8643
8643
|
className
|
|
8644
8644
|
),
|
|
8645
8645
|
...props,
|
|
8646
8646
|
children: [
|
|
8647
8647
|
children,
|
|
8648
8648
|
/* @__PURE__ */ jsxs5(Close, { className: "cnc-absolute cnc-right-4 cnc-top-4 cnc-rounded-sm cnc-opacity-70 cnc-ring-offset-background cnc-transition-opacity hover:cnc-opacity-100 focus:cnc-outline-none focus:cnc-ring-2 focus:cnc-ring-ring focus:cnc-ring-offset-2 disabled:cnc-pointer-events-none data-[state=open]:cnc-bg-accent data-[state=open]:cnc-text-muted-foreground", children: [
|
|
8649
|
-
/* @__PURE__ */ jsx20(X, { className: "cnc-h-4 cnc-w-4" }),
|
|
8649
|
+
/* @__PURE__ */ jsx20(X, { className: "cnc-h-4 cnc-w-4 cnc-mt-2" }),
|
|
8650
8650
|
/* @__PURE__ */ jsx20("span", { className: "cnc-sr-only", children: "Close" })
|
|
8651
8651
|
] })
|
|
8652
8652
|
]
|
|
@@ -8714,9 +8714,9 @@ var Modal = ({
|
|
|
8714
8714
|
}) => {
|
|
8715
8715
|
return /* @__PURE__ */ jsxs6(Dialog2, { open: visibleModal, onOpenChange: onClose, children: [
|
|
8716
8716
|
/* @__PURE__ */ jsx21(DialogOverlay2, { className: "cnc-inset-0 cnc-bg-blackA6= data-[state=open]:cnc-animate-overlayShow" }),
|
|
8717
|
-
/* @__PURE__ */ jsxs6(DialogContent2, { className: "
|
|
8718
|
-
title && /* @__PURE__ */ jsx21(DialogHeader, { className: "cnc-text-sm cnc-h-14 cnc-text-
|
|
8719
|
-
/* @__PURE__ */ jsx21("div", { className: "cnc-flex cnc-flex-col cnc-mb-
|
|
8717
|
+
/* @__PURE__ */ jsxs6(DialogContent2, { className: "cnc-max-h-[100vh] cnc-p-0 cnc-rounded-sm cnc-bg-white cnc-focus:outline-none data-[state=open]:cnc-animate-contentShow", children: [
|
|
8718
|
+
title && /* @__PURE__ */ jsx21(DialogHeader, { className: "cnc-text-sm cnc-h-14 cnc-text-black cnc-font- cnc-border-b cnc-w-full cnc-leading-10", children: title }),
|
|
8719
|
+
/* @__PURE__ */ jsx21("div", { className: "cnc-flex cnc-flex-col cnc-mb-16 cnc-mx-20 cnc-align-middle cnc-items-left cnc-justify-center", children: content })
|
|
8720
8720
|
] })
|
|
8721
8721
|
] });
|
|
8722
8722
|
};
|
|
@@ -8931,7 +8931,8 @@ function SidebarContainer({
|
|
|
8931
8931
|
"div",
|
|
8932
8932
|
{
|
|
8933
8933
|
"data-is-open": isOpen,
|
|
8934
|
-
|
|
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-
|
|
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-
|
|
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),
|