uibee 2.5.3 → 2.5.4

package/dist/src/components/buttons/button.js

@@ -2,23 +2,23 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link';
 export default function Button({ text, className, icon, path, color, type, onClick, disabled }) {
     const bg = color === 'secondary'
-        ? 'bg-login-600/70 outline-login-600 hover:bg-login-600/90'
+        ? 'bg-login-500/70 outline-login-500 hover:bg-login-500/90'
         : 'bg-login/70 outline-login hover:bg-login/90';
     if (!path) {
         return (_jsxs("button", { type: type || 'button', disabled: disabled, onClick: onClick, "aria-label": text, className: `
-                    ${bg} cursor-pointer px-4 rounded-md h-6 flex
+                    ${bg} cursor-pointer px-4 rounded-md min-h-8 h-8 flex
                     justify-evenly items-center gap-2 select-none
                     focus:outline-none border-0 outline w-fit ${className}
                 `, children: [_jsx("h1", { className: 'font-bold', children: icon ? icon : '' }), _jsx("h1", { children: text })] }));
     }
     if (disabled) {
         return (_jsxs("div", { className: `
-                    ${bg} cursor-not-allowed px-4 rounded-md h-6 flex
+                    ${bg} cursor-not-allowed px-4 rounded-md h-8 flex
                     justify-evenly items-center gap-2 select-none
                 `, children: [_jsx("h1", { className: 'font-bold', children: icon ? `${icon}` : '' }), _jsx("h1", { className: '', children: text })] }));
     }
     return (_jsxs(Link, { href: path, className: `
-                ${bg} cursor-pointer px-4 rounded-md h-6 flex
+                ${bg} cursor-pointer px-4 rounded-md h-8 flex
                 justify-evenly items-center gap-2 select-none
             `, children: [_jsx("h1", { className: 'font-bold', children: icon ? `${icon}` : '' }), _jsx("h1", { className: '', children: text })] }));
 }

package/dist/src/globals.css

@@ -435,6 +435,9 @@
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
@@ -462,6 +465,9 @@
   .max-h-\[calc\(100vh-4rem\)\] {
     max-height: calc(100vh - 4rem);
   }
+  .min-h-8 {
+    min-height: calc(var(--spacing) * 8);
+  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
@@ -733,15 +739,15 @@
   .bg-login-200 {
     background-color: var(--color-login-200);
   }
-  .bg-login-600 {
-    background-color: var(--color-login-600);
-  }
-  .bg-login-600\/70 {
-    background-color: color-mix(in srgb, #212121 70%, transparent);
+  .bg-login-500\/70 {
+    background-color: color-mix(in srgb, #323232 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-login-600) 70%, transparent);
+      background-color: color-mix(in oklab, var(--color-login-500) 70%, transparent);
     }
   }
+  .bg-login-600 {
+    background-color: var(--color-login-600);
+  }
   .bg-login-700 {
     background-color: var(--color-login-700);
   }
@@ -1028,8 +1034,8 @@
   .outline-login {
     outline-color: var(--color-login);
   }
-  .outline-login-600 {
-    outline-color: var(--color-login-600);
+  .outline-login-500 {
+    outline-color: var(--color-login-500);
   }
   .backdrop-blur-xl {
     --tw-backdrop-blur: blur(var(--blur-xl));
@@ -1228,20 +1234,20 @@
       }
     }
   }
-  .hover\:bg-login-600 {
+  .hover\:bg-login-500\/90 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-login-600);
+        background-color: color-mix(in srgb, #323232 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-login-500) 90%, transparent);
+        }
       }
     }
   }
-  .hover\:bg-login-600\/90 {
+  .hover\:bg-login-600 {
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in srgb, #212121 90%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-login-600) 90%, transparent);
-        }
+        background-color: var(--color-login-600);
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uibee",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "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/buttons/button.tsx

@@ -23,7 +23,7 @@ export default function Button({
     disabled
 }: ButtonProps) {
     const bg = color === 'secondary'
-        ? 'bg-login-600/70 outline-login-600 hover:bg-login-600/90'
+        ? 'bg-login-500/70 outline-login-500 hover:bg-login-500/90'
         : 'bg-login/70 outline-login hover:bg-login/90'
 
     if (!path) {
@@ -34,7 +34,7 @@ export default function Button({
                 onClick={onClick}
                 aria-label={text}
                 className={`
-                    ${bg} cursor-pointer px-4 rounded-md h-6 flex
+                    ${bg} cursor-pointer px-4 rounded-md min-h-8 h-8 flex
                     justify-evenly items-center gap-2 select-none
                     focus:outline-none border-0 outline w-fit ${className}
                 `}
@@ -49,7 +49,7 @@ export default function Button({
         return (
             <div
                 className={`
-                    ${bg} cursor-not-allowed px-4 rounded-md h-6 flex
+                    ${bg} cursor-not-allowed px-4 rounded-md h-8 flex
                     justify-evenly items-center gap-2 select-none
                 `}
             >
@@ -63,7 +63,7 @@ export default function Button({
         <Link
             href={path}
             className={`
-                ${bg} cursor-pointer px-4 rounded-md h-6 flex
+                ${bg} cursor-pointer px-4 rounded-md h-8 flex
                 justify-evenly items-center gap-2 select-none
             `}
         >