gridsmith-ui 0.2.4 → 0.2.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 +10 -8
- package/dist/index.js.map +1 -1
- package/dist/roots.css +0 -5
- package/dist/tailwind.css +0 -1
- package/dist-static/tailwind.css +0 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -94217,7 +94217,7 @@ function CompactFlyout({
|
|
|
94217
94217
|
},
|
|
94218
94218
|
className: cn(
|
|
94219
94219
|
"flex items-center gap-ds-2 px-ds-2 py-ds-1.5 text-xs rounded-[var(--ds-radius-sm)] transition-colors cursor-pointer",
|
|
94220
|
-
child.active ? "bg-sidebar-
|
|
94220
|
+
child.active ? "bg-[var(--ds-sidebar-item-active)] text-[var(--ds-sidebar-accent)] font-medium" : "text-[var(--ds-sidebar-text-secondary)] hover:bg-[var(--ds-sidebar-item-hover)] hover:text-[var(--ds-sidebar-text)]"
|
|
94221
94221
|
),
|
|
94222
94222
|
children: [
|
|
94223
94223
|
child.icon && /* @__PURE__ */ jsx(Icon, { name: child.icon, size: 14 }),
|
|
@@ -94287,7 +94287,7 @@ function SidebarNav({
|
|
|
94287
94287
|
"flex items-center gap-ds-2 transition-colors cursor-pointer",
|
|
94288
94288
|
isRoot ? cn("py-ds-2 text-sm", isMinimal ? "rounded-full" : "rounded-[var(--ds-radius-md)]") : "py-ds-1.5 text-xs rounded-[var(--ds-radius-sm)]",
|
|
94289
94289
|
isRoot ? collapsed ? "justify-center px-0" : "px-ds-3" : "px-ds-2",
|
|
94290
|
-
item.active ? isRoot ? isMinimal ? "bg-sidebar-
|
|
94290
|
+
item.active ? isRoot ? isMinimal ? "bg-[var(--ds-sidebar-item-active)] text-[var(--ds-sidebar-text)] font-medium" : "bg-[var(--ds-sidebar-item-active)] text-[var(--ds-sidebar-text)] font-medium border-l-2 border-[var(--ds-sidebar-accent)]" : "bg-[var(--ds-sidebar-item-active)] text-[var(--ds-sidebar-accent)] font-medium" : isRoot ? isMinimal ? "text-[var(--ds-sidebar-text-secondary)] hover:bg-[var(--ds-sidebar-item-hover)] hover:text-[var(--ds-sidebar-text)]" : "text-[var(--ds-sidebar-text-secondary)] hover:bg-[var(--ds-sidebar-item-hover)] hover:text-[var(--ds-sidebar-text)] border-l-2 border-transparent" : "text-[var(--ds-sidebar-text-muted)] hover:bg-[var(--ds-sidebar-item-hover)] hover:text-[var(--ds-sidebar-text)]"
|
|
94291
94291
|
),
|
|
94292
94292
|
children: [
|
|
94293
94293
|
item.icon && /* @__PURE__ */ jsx(
|
|
@@ -94449,7 +94449,7 @@ function SidebarNav({
|
|
|
94449
94449
|
{
|
|
94450
94450
|
"data-mode": mode || void 0,
|
|
94451
94451
|
className: cn(
|
|
94452
|
-
"flex flex-col shrink-0 overflow-y-auto",
|
|
94452
|
+
"flex flex-col shrink-0 h-full overflow-y-auto",
|
|
94453
94453
|
"bg-[var(--ds-sidebar-bg)]",
|
|
94454
94454
|
"border-r-[length:var(--ds-border-width)] border-[var(--ds-sidebar-border)]",
|
|
94455
94455
|
"text-[var(--ds-sidebar-text)]",
|
|
@@ -94545,7 +94545,7 @@ function CompactNavItem({
|
|
|
94545
94545
|
"aria-expanded": hasChildren ? mobile ? expanded : isOpen : void 0,
|
|
94546
94546
|
className: cn(
|
|
94547
94547
|
"relative flex flex-col items-center justify-center gap-[3px] w-full py-ds-3 px-ds-1 rounded-[var(--ds-radius-md)] transition-colors cursor-pointer",
|
|
94548
|
-
item.active || childActive ? "bg-sidebar-
|
|
94548
|
+
item.active || childActive ? "bg-[var(--ds-sidebar-item-active)] text-[var(--ds-sidebar-accent)]" : "text-[var(--ds-sidebar-text-secondary)] hover:bg-[var(--ds-sidebar-item-hover)] hover:text-[var(--ds-sidebar-text)]"
|
|
94549
94549
|
),
|
|
94550
94550
|
children: [
|
|
94551
94551
|
item.icon && /* @__PURE__ */ jsx(
|
|
@@ -94590,7 +94590,7 @@ function CompactNavItem({
|
|
|
94590
94590
|
onClick: () => onItemClick?.(child, ci),
|
|
94591
94591
|
className: cn(
|
|
94592
94592
|
"flex items-center gap-ds-2 px-ds-3 py-ds-1.5 text-[length:var(--ds-font-size-xs)] rounded-[var(--ds-radius-sm)] transition-colors cursor-pointer w-full",
|
|
94593
|
-
child.active ? "bg-sidebar-
|
|
94593
|
+
child.active ? "bg-[var(--ds-sidebar-item-active)] text-[var(--ds-sidebar-accent)] font-medium" : "text-[var(--ds-sidebar-text-muted)] hover:bg-[var(--ds-sidebar-item-hover)] hover:text-[var(--ds-sidebar-text)]"
|
|
94594
94594
|
),
|
|
94595
94595
|
children: [
|
|
94596
94596
|
child.icon && /* @__PURE__ */ jsx(Icon, { name: child.icon, size: 14, className: "shrink-0" }),
|
|
@@ -94722,7 +94722,7 @@ function PageHeader({
|
|
|
94722
94722
|
"header",
|
|
94723
94723
|
{
|
|
94724
94724
|
className: cn(
|
|
94725
|
-
"space-y-
|
|
94725
|
+
"space-y-ds-2",
|
|
94726
94726
|
hasBanner && [
|
|
94727
94727
|
"relative overflow-hidden rounded-[var(--ds-radius-lg)]",
|
|
94728
94728
|
"bg-[var(--ds-bg-muted)]"
|
|
@@ -94779,8 +94779,10 @@ function PageHeader({
|
|
|
94779
94779
|
className: cn(
|
|
94780
94780
|
"flex items-center justify-center shrink-0",
|
|
94781
94781
|
"w-[var(--ds-control-height-sm)] h-[var(--ds-control-height-sm)] rounded-[var(--ds-radius-md)]",
|
|
94782
|
-
"
|
|
94783
|
-
"
|
|
94782
|
+
"bg-[var(--ds-bg-surface)] text-[var(--ds-text-secondary)]",
|
|
94783
|
+
"border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]",
|
|
94784
|
+
"hover:text-[var(--ds-text-primary)] hover:bg-[var(--ds-bg-muted)]",
|
|
94785
|
+
"transition-colors duration-[var(--ds-transition-speed)]",
|
|
94784
94786
|
"focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
|
|
94785
94787
|
"cursor-pointer"
|
|
94786
94788
|
),
|