uibee 2.5.0 → 2.5.1

package/dist/src/components/buttons/button.d.ts

@@ -4,9 +4,10 @@ type ButtonProps = {
     className?: string;
     icon?: string | JSX.Element;
     path?: string;
+    type?: 'button' | 'submit' | 'reset';
     color?: 'primary' | 'secondary';
     onClick?: (_: object) => void;
     disabled?: boolean;
 };
-export default function Button({ text, className, icon, path, color, onClick, disabled }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function Button({ text, className, icon, path, color, type, onClick, disabled }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,11 @@
 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, onClick, disabled }) {
+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/70 outline-login hover:bg-login/90';
     if (!path) {
-        return (_jsxs("button", { type: 'button', disabled: disabled, onClick: onClick, "aria-label": text, className: `
+        return (_jsxs("button", { type: type || 'button', disabled: disabled, onClick: onClick, "aria-label": text, className: `
                     ${bg} cursor-pointer px-4 rounded-md h-6 flex
                     justify-evenly items-center gap-2 select-none
                     focus:outline-none border-0 outline w-fit ${className}

package/dist/src/components/inputs/label.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Label({ label, value, required, showRequired, className, color }) {
     return (_jsx("label", { className: 'w-[calc(100%-10px)] truncate pointer-events-none absolute text-sm duration-300 transform z-10 ' +
-            'peer-focus:px-2 peer-focus:top-2 origin-[0] px-2 pt-1 peer-focus:scale-75 peer-focus:-translate-y-5 start-2 ' +
+            'peer-focus:px-2 peer-focus:top-2 origin-left px-2 pt-1 peer-focus:scale-75 peer-focus:-translate-y-5 start-2 ' +
             `${color ? color : 'bg-login-800'} ` +
             `${value ? '-translate-y-5 scale-75 top-2 w-fit '
                 : '-translate-y-1/2 scale-100 top-1/2 '

package/dist/src/components/toast/toaster.js

@@ -72,7 +72,7 @@ export default function Toaster() {
                 top: mainToastPosition ? `${mainToastPosition.top - idx * 8}px` : 'auto',
                 zIndex: 100 - idx,
                 transform: `scale(${1 - idx * 0.05})`,
-            }, children: [_jsx("span", { className: 'flex-shrink-0 w-10 h-10 flex items-center justify-center', children: _jsx(ToastIcon, { type: toast.type }) }), _jsxs("div", { className: 'pr-1 pb-1', children: [_jsx("span", { className: 'font-bold', children: toast.title }), (idx === 0 || isHovered) &&
+            }, children: [_jsx("span", { className: 'shrink-0 w-10 h-10 flex items-center justify-center', children: _jsx(ToastIcon, { type: toast.type }) }), _jsxs("div", { className: 'pr-1 pb-1', children: [_jsx("span", { className: 'font-bold', children: toast.title }), (idx === 0 || isHovered) &&
                             _jsx("span", { className: 'text-sm line-clamp-3', children: toast.description })] })] }, `${toast.id}-${idx}`))) }));
 }
 function ToastIcon({ type }) {

package/dist/src/globals.css

@@ -537,18 +537,15 @@
   .flex-1 {
     flex: 1;
   }
-  .flex-shrink-0 {
-    flex-shrink: 0;
-  }
   .shrink-0 {
     flex-shrink: 0;
   }
-  .origin-\[0\] {
-    transform-origin: 0;
-  }
   .origin-center {
     transform-origin: center;
   }
+  .origin-left {
+    transform-origin: 0;
+  }
   .translate-x-4 {
     --tw-translate-x: calc(var(--spacing) * 4);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1629,4 +1626,4 @@
       --tw-content: "";
     }
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uibee",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "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

@@ -6,6 +6,7 @@ type ButtonProps = {
     className?: string
     icon?: string | JSX.Element
     path?: string
+    type?: 'button' | 'submit' | 'reset'
     color?: 'primary' | 'secondary'
     onClick?: (_: object) => void
     disabled?: boolean
@@ -17,6 +18,7 @@ export default function Button({
     icon,
     path,
     color,
+    type,
     onClick,
     disabled
 }: ButtonProps) {
@@ -27,7 +29,7 @@ export default function Button({
     if (!path) {
         return (
             <button
-                type='button'
+                type={type || 'button'}
                 disabled={disabled}
                 onClick={onClick}
                 aria-label={text}

package/src/components/inputs/label.tsx

@@ -13,7 +13,7 @@ export default function Label({ label, value, required, showRequired, className,
         <label
             className={
                 'w-[calc(100%-10px)] truncate pointer-events-none absolute text-sm duration-300 transform z-10 ' +
-                'peer-focus:px-2 peer-focus:top-2 origin-[0] px-2 pt-1 peer-focus:scale-75 peer-focus:-translate-y-5 start-2 ' +
+                'peer-focus:px-2 peer-focus:top-2 origin-left px-2 pt-1 peer-focus:scale-75 peer-focus:-translate-y-5 start-2 ' +
                 `${color ? color : 'bg-login-800'} ` +
                 `${value ? '-translate-y-5 scale-75 top-2 w-fit '
                     : '-translate-y-1/2 scale-100 top-1/2 '

package/src/components/inputs/select.tsx

@@ -200,5 +200,3 @@ function SelectedOption({ value, selectedOption }: SelectedOptionProps) {
         </div>
     )
 }
-
-

package/src/components/navbar/navbarDropdown.tsx

@@ -84,4 +84,4 @@ export default function NavDropdown({ children, title, className }: NavDropdownP
             </div>
         </>
     )
-}
+}

package/src/components/navbar/navbarItem.tsx

@@ -44,4 +44,4 @@ export default function NavItem({ href, children, external = false, target, rel,
             </Link>
         </>
     )
-}
+}

package/src/components/toast/toaster.tsx

@@ -94,7 +94,7 @@ export default function Toaster() {
                         transform: `scale(${1 - idx * 0.05})`,
                     }}
                 >
-                    <span className='flex-shrink-0 w-10 h-10 flex items-center justify-center'>
+                    <span className='shrink-0 w-10 h-10 flex items-center justify-center'>
                         <ToastIcon type={toast.type} />
                     </span>
                     <div className='pr-1 pb-1'>

package/src/components/toggle/theme.tsx

@@ -147,4 +147,4 @@ function ThemeIcon({ theme }: { theme: 'dark' | 'light' }) {
             />
         </svg>
     )
-}
+}

package/src/components/version/version.tsx

@@ -31,4 +31,4 @@ export default function VersionTag({version, url, className}: VersionTagProps) {
             v{version}
         </div>
     )
-}
+}

package/src/globals.css

@@ -183,4 +183,4 @@
     padding: .5rem 0 .5rem 1rem;
     font-size: 1.2rem;
     font-weight: 500;
-}
+}

package/src/utils/auth/callback.ts

@@ -86,4 +86,4 @@ export default async function authCallback({
         console.error('Error during OAuth flow:', error.message)
         return NextResponse.json({ error: 'Authentication failed' }, { status: 500 })
     }
-}
+}

package/src/utils/auth/token.ts

@@ -29,4 +29,4 @@ export default async function AuthToken({ req, frontendURL, redirectPath }: Auth
     response.cookies.set('user_groups', userGroups)
 
     return response
-}
+}

package/src/utils/cookies/cookies.ts

@@ -40,4 +40,4 @@ export function removeCookies(...cookies: string[]) {
     for (const cookie of cookies) {
         removeCookie(cookie)
     }
-}
+}