uibee 3.1.5 → 3.1.6

package/dist/src/components/index.js

@@ -2735,7 +2735,7 @@ const VARIANT_THEAD = {
 };
 const VARIANT_HEAD_BG = {
 	original: "bg-login-700",
-	modern: "bg-login-900/95"
+	modern: ""
 };
 const VARIANT_HEAD_BORDER = {
 	original: "border-b border-login-600",

package/dist/style.css

@@ -459,72 +459,6 @@
   .col-start-3 {
     grid-column-start: 3;
   }
-  .container {
-    width: 100%;
-    @media (width >= 100px) {
-      max-width: 100px;
-    }
-    @media (width >= 200px) {
-      max-width: 200px;
-    }
-    @media (width >= 300px) {
-      max-width: 300px;
-    }
-    @media (width >= 350px) {
-      max-width: 350px;
-    }
-    @media (width >= 400px) {
-      max-width: 400px;
-    }
-    @media (width >= 432px) {
-      max-width: 432px;
-    }
-    @media (width >= 450px) {
-      max-width: 450px;
-    }
-    @media (width >= 500px) {
-      max-width: 500px;
-    }
-    @media (width >= 600px) {
-      max-width: 600px;
-    }
-    @media (width >= 700px) {
-      max-width: 700px;
-    }
-    @media (width >= 800px) {
-      max-width: 800px;
-    }
-    @media (width >= 900px) {
-      max-width: 900px;
-    }
-    @media (width >= 1000px) {
-      max-width: 1000px;
-    }
-    @media (width >= 1200px) {
-      max-width: 1200px;
-    }
-    @media (width >= 30rem) {
-      max-width: 30rem;
-    }
-    @media (width >= 40rem) {
-      max-width: 40rem;
-    }
-    @media (width >= 48rem) {
-      max-width: 48rem;
-    }
-    @media (width >= 64rem) {
-      max-width: 64rem;
-    }
-    @media (width >= 80rem) {
-      max-width: 80rem;
-    }
-    @media (width >= 100rem) {
-      max-width: 100rem;
-    }
-    @media (width >= 120rem) {
-      max-width: 120rem;
-    }
-  }
   .m-auto {
     margin: auto;
   }
@@ -2365,12 +2299,6 @@
       background-color: color-mix(in oklab, var(--color-login-900) 20%, transparent);
     }
   }
-  .bg-login-900\/95 {
-    background-color: color-mix(in srgb, #121212 95%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-login-900) 95%, transparent);
-    }
-  }
   .bg-login-950 {
     background-color: var(--color-login-950);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uibee",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "description": "Shared components, functions and hooks for reuse across Login projects",
   "homepage": "https://github.com/Login-Linjeforening-for-IT/uibee#readme",
   "bugs": {

package/src/components/table/body.tsx

@@ -46,7 +46,6 @@ function Cell<T extends Record<string, unknown>>({
     variant: TableVariant
 }) {
     const value = row[col.key]
-    // Truncate: opt-in, only applied when col.truncate === true (needs an explicit col.width to bite).
     const shouldTruncate = col.truncate === true
     const align = col.align ?? 'left'
 
@@ -57,7 +56,6 @@ function Cell<T extends Record<string, unknown>>({
     let content: React.ReactNode
 
     if (col.render) {
-        // Custom renderer: caller is responsible for alignment
         content = col.render(value, row)
     } else if (col.highlight) {
         const colorName = col.highlight[String(value)] ?? col.highlight['default']
@@ -124,8 +122,6 @@ export default function Body<T extends Record<string, unknown>>({
 
     useEffect(() => {
         if (openMenuId === null) return
-        // The menu is anchored to viewport coords, so close it on any scroll (the scroll
-        // container is now an ancestor of the table). Capture phase since scroll doesn't bubble.
         document.addEventListener('scroll', closeMenu, true)
         return () => document.removeEventListener('scroll', closeMenu, true)
     }, [closeMenu, openMenuId])

package/src/components/table/constants.ts

@@ -34,11 +34,9 @@ export const VARIANT_THEAD: Record<TableVariant, string> = {
 
 export const VARIANT_HEAD_BG: Record<TableVariant, string> = {
     original: 'bg-login-700',
-    modern:   'bg-login-900/95',
+    modern:   '',
 }
 
-// Bottom border under the header cells (row dividers live on the cells, not the <tr>,
-// because native table rows don't render borders in border-separate mode).
 export const VARIANT_HEAD_BORDER: Record<TableVariant, string> = {
     original: 'border-b border-login-600',
     modern:   'border-b border-login-500/40',