@hilum/ui 0.1.4 → 0.1.5
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.js +4 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/sidebar.tsx +4 -4
package/dist/index.js
CHANGED
|
@@ -3625,7 +3625,7 @@ function Sidebar({
|
|
|
3625
3625
|
"data-variant": variant,
|
|
3626
3626
|
"data-collapsible": "none",
|
|
3627
3627
|
className: cn(
|
|
3628
|
-
"flex flex-col h-svh bg-white border-r border-ground-100 w-
|
|
3628
|
+
"flex flex-col h-svh bg-white border-r border-ground-100 w-(--sidebar-width)",
|
|
3629
3629
|
side === "right" && "border-r-0 border-l",
|
|
3630
3630
|
className
|
|
3631
3631
|
),
|
|
@@ -3645,7 +3645,7 @@ function Sidebar({
|
|
|
3645
3645
|
className: cn(
|
|
3646
3646
|
"group peer flex flex-col h-svh bg-white border-r border-ground-100",
|
|
3647
3647
|
"transition-[width,transform] duration-200 ease-linear",
|
|
3648
|
-
"data-[state=expanded]:w-
|
|
3648
|
+
"data-[state=expanded]:w-(--sidebar-width) data-[state=collapsed]:w-0 data-[state=collapsed]:-translate-x-full",
|
|
3649
3649
|
side === "right" && "border-r-0 border-l data-[state=collapsed]:translate-x-full",
|
|
3650
3650
|
className
|
|
3651
3651
|
),
|
|
@@ -3664,7 +3664,7 @@ function Sidebar({
|
|
|
3664
3664
|
className: cn(
|
|
3665
3665
|
"group peer hidden md:flex flex-col h-svh bg-white border-r border-ground-100",
|
|
3666
3666
|
"transition-[width] duration-200 ease-linear overflow-hidden",
|
|
3667
|
-
"data-[state=expanded]:w-
|
|
3667
|
+
"data-[state=expanded]:w-(--sidebar-width) data-[state=collapsed]:w-(--sidebar-width-icon)",
|
|
3668
3668
|
side === "right" && "border-r-0 border-l",
|
|
3669
3669
|
variant === "floating" && "m-2 h-[calc(100svh-1rem)] rounded-xl border shadow-natural",
|
|
3670
3670
|
variant === "inset" && "border-r-0",
|
|
@@ -3961,7 +3961,7 @@ function SidebarMenuSkeleton({
|
|
|
3961
3961
|
/* @__PURE__ */ jsx(
|
|
3962
3962
|
"div",
|
|
3963
3963
|
{
|
|
3964
|
-
className: "h-4 max-w-
|
|
3964
|
+
className: "h-4 max-w-(--skeleton-width) flex-1 rounded-md bg-ground-200 animate-pulse",
|
|
3965
3965
|
style: { "--skeleton-width": width }
|
|
3966
3966
|
}
|
|
3967
3967
|
)
|