@stevederico/skateboard-ui 5.2.2 → 5.3.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+5.3.0
+
+  Drop header divider
+  Drop tab bar border
+
+5.2.3
+
+  No border on phones
+
 5.2.2
 
   Fix CI install

package/dist/components/layout/Header.d.ts

@@ -1,9 +1,8 @@
 import type { ReactNode } from "react";
 /**
- * App header bar built on shadcn primitives (Button, Separator, Badge).
+ * App header bar built on shadcn primitives (Button, Badge).
  *
  * Renders page title and optional action button on the right.
- * A shadcn Separator renders below the header instead of a border utility.
  *
  * @param {Object} props
  * @param {string} props.title - Header title text

package/dist/components/layout/Header.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Separator } from "../../ui/separator.js";
 import { Button } from "../../ui/button.js";
 import { Badge } from "../../ui/badge.js";
 import { cn } from "../../shadcn/lib/utils.js";
 function Header({ title, buttonTitle, onButtonTitleClick, buttonClass, className, children, ...props }) {
-    return (_jsxs(_Fragment, { children: [_jsx("header", { className: cn("flex h-(--header-height) shrink-0 items-center gap-2", className), ...props, children: _jsxs("div", { className: "flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6", children: [_jsx("h1", { className: "text-[1.625rem] leading-8 font-extrabold tracking-tight", children: title }), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [typeof buttonTitle !== "undefined" && (_jsx(Button, { variant: "ghost", size: "sm", className: buttonClass || "", onClick: onButtonTitleClick, children: buttonTitle })), children] })] }) }), _jsx(Separator, {})] }));
+    return (_jsx(_Fragment, { children: _jsx("header", { className: cn("flex h-(--header-height) shrink-0 items-center gap-2", className), ...props, children: _jsxs("div", { className: "flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6", children: [_jsx("h1", { className: "text-[1.625rem] leading-8 font-extrabold tracking-tight", children: title }), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [typeof buttonTitle !== "undefined" && (_jsx(Button, { variant: "ghost", size: "sm", className: buttonClass || "", onClick: onButtonTitleClick, children: buttonTitle })), children] })] }) }) }));
 }
 export default Header;

package/dist/components/layout/Layout.js

@@ -14,5 +14,5 @@ export default function Layout({ children }) {
     return (_jsxs("div", { className: "min-h-screen flex flex-col pt-[env(safe-area-inset-top)] pb-[calc(5rem+env(safe-area-inset-bottom))] md:pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]", children: [_jsx("a", { href: "#main", className: "sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-background focus:text-foreground focus:rounded-md focus:ring-2 focus:ring-ring", children: "Skip to content" }), _jsxs(SidebarProvider, { defaultOpen: !constants.sidebarCollapsed, style: {
                     '--sidebar-width': '12rem',
                     '--header-height': '3.5rem',
-                }, children: [showSidebar && _jsx(Sidebar, { variant: "inset" }), _jsx(SidebarInset, { id: "main", className: `border border-border/50 ${constants.hideSidebarInsetRounding ? "md:peer-data-[variant=inset]:rounded-none" : ""}`, children: _jsx(Outlet, {}) })] }), showTabBar && _jsx(TabBar, { className: "md:hidden" })] }));
+                }, children: [showSidebar && _jsx(Sidebar, { variant: "inset" }), _jsx(SidebarInset, { id: "main", className: `md:border md:border-border/50 ${constants.hideSidebarInsetRounding ? "md:peer-data-[variant=inset]:rounded-none" : ""}`, children: _jsx(Outlet, {}) })] }), showTabBar && _jsx(TabBar, { className: "md:hidden" })] }));
 }

package/dist/components/layout/TabBar.js

@@ -18,7 +18,7 @@ export default function TabBar({ className, ...props }) {
         })),
         { title: 'Settings', icon: 'settings', to: '/app/settings', match: 'settings' },
     ];
-    return (_jsx("nav", { className: cn("fixed md:hidden bottom-0 inset-x-0 bg-background border-t border-border z-50", className), role: "navigation", "aria-label": "Main navigation", ...props, children: _jsx("div", { className: "flex justify-around items-center pt-2 pb-4", children: tabs.map((tab) => {
+    return (_jsx("nav", { className: cn("fixed md:hidden bottom-0 inset-x-0 bg-background z-50", className), role: "navigation", "aria-label": "Main navigation", ...props, children: _jsx("div", { className: "flex justify-around items-center pt-2 pb-4", children: tabs.map((tab) => {
                 const isActive = currentPage === tab.match;
                 return (_jsxs(Link, { to: tab.to, className: cn("flex flex-col items-center gap-0.5 px-3 transition-colors", isActive ? "text-foreground" : "text-muted-foreground"), "aria-label": tab.title, "aria-current": isActive ? 'page' : undefined, children: [_jsx(ConstantsIcon, { name: tab.icon, size: 24, strokeWidth: isActive ? 2 : 1.5 }), _jsx("span", { className: "text-xs", children: tab.title })] }, tab.title));
             }) }) }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stevederico/skateboard-ui",
   "private": false,
-  "version": "5.2.2",
+  "version": "5.3.0",
   "type": "module",
   "exports": {
     ".": {