@bccampus/ui-components 0.9.8 → 0.9.10

package/dist/components/ui/page-header.js

@@ -3,7 +3,7 @@ import { S as Slot, a as Slottable } from "../../_chunks/index.js";
 import { PageSection } from "./page-section.js";
 function PageHeader({ children, asChild, logo, ...props }) {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(PageSection, { py: "none", className: "sticky top-0 right-0 left-0 z-50 bg-background", ...props, children: /* @__PURE__ */ jsxs(Comp, { className: "h-page-nav overflow-hidden flex flex-row flex-nowrap border-b-1 border-b-complement-1-50 gap-2 sm:gap-12 justify-between items-center sm:justify-start", children: [
+  return /* @__PURE__ */ jsx(PageSection, { py: "none", className: "sticky top-0 right-0 left-0 z-50 bg-background", ...props, children: /* @__PURE__ */ jsxs(Comp, { className: "h-page-nav flex flex-row flex-nowrap border-b-1 border-b-complement-1-50 gap-2 sm:gap-12 justify-between items-center sm:justify-start", children: [
     logo,
     /* @__PURE__ */ jsx(Slottable, { children })
   ] }) });

package/dist/components/ui/page.js

@@ -1,7 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { c as cn } from "../../_chunks/utils.js";
 function Page({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "page", className: cn("group/page @container/page relative w-full", className), ...props });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "page",
+      className: cn("group/page @container/page relative w-full min-h-svh", className),
+      ...props
+    }
+  );
 }
 export {
   Page

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bccampus/ui-components",
-  "version": "0.9.8",
+  "version": "0.9.10",
   "description": "BCcampus React components",
   "type": "module",
   "exports": {

package/src/components/ui/page-header.tsx

@@ -10,7 +10,7 @@ function PageHeader({ children, asChild, logo, ...props }: PageHeaderProps) {
   const Comp = asChild ? Root : "div";
   return (
     <PageSection py="none" className="sticky top-0 right-0 left-0 z-50 bg-background" {...props}>
-      <Comp className="h-page-nav overflow-hidden flex flex-row flex-nowrap border-b-1 border-b-complement-1-50 gap-2 sm:gap-12 justify-between items-center sm:justify-start">
+      <Comp className="h-page-nav flex flex-row flex-nowrap border-b-1 border-b-complement-1-50 gap-2 sm:gap-12 justify-between items-center sm:justify-start">
         {logo}
         <Slottable>{children}</Slottable>
       </Comp>

package/src/components/ui/page.tsx

@@ -4,7 +4,11 @@ export type PageProps = React.ComponentProps<"div">;
 
 function Page({ className, ...props }: PageProps) {
   return (
-    <div data-slot="page" className={cn("group/page @container/page relative w-full", className)} {...props} />
+    <div
+      data-slot="page"
+      className={cn("group/page @container/page relative w-full min-h-svh", className)}
+      {...props}
+    />
   );
 }
 

package/src/styles/typography.css

@@ -79,6 +79,20 @@
     }
   }
 
+  footer {
+    a {
+      @apply no-underline;
+
+      &:hover {
+        @apply underline outline-none text-foreground;
+      }
+
+      &[data-slot] {
+        @apply no-underline;
+      }
+    }
+  }
+
   a:not([data-slot="button-icon"], .no-external)[href^="http"]::after,
   .external::after {
     @apply bg-current inline-block w-4 h-4 ml-1 mr-1 -mb-0.75;

package/vite.ladle.config.ts

@@ -9,6 +9,9 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react(), tailwindcss()],
+  server: {
+    allowedHosts: ["desk.sailfish-dragon.ts.net"],
+  },
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),