@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/package.json
CHANGED
|
@@ -132,7 +132,7 @@ function Sidebar({
|
|
|
132
132
|
data-variant={variant}
|
|
133
133
|
data-collapsible="none"
|
|
134
134
|
className={cn(
|
|
135
|
-
"flex flex-col h-svh bg-white border-r border-ground-100 w-
|
|
135
|
+
"flex flex-col h-svh bg-white border-r border-ground-100 w-(--sidebar-width)",
|
|
136
136
|
side === "right" && "border-r-0 border-l",
|
|
137
137
|
className,
|
|
138
138
|
)}
|
|
@@ -153,7 +153,7 @@ function Sidebar({
|
|
|
153
153
|
className={cn(
|
|
154
154
|
"group peer flex flex-col h-svh bg-white border-r border-ground-100",
|
|
155
155
|
"transition-[width,transform] duration-200 ease-linear",
|
|
156
|
-
"data-[state=expanded]:w-
|
|
156
|
+
"data-[state=expanded]:w-(--sidebar-width) data-[state=collapsed]:w-0 data-[state=collapsed]:-translate-x-full",
|
|
157
157
|
side === "right" && "border-r-0 border-l data-[state=collapsed]:translate-x-full",
|
|
158
158
|
className,
|
|
159
159
|
)}
|
|
@@ -174,7 +174,7 @@ function Sidebar({
|
|
|
174
174
|
className={cn(
|
|
175
175
|
"group peer hidden md:flex flex-col h-svh bg-white border-r border-ground-100",
|
|
176
176
|
"transition-[width] duration-200 ease-linear overflow-hidden",
|
|
177
|
-
"data-[state=expanded]:w-
|
|
177
|
+
"data-[state=expanded]:w-(--sidebar-width) data-[state=collapsed]:w-(--sidebar-width-icon)",
|
|
178
178
|
side === "right" && "border-r-0 border-l",
|
|
179
179
|
variant === "floating" && "m-2 h-[calc(100svh-1rem)] rounded-xl border shadow-natural",
|
|
180
180
|
variant === "inset" && "border-r-0",
|
|
@@ -537,7 +537,7 @@ function SidebarMenuSkeleton({
|
|
|
537
537
|
>
|
|
538
538
|
{showIcon && <div className="size-4 shrink-0 rounded-md bg-ground-200 animate-pulse" />}
|
|
539
539
|
<div
|
|
540
|
-
className="h-4 max-w-
|
|
540
|
+
className="h-4 max-w-(--skeleton-width) flex-1 rounded-md bg-ground-200 animate-pulse"
|
|
541
541
|
style={{ "--skeleton-width": width } as React.CSSProperties}
|
|
542
542
|
/>
|
|
543
543
|
</div>
|