@arkitektbedriftene/fe-lib 5.11.2 → 6.1.0

package/README.md

@@ -1,7 +1,48 @@
-## Slik bruker du biblioteket
-
-### 1. Innstallér pakken
+# Design system
 
 ```
 npm install @arkitektbedriftene/fe-lib
 ```
+
+### @arkitektbedriftene/fe-lib/ui
+
+The **UI design system** was built with **Stitches (CSS-in-JS)** and is based on the old visual profile.
+
+Stitches is now discontinued, so this design system should be considered **legacy**. However, it is still widely used and must continue to live **in parallel with the new Tailwind-based system**.
+
+---
+
+### @arkitektbedriftene/fe-lib/system
+
+The **System design system** is built with **Tailwind** and is based on the **new visual profile**.  
+It is a **work in progress (WIP)** and was created in connection with the new website.
+
+Most services now use **/ui** and **/system** in parallel.
+
+## Usage
+
+##### app.css
+```css
+@import "tailwindcss";
+
+/* Import System base styles and Fonts */
+@source "@arkitektbedriftene/fe-lib/dist/system";
+@import "@arkitektbedriftene/fe-lib/dist/fonts.css";
+@import "@arkitektbedriftene/fe-lib/dist/system.css";
+```
+
+##### App.tsx
+```javascript
+import { Button as UIButton } from "@arkitektbedriftene/fe-lib/ui"
+import { Button as SystemButton } from "@arkitektbedriftene/fe-lib/system/Button"
+
+const App = () => {
+  return (
+    <>
+      <UIButton>UI button</UIButton>
+      <SystemButton>System button</SystemButton>
+      <button className="btn">System button</button>
+    </>
+  )
+}
+```

package/dist/fonts.css

@@ -1 +1 @@
-@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:STKBureauSerif;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSerif-Book.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-stk-bureau-sans: "STKBureauSans", sans-serif;--font-stk-bureau-serif: "STKBureauSerif", serif}body{@apply font-sans-serif;@apply antialiased;}
+@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:STKBureauSerif;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSerif-Book.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-stk-bureau-sans: "STKBureauSans", sans-serif;--font-stk-bureau-serif: "STKBureauSerif", serif}

package/dist/oidc/AuthManager.d.ts

@@ -0,0 +1,53 @@
+import { SigninPopupArgs, SigninRedirectArgs, SigninSilentArgs, SignoutRedirectArgs, User, UserManagerSettings } from 'oidc-client-ts';
+export type UserInfo = {
+    email: string;
+    firmaccess: string;
+    firstname: string;
+    lastname: string;
+    username: string;
+    fc: string;
+    externalid: string;
+    role: string;
+};
+export type ImpersonationData = {
+    impersonatedUser: UserInfo;
+    impersonationToken: string;
+};
+/**
+ * A simpler wrapper around UserManager that combines normal authentication
+ * with impersonation functionality without React context dependency.
+ */
+export declare class AuthManager {
+    private userManager;
+    private storageKey;
+    constructor(settings: UserManagerSettings);
+    /**
+     * Get impersonation user from localStorage
+     */
+    getImpersonationData(): ImpersonationData | null;
+    /**
+     * Get the current user, preferring impersonated user if available
+     */
+    getUser(): Promise<({
+        access_token: string;
+        profile: UserInfo;
+        impersonating: boolean;
+    }) | null>;
+    signinRedirect(args?: SigninRedirectArgs): Promise<void>;
+    signinPopup(args?: SigninPopupArgs): Promise<User>;
+    signinSilent(args?: SigninSilentArgs): Promise<User | null>;
+    signinCallback(): Promise<User | null>;
+    signoutRedirect(args?: SignoutRedirectArgs): Promise<void>;
+    /**
+     * Set impersonation with access token
+     */
+    setImpersonation(accessToken: string): void;
+    /**
+     * Clear impersonation and return to normal user
+     */
+    clearImpersonation(): void;
+    /**
+     * Handle impersonation callback from URL parameters
+     */
+    handleImpersonationCallback(urlStr: string): void;
+}

package/dist/oidc/oidc.d.ts

@@ -3,6 +3,7 @@ import { Context, ReactNode } from 'react';
 export * from 'oidc-client-ts';
 export * from './impersonate';
 export * from './firmAccess';
+export * from './AuthManager';
 export type AuthState = {
     user: User | null;
     isLoading: boolean;

package/dist/oidc.es.js

@@ -1,235 +1,328 @@
-import { jsx as C } from "react/jsx-runtime";
-import { createContext as x, useContext as E, useMemo as v, useEffect as h, useState as k, useRef as U, useCallback as d } from "react";
+var v = Object.defineProperty;
+var R = (t, e, r) => e in t ? v(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var g = (t, e, r) => R(t, typeof e != "symbol" ? e + "" : e, r);
+import { jsx as A } from "react/jsx-runtime";
+import { createContext as I, useContext as k, useMemo as U, useEffect as f, useState as L, useRef as x, useCallback as d } from "react";
+import { UserManager as P } from "oidc-client-ts";
 export * from "oidc-client-ts";
-import L from "use-local-storage-state";
-import { jwtDecode as P } from "jwt-decode";
-const I = x(
+import T from "use-local-storage-state";
+import { jwtDecode as y } from "jwt-decode";
+const E = I(
   null
-), g = () => {
-  const t = E(I);
+), b = () => {
+  const t = k(E);
   if (!t)
     throw new Error(
       "useImpersonationContext must be used within a ImpersonationContextProvider"
     );
   return t;
-}, z = ({
+}, V = ({
   children: t
 }) => {
-  const [e, c] = L("impersonationState", {
+  const [e, r] = T("impersonationState", {
     defaultValue: {}
-  }), s = v(() => ({
+  }), s = U(() => ({
     accessToken: e == null ? void 0 : e.accessToken,
     userInfo: e == null ? void 0 : e.userInfo,
-    setImpersonation: (n, o) => {
-      c({ accessToken: n, userInfo: o });
+    setImpersonation: (o, i) => {
+      r({ accessToken: o, userInfo: i });
     }
   }), []);
-  return /* @__PURE__ */ C(I.Provider, { value: s, children: t });
-}, N = (t) => {
-  const { setImpersonation: e } = g();
-  h(() => {
-    const { search: c } = window.location, s = new URLSearchParams(c).get(
+  return /* @__PURE__ */ A(E.Provider, { value: s, children: t });
+}, q = (t) => {
+  const { setImpersonation: e } = b();
+  f(() => {
+    const { search: r } = window.location, s = new URLSearchParams(r).get(
       "impersonateAccessToken"
     );
     if (s && e) {
-      const n = P(s);
-      e(s, n), t();
+      const o = y(s);
+      e(s, o), t();
     }
   }, []);
 };
-function V(t) {
+function B(t) {
   return JSON.parse(t).map((s) => {
     const [
-      n,
       o,
-      u,
       i,
+      u,
+      a,
       l
-    ] = s.split("|"), m = i.split(",");
+    ] = s.split("|"), m = a.split(",");
     return {
-      CustomerExternalId: n,
-      CustomerFirmId: o,
+      CustomerExternalId: o,
+      CustomerFirmId: i,
       CustomerFirmName: u,
       CustomerUserRoles: m,
       CustomerUserIsAdmin: l === "True" || l === "1"
     };
   });
 }
-const J = [
+const G = [
   "97",
   "131",
   "132",
   "141"
-], K = [
+], H = [
   "3"
-], _ = [
+], Q = [
   "0"
-], y = ({
+];
+class W {
+  constructor(e) {
+    g(this, "userManager");
+    g(this, "storageKey", "impersonationState");
+    this.userManager = new P(e);
+  }
+  /**
+   * Get impersonation user from localStorage
+   */
+  getImpersonationData() {
+    try {
+      const e = localStorage.getItem(this.storageKey);
+      if (e) {
+        const r = JSON.parse(e);
+        if (r.impersonationToken && r.impersonatedUser)
+          return r;
+      }
+    } catch (e) {
+      console.error("Failed to load impersonation from storage:", e);
+    }
+    return null;
+  }
+  /**
+   * Get the current user, preferring impersonated user if available
+   */
+  async getUser() {
+    const e = this.getImpersonationData();
+    if (e)
+      return {
+        access_token: e.impersonationToken,
+        profile: e.impersonatedUser,
+        impersonating: !0
+      };
+    const r = await this.userManager.getUser();
+    return !r || r.expired ? null : {
+      access_token: r.access_token,
+      profile: r.profile,
+      impersonating: !1
+    };
+  }
+  async signinRedirect(e) {
+    await this.userManager.signinRedirect(e);
+  }
+  async signinPopup(e) {
+    return await this.userManager.signinPopup(e);
+  }
+  async signinSilent(e) {
+    return await this.userManager.signinSilent(e);
+  }
+  async signinCallback() {
+    const e = await this.userManager.signinCallback();
+    return e || null;
+  }
+  async signoutRedirect(e) {
+    this.clearImpersonation(), await this.userManager.signoutRedirect(e);
+  }
+  // Impersonation methods
+  /**
+   * Set impersonation with access token
+   */
+  setImpersonation(e) {
+    try {
+      const s = {
+        impersonatedUser: y(e),
+        impersonationToken: e
+      };
+      localStorage.setItem(this.storageKey, JSON.stringify(s));
+    } catch (r) {
+      console.error("Failed to decode impersonation token:", r);
+    }
+  }
+  /**
+   * Clear impersonation and return to normal user
+   */
+  clearImpersonation() {
+    localStorage.removeItem(this.storageKey);
+  }
+  /**
+   * Handle impersonation callback from URL parameters
+   */
+  handleImpersonationCallback(e) {
+    const s = new URL(e).searchParams.get("impersonateAccessToken");
+    if (!s)
+      throw new Error("Missing url param 'impersonateAccessToken'");
+    this.setImpersonation(s);
+  }
+}
+const O = ({
   userManager: t,
   context: e,
-  children: c
+  children: r
 }) => {
-  const [s, n] = k({
+  const [s, o] = L({
     user: null,
     isLoading: !0,
     isAuthenticated: !1,
     isError: !1,
     error: null
-  }), o = U(!1);
-  h(() => {
-    o.current || (o.current = !0, (async () => {
+  }), i = x(!1);
+  f(() => {
+    i.current || (i.current = !0, (async () => {
       try {
-        const r = await t.getUser();
-        n({
-          user: r,
+        const n = await t.getUser();
+        o({
+          user: n,
           isLoading: !1,
-          isAuthenticated: r ? !r.expired : !1,
+          isAuthenticated: n ? !n.expired : !1,
           isError: !1,
           error: null
         });
-      } catch (r) {
-        n({
+      } catch (n) {
+        o({
           user: null,
           isLoading: !1,
           isAuthenticated: !1,
           isError: !0,
-          error: r instanceof Error ? r : new Error("Unknown error during auth")
+          error: n instanceof Error ? n : new Error("Unknown error during auth")
         });
       }
     })());
-  }, [t]), h(() => {
-    const r = (f) => {
-      n({
-        user: f,
+  }, [t]), f(() => {
+    const n = (p) => {
+      o({
+        user: p,
         isLoading: !1,
-        isAuthenticated: !f.expired,
+        isAuthenticated: !p.expired,
         isError: !1,
         error: null
       });
     };
-    t.events.addUserLoaded(r);
-    const a = () => {
-      n({
+    t.events.addUserLoaded(n);
+    const c = () => {
+      o({
         ...s,
         user: null,
         isAuthenticated: !1
       });
     };
-    t.events.addUserUnloaded(a);
-    const w = (f) => {
-      n({
+    t.events.addUserUnloaded(c);
+    const w = (p) => {
+      o({
         ...s,
         isLoading: !1,
         isError: !0,
-        error: f
+        error: p
       });
     };
     return t.events.addSilentRenewError(w), () => {
-      t.events.removeUserLoaded(r), t.events.removeUserUnloaded(a), t.events.removeSilentRenewError(w);
+      t.events.removeUserLoaded(n), t.events.removeUserUnloaded(c), t.events.removeSilentRenewError(w);
     };
   }, [t]);
   const u = d(async () => {
-    const r = await t.signinCallback();
-    return n({
-      user: r ?? null,
+    const n = await t.signinCallback();
+    return o({
+      user: n ?? null,
       isLoading: !1,
-      isAuthenticated: r ? !r.expired : !1,
+      isAuthenticated: n ? !n.expired : !1,
       isError: !1,
       error: null
-    }), r ?? void 0;
-  }, [t]), i = d(
-    async (r) => {
+    }), n ?? void 0;
+  }, [t]), a = d(
+    async (n) => {
       try {
-        await t.signinRedirect(r);
-      } catch (a) {
-        console.error(a);
+        await t.signinRedirect(n);
+      } catch (c) {
+        console.error(c);
       }
     },
     [t]
   ), l = d(
-    async (r) => await t.signinPopup(r),
+    async (n) => await t.signinPopup(n),
     [t]
   ), m = d(
-    async (r) => {
+    async (n) => {
       try {
-        return await t.signinSilent(r);
-      } catch (a) {
-        return n({
+        return await t.signinSilent(n);
+      } catch (c) {
+        return o({
           user: null,
           isLoading: !1,
           isAuthenticated: !1,
           isError: !0,
-          error: a instanceof Error ? a : new Error("Unknown error during silent signin")
+          error: c instanceof Error ? c : new Error("Unknown error during silent signin")
         }), null;
       }
     },
     [t]
-  ), A = d(
-    async (r) => {
+  ), h = d(
+    async (n) => {
       try {
-        await t.signoutRedirect(r);
-      } catch (a) {
-        console.error(a);
+        await t.signoutRedirect(n);
+      } catch (c) {
+        console.error(c);
       }
     },
     [t]
-  ), S = v(
+  ), S = U(
     () => ({
       state: s,
       handleSigninCallback: u,
-      redirectToSignin: i,
+      redirectToSignin: a,
       signinSilent: m,
       signinPopup: l,
-      logout: A
+      logout: h
     }),
     [
       s,
       u,
-      i,
+      a,
       m,
       l,
-      A
+      h
     ]
   );
-  return /* @__PURE__ */ C(e.Provider, { value: S, children: c });
-}, p = (t) => {
-  const e = E(t);
+  return /* @__PURE__ */ A(e.Provider, { value: S, children: r });
+}, C = (t) => {
+  const e = k(t);
   if (!e)
     throw new Error("useAuthContext must be used within an AuthProvider");
   return e;
-}, R = (t) => {
-  const { state: e } = p(t);
+}, F = (t) => {
+  const { state: e } = C(t);
   return e;
-}, b = (t, e) => {
-  const { state: c, handleSigninCallback: s } = p(t), n = U(!1);
-  return h(() => {
-    n.current || (n.current = !0, s().then(
-      (o) => new Promise(
-        (u) => setTimeout(() => u(o), 0)
+}, K = (t, e) => {
+  const { state: r, handleSigninCallback: s } = C(t), o = x(!1);
+  return f(() => {
+    o.current || (o.current = !0, s().then(
+      (i) => new Promise(
+        (u) => setTimeout(() => u(i), 0)
       )
-    ).then((o) => e == null ? void 0 : e(o)));
-  }, [s]), c;
-}, q = (t) => {
-  const e = x(null);
+    ).then((i) => e == null ? void 0 : e(i)));
+  }, [s]), r;
+}, X = (t) => {
+  const e = I(null);
   return {
     AuthContext: e,
-    AuthProvider: ({ children: i }) => /* @__PURE__ */ C(y, { userManager: t, context: e, children: i }),
-    useAuthContext: () => p(e),
-    useAuthState: () => R(e),
-    useSigninCallback: (i) => b(e, i),
+    AuthProvider: ({ children: a }) => /* @__PURE__ */ A(O, { userManager: t, context: e, children: a }),
+    useAuthContext: () => C(e),
+    useAuthState: () => F(e),
+    useSigninCallback: (a) => K(e, a),
     getAccessToken: async () => {
-      const i = await t.getUser();
-      return i ? i.access_token : null;
+      const a = await t.getUser();
+      return a ? a.access_token : null;
     }
   };
 };
 export {
-  z as ImpersonationContextProvider,
-  J as ROLESAdminInCompany,
-  _ as ROLESAnsatt,
-  K as ROLESMAKSAdministrator,
-  q as createAuthContext,
-  V as parseUserProfileFCString,
-  N as useImpersonationCallback,
-  g as useImpersonationContext
+  W as AuthManager,
+  V as ImpersonationContextProvider,
+  G as ROLESAdminInCompany,
+  Q as ROLESAnsatt,
+  H as ROLESMAKSAdministrator,
+  X as createAuthContext,
+  B as parseUserProfileFCString,
+  q as useImpersonationCallback,
+  b as useImpersonationContext
 };

package/dist/rich-text/styles.d.ts

@@ -306,9 +306,9 @@ export declare const richTextCss: import('@stitches/react/types/styled-component
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/rich-text.es.js

@@ -21,7 +21,7 @@ import { RichTextPlugin as mr } from "@lexical/react/LexicalRichTextPlugin.js";
 import { LexicalErrorBoundary as fr } from "@lexical/react/LexicalErrorBoundary.js";
 import { useFloating as Ct, autoUpdate as ie, size as kr, flip as br, offset as oe, shift as Cr, useInteractions as ae, useRole as le, FloatingPortal as se, inline as vr, useDismiss as xr } from "@floating-ui/react";
 import { G as f } from "./iconBase-LROS5hdG.js";
-import { s as Tr, c as Mr } from "./stitches.config-DTq6WSgP.js";
+import { s as Tr, c as Mr } from "./stitches.config-gk2-nbbz.js";
 import { ListPlugin as Lr } from "@lexical/react/LexicalListPlugin.js";
 import { HistoryPlugin as wr } from "@lexical/react/LexicalHistoryPlugin.js";
 import { TablePlugin as _r } from "@lexical/react/LexicalTablePlugin.js";

package/dist/{stitches.config-DTq6WSgP.js → stitches.config-gk2-nbbz.js}

@@ -96,9 +96,9 @@ const r = () => (e--, e), { styled: g, css: d, keyframes: s, globalCss: o, getCs
       // 30px
     },
     fontWeights: {
-      normal: "var(--ui-font-weight-normal)",
-      medium: "var(--ui-font-weight-semibold)",
-      bold: "var(--ui-font-weight-bold)"
+      normal: "var(--ui-font-weight-normal, 400)",
+      medium: "var(--ui-font-weight-semibold, 500)",
+      bold: "var(--ui-font-weight-bold, 700)"
     },
     space: {
       1: "0.25rem",

package/dist/system.css

@@ -1 +1 @@
-@theme{--*: initial; --default-transition-duration: .2s; --breakpoint-sm: 40rem; --breakpoint-md: 54rem; --breakpoint-lg: 64rem; --breakpoint-xl: 74rem; --spacing: 4px; --font-serif: var(--font-stk-bureau-serif); --font-sans-serif: var(--font-stk-bureau-sans); --font-weight-bold: 700; --color-black: #1d1d1d; --color-white: #ffffff; --color-blue: #4184cd; --color-flask: #122a0d; --color-flask-hover: #173611; --color-flask-light: #1e4216; --color-flask-light-hover: #28571d; --color-clay: #eee6d3; --color-clay-hover: #d6c9b6; --color-sand: #f3f1eb; --color-sand-hover: #e6dfce; --color-warning: #FFE1C3; --color-warning-light: #FFF8F2; --color-warning-dark: #9E5400; --color-danger: #FFC5C1; --color-danger-light: #FEF3F2; --color-danger-dark: #C72619; --color-success: #B8E0B0; --color-success-light: #ECFDF3; --color-success-dark: #2D6D20; --color-info: #C1D4FF; --color-info-light: #F2F6FE; --color-info-dark: #1946C7; --text-xs: clamp(.6944rem,.6856rem + .0444vw,.72rem); --text-sm: clamp(.8333rem,.8101rem + .1159vw,.9rem); --text-base: clamp(1rem,.9565rem + .2174vw,1.125rem); --text-md: clamp(1.2rem,1.1283rem + .3587vw,1.4063rem); --text-lg: clamp(1.44rem,1.3295rem + .5527vw,1.7578rem); --text-xl: clamp(1.728rem,1.5648rem + .8161vw,2.1973rem); --text-2xl: clamp(2.0736rem,1.8395rem + 1.1704vw,2.7466rem); --text-3xl: clamp(2.4883rem,2.1597rem + 1.6433vw,3.4332rem); --text-xs--line-height: 1.7; --text-sm--line-height: 1.6; --text-base--line-height: 1.5; --text-lg--line-height: 1.4; --text-xl--line-height: 1.3; --text-2xl--line-height: 1.2; --text-3xl--line-height: 1.1; --container-page: calc(var(--page-width) * 1px); --container-article: 800px; --container-event: 1300px; --radius-sm: .25rem; --radius-md: .5rem; --blur-md: .2rem; --blur-lg: .4rem; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --aspect-video: 16 / 9; @keyframes spinner-logo {0% {transform: scale(.95) rotate(-15deg); opacity: 0;} 20% {transform: scale(1) rotate(0deg); opacity: 1;} 70% {transform: scale(1) rotate(0deg); opacity: 1;} 100% {transform: scale(.95) rotate(-15deg); opacity: 0;}} @keyframes spinner-logo-letter {0% {transform: translateY(-8px) rotate(-25deg) scale(.8); opacity: 0;} 6% {opacity: .3;} 20% {transform: translateY(0px) rotate(0deg) scale(1); opacity: 1;} 70% {transform: translateY(0px) rotate(0deg) scale(1); opacity: 1;} 100% {transform: translateY(-8px) rotate(-25deg) scale(.8); opacity: 0;}} --animate-spinner-logo: spinner-logo 3s cubic-bezier(.25,.46,.45,.94) infinite; --animate-spinner-logo-letter: spinner-logo-letter 3s cubic-bezier(.34,1.56,.64,1) infinite; @keyframes spinner {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @keyframes spinner-circle {0% {stroke-dashoffset: 600;} 100% {stroke-dashoffset: 0;}} --animate-spinner: spinner 2s linear infinite; --animate-spinner-circle: spinner-circle 1.6s cubic-bezier(.4,.15,.6,.85) infinite;}@layer components{.btn{@apply bg-flask-light;@apply text-white;@apply px-4;@apply text-sm;@apply h-[2rem];@apply w-fit;@apply inline-flex;@apply items-center;@apply justify-center;@apply gap-x-2;@apply rounded-md;@apply transition-colors;@apply cursor-pointer;@variant focus{@apply ring ring-offset-2 ring-clay;}@variant hover{@apply bg-flask-light-hover;}@variant disabled{&:not([data-loading=true]) {@apply opacity-60; @apply cursor-not-allowed;}}}.btn>svg{@apply shrink-0;}.btn.btn-secondary{@apply bg-clay;@apply text-black;@variant hover{@apply bg-clay-hover;}}.btn.btn-tertiary{@apply bg-sand;@apply text-black;@variant hover{@apply bg-sand-hover;}}.btn.btn-danger{@apply bg-danger-dark;@apply text-danger-light;@variant hover{@apply bg-danger-dark/70;}}.btn.btn-warning{@apply bg-warning-dark;@apply text-warning-light;@variant hover{@apply bg-warning-dark/70;}}.btn.btn-success{@apply bg-success-dark;@apply text-success-light;@variant hover{@apply bg-success-dark/70;}}.btn.btn-outline{@apply bg-transparent;@apply text-black;@apply ring-2;@apply ring-inset;@apply ring-flask-light;@variant hover{@apply bg-flask-light; @apply text-white;}}.btn.btn-outline.btn-secondary{@apply ring-clay;@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-outline.btn-danger{@apply ring-danger-dark;@apply text-danger-dark;@variant hover{@apply bg-danger-dark; @apply text-danger-light;}}.btn.btn-transparent{@apply bg-transparent;@apply text-black;@variant hover{@apply bg-flask-light; @apply text-white;}}.btn.btn-transparent.btn-secondary{@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-transparent.btn-tertiary{@variant hover{@apply bg-sand; @apply text-black;}}.dropdown{@apply rounded-md bg-white p-1 shadow-lg;}.dropdown-separator{height:1px;@apply bg-sand my-1;}.dropdown-item{@apply flex items-center w-full px-4 py-2 text-sm cursor-pointer transition-colors;@apply rounded-md;@apply text-left;@apply text-black;@variant hover{@apply bg-sand;}}.dropdown-item-icon-right{@apply pr-3;}.input{@apply bg-sand;@apply rounded-sm;@apply px-4;@apply py-2;@apply text-sm;@apply inline-flex;@apply transition-colors;@variant focus{@apply ring-2 ring-offset-2 ring-clay; @apply outline-none;}}.link{@apply text-black underline;}.alert{@apply px-3;@apply py-2;@apply rounded-md;@apply text-sm;@apply inline-flex;@apply items-center;@apply gap-x-2;}.alert.alert-warning{@apply bg-warning-light;@apply text-warning-dark;@apply border border-warning;}.alert.alert-danger{@apply bg-danger-light;@apply text-danger-dark;@apply border border-danger;}.alert.alert-info{@apply bg-info-light;@apply text-info-dark;@apply border border-info;}.alert.alert-success{@apply bg-success-light;@apply text-success-dark;@apply border border-success;}.tbl{@apply w-full;@apply border-collapse;@apply bg-white;@apply text-black;@apply text-sm;@apply border border-black;}.tbl th{@apply font-bold;@apply text-left;}.tbl td,.tbl th{@apply px-4;@apply py-3;@apply border-b border-black;@apply border-r border-black;}.tbl tbody tr{@apply transition-colors;@variant hover{@apply bg-sand;}}.tabs{@apply flex border-b-2 border-clay;@apply gap-x-2;@apply pb-1;}.tab{@apply px-4 py-2;@apply rounded-md;@apply font-bold;@apply text-sm;@apply transition;@apply cursor-pointer;@apply flex items-center;}.tab:hover{@apply bg-clay/70;}.tab.active{@apply bg-clay;}.input-radio{@apply accent-flask;}.form-label{@apply block;@apply text-base;@apply mb-1;}.spinner-logo{animation:var(--animate-spinner-logo)}.spinner-logo>svg>path{transform-origin:center center;opacity:0;animation:var(--animate-spinner-logo-letter)}.spinner-logo>svg>path:nth-child(1){animation-delay:.1s}.spinner-logo>svg>path:nth-child(2){animation-delay:.2s}.spinner-logo>svg>path:nth-child(3){animation-delay:.3s}.spinner-logo>svg>path:nth-child(4){animation-delay:.4s}.spinner-logo>svg>path:nth-child(5){animation-delay:.5s}.spinner-logo>svg>path:nth-child(6){animation-delay:.6s}}@utility btn-icon{@apply px-0; @apply w-[2rem];}
+@theme{--*: initial; --default-transition-duration: .2s; --breakpoint-sm: 40rem; --breakpoint-md: 54rem; --breakpoint-lg: 64rem; --breakpoint-xl: 74rem; --spacing: 4px; --font-serif: var(--font-stk-bureau-serif, serif); --font-sans-serif: var(--font-stk-bureau-sans, sans-serif); --font-weight-bold: 700; --color-black: #1d1d1d; --color-white: #ffffff; --color-blue: #4184cd; --color-flask: #122a0d; --color-flask-hover: #173611; --color-flask-light: #1e4216; --color-flask-light-hover: #28571d; --color-clay: #eee6d3; --color-clay-hover: #d6c9b6; --color-sand: #f3f1eb; --color-sand-hover: #e6dfce; --color-warning: #FFE1C3; --color-warning-light: #FFF8F2; --color-warning-dark: #9E5400; --color-danger: #FFC5C1; --color-danger-light: #FEF3F2; --color-danger-dark: #C72619; --color-success: #B8E0B0; --color-success-light: #ECFDF3; --color-success-dark: #2D6D20; --color-info: #C1D4FF; --color-info-light: #F2F6FE; --color-info-dark: #1946C7; --text-xs: clamp(.6944rem,.6856rem + .0444vw,.72rem); --text-sm: clamp(.8333rem,.8101rem + .1159vw,.9rem); --text-base: clamp(1rem,.9565rem + .2174vw,1.125rem); --text-md: clamp(1.2rem,1.1283rem + .3587vw,1.4063rem); --text-lg: clamp(1.44rem,1.3295rem + .5527vw,1.7578rem); --text-xl: clamp(1.728rem,1.5648rem + .8161vw,2.1973rem); --text-2xl: clamp(2.0736rem,1.8395rem + 1.1704vw,2.7466rem); --text-3xl: clamp(2.4883rem,2.1597rem + 1.6433vw,3.4332rem); --text-xs--line-height: 1.7; --text-sm--line-height: 1.6; --text-base--line-height: 1.5; --text-lg--line-height: 1.4; --text-xl--line-height: 1.3; --text-2xl--line-height: 1.2; --text-3xl--line-height: 1.1; --container-page: calc(var(--page-width) * 1px); --container-article: 800px; --container-event: 1300px; --radius-sm: .25rem; --radius-md: .5rem; --blur-md: .2rem; --blur-lg: .4rem; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --aspect-video: 16 / 9; @keyframes spinner-logo {0% {transform: scale(.95) rotate(-15deg); opacity: 0;} 20% {transform: scale(1) rotate(0deg); opacity: 1;} 70% {transform: scale(1) rotate(0deg); opacity: 1;} 100% {transform: scale(.95) rotate(-15deg); opacity: 0;}} @keyframes spinner-logo-letter {0% {transform: translateY(-8px) rotate(-25deg) scale(.8); opacity: 0;} 6% {opacity: .3;} 20% {transform: translateY(0px) rotate(0deg) scale(1); opacity: 1;} 70% {transform: translateY(0px) rotate(0deg) scale(1); opacity: 1;} 100% {transform: translateY(-8px) rotate(-25deg) scale(.8); opacity: 0;}} --animate-spinner-logo: spinner-logo 3s cubic-bezier(.25,.46,.45,.94) infinite; --animate-spinner-logo-letter: spinner-logo-letter 3s cubic-bezier(.34,1.56,.64,1) infinite; @keyframes spinner {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @keyframes spinner-circle {0% {stroke-dashoffset: 600;} 100% {stroke-dashoffset: 0;}} --animate-spinner: spinner 2s linear infinite; --animate-spinner-circle: spinner-circle 1.6s cubic-bezier(.4,.15,.6,.85) infinite;}@layer components{.btn{@apply bg-flask-light;@apply text-white;@apply px-4;@apply text-sm;@apply h-[2rem];@apply w-fit;@apply inline-flex;@apply items-center;@apply justify-center;@apply gap-x-2;@apply rounded-md;@apply transition-colors;@apply cursor-pointer;@variant focus{@apply ring ring-offset-2 ring-clay;}@variant hover{@apply bg-flask-light-hover;}@variant disabled{&:not([data-loading=true]) {@apply opacity-60; @apply cursor-not-allowed;}}}.btn>svg{@apply shrink-0;}.btn.btn-secondary{@apply bg-clay;@apply text-black;@variant hover{@apply bg-clay-hover;}}.btn.btn-tertiary{@apply bg-sand;@apply text-black;@variant hover{@apply bg-sand-hover;}}.btn.btn-danger{@apply bg-danger-dark;@apply text-danger-light;@variant hover{@apply bg-danger-dark/70;}}.btn.btn-warning{@apply bg-warning-dark;@apply text-warning-light;@variant hover{@apply bg-warning-dark/70;}}.btn.btn-success{@apply bg-success-dark;@apply text-success-light;@variant hover{@apply bg-success-dark/70;}}.btn.btn-outline{@apply bg-transparent;@apply text-black;@apply ring-2;@apply ring-inset;@apply ring-flask-light;@variant hover{@apply bg-flask-light; @apply text-white;}}.btn.btn-outline.btn-secondary{@apply ring-clay;@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-outline.btn-danger{@apply ring-danger-dark;@apply text-danger-dark;@variant hover{@apply bg-danger-dark; @apply text-danger-light;}}.btn.btn-transparent{@apply bg-transparent;@apply text-black;@variant hover{@apply bg-flask-light; @apply text-white;}}.btn.btn-transparent.btn-secondary{@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-transparent.btn-tertiary{@variant hover{@apply bg-sand; @apply text-black;}}.dropdown{@apply rounded-md bg-white p-1 shadow-lg;}.dropdown-separator{height:1px;@apply bg-sand my-1;}.dropdown-item{@apply flex items-center w-full px-4 py-2 text-sm cursor-pointer transition-colors;@apply rounded-md;@apply text-left;@apply text-black;@variant hover{@apply bg-sand;}}.dropdown-item-icon-right{@apply pr-3;}.input{@apply bg-sand;@apply rounded-sm;@apply px-4;@apply py-2;@apply text-sm;@apply inline-flex;@apply transition-colors;@variant focus{@apply ring-2 ring-offset-2 ring-clay; @apply outline-none;}}.link{@apply text-black underline;}.alert{@apply px-3;@apply py-2;@apply rounded-md;@apply text-sm;@apply inline-flex;@apply items-center;@apply gap-x-2;}.alert.alert-warning{@apply bg-warning-light;@apply text-warning-dark;@apply border border-warning;}.alert.alert-danger{@apply bg-danger-light;@apply text-danger-dark;@apply border border-danger;}.alert.alert-info{@apply bg-info-light;@apply text-info-dark;@apply border border-info;}.alert.alert-success{@apply bg-success-light;@apply text-success-dark;@apply border border-success;}.tbl{@apply w-full;@apply border-collapse;@apply bg-white;@apply text-black;@apply text-sm;@apply border border-black;}.tbl th{@apply font-bold;@apply text-left;}.tbl td,.tbl th{@apply px-4;@apply py-3;@apply border-b border-black;@apply border-r border-black;}.tbl tbody tr{@apply transition-colors;@variant hover{@apply bg-sand;}}.tabs{@apply flex border-b-2 border-clay;@apply gap-x-2;@apply pb-1;}.tab{@apply px-4 py-2;@apply rounded-md;@apply font-bold;@apply text-sm;@apply transition;@apply cursor-pointer;@apply flex items-center;}.tab:hover{@apply bg-clay/70;}.tab.active{@apply bg-clay;}.input-radio{@apply accent-flask;}.form-label{@apply block;@apply text-base;@apply mb-1;}.spinner-logo{animation:var(--animate-spinner-logo)}.spinner-logo>svg>path{transform-origin:center center;opacity:0;animation:var(--animate-spinner-logo-letter)}.spinner-logo>svg>path:nth-child(1){animation-delay:.1s}.spinner-logo>svg>path:nth-child(2){animation-delay:.2s}.spinner-logo>svg>path:nth-child(3){animation-delay:.3s}.spinner-logo>svg>path:nth-child(4){animation-delay:.4s}.spinner-logo>svg>path:nth-child(5){animation-delay:.5s}.spinner-logo>svg>path:nth-child(6){animation-delay:.6s}}@utility btn-icon{@apply px-0; @apply w-[2rem];}body{@apply font-sans-serif;@apply antialiased;}

package/dist/ui/components/Alert.d.ts

@@ -95,9 +95,9 @@ declare const AlertStyled: import('@stitches/react/types/styled-component').Styl
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Avatar.d.ts

@@ -95,9 +95,9 @@ declare const AvatarCircle: import('@stitches/react/types/styled-component').Sty
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Badge.d.ts

@@ -94,9 +94,9 @@ export declare const Badge: import('@stitches/react/types/styled-component').Sty
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Box.d.ts

@@ -92,9 +92,9 @@ export declare const Box: import('@stitches/react/types/styled-component').Style
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Button.d.ts

@@ -97,9 +97,9 @@ declare const ButtonStyled: import('@stitches/react/types/styled-component').Sty
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Card.d.ts

@@ -97,9 +97,9 @@ export declare const Card: import('@stitches/react/types/styled-component').Styl
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Dialog.d.ts

@@ -94,9 +94,9 @@ declare const DialogContent: import('@stitches/react/types/styled-component').St
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -227,9 +227,9 @@ export declare const DialogHeader: import('@stitches/react/types/styled-componen
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -352,9 +352,9 @@ export declare const DialogActions: import('@stitches/react/types/styled-compone
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Form/Checkbox.d.ts

@@ -97,9 +97,9 @@ declare const Root: import('@stitches/react/types/styled-component').StyledCompo
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Form/Switch.d.ts

@@ -95,9 +95,9 @@ declare const Root: import('@stitches/react/types/styled-component').StyledCompo
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -222,9 +222,9 @@ declare const Label: import('@stitches/react/types/styled-component').StyledComp
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Form/TextArea.d.ts

@@ -93,9 +93,9 @@ declare const Input: import('@stitches/react/types/styled-component').StyledComp
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Form/TextInput.d.ts

@@ -93,9 +93,9 @@ declare const Input: import('@stitches/react/types/styled-component').StyledComp
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Form/text.d.ts

@@ -92,9 +92,9 @@ export declare const textCss: import('@stitches/react/types/styled-component').C
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -219,9 +219,9 @@ export declare const textWrapperCss: import('@stitches/react/types/styled-compon
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Menu/DropdownMenu.d.ts

@@ -103,9 +103,9 @@ export declare const DropdownMenuSeparator: import('@stitches/react/types/styled
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -228,9 +228,9 @@ export declare const DropdownMenuItem: import('@stitches/react/types/styled-comp
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -353,9 +353,9 @@ export declare const DropdownMenuIconItem: import('@stitches/react/types/styled-
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Menu/Menu.d.ts

@@ -92,9 +92,9 @@ export declare const MenuOverlayCard: import('@stitches/react/types/styled-compo
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -216,9 +216,9 @@ export declare const MenuOverlayCard: import('@stitches/react/types/styled-compo
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -341,9 +341,9 @@ export declare const menuItemStyles: import('@stitches/react/types/styled-compon
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/NavBar.d.ts

@@ -94,9 +94,9 @@ declare const Bar: import('@stitches/react/types/styled-component').StyledCompon
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/OverlayCard.d.ts

@@ -92,9 +92,9 @@ export declare const OverlayCard: import('@stitches/react/types/styled-component
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Spinner.d.ts

@@ -96,9 +96,9 @@ export declare const Spinner: import('react').ForwardRefExoticComponent<Omit<Omi
             "3xl": "1.875rem";
         };
         fontWeights: {
-            normal: "var(--ui-font-weight-normal)";
-            medium: "var(--ui-font-weight-semibold)";
-            bold: "var(--ui-font-weight-bold)";
+            normal: "var(--ui-font-weight-normal, 400)";
+            medium: "var(--ui-font-weight-semibold, 500)";
+            bold: "var(--ui-font-weight-bold, 700)";
         };
         space: {
             1: "0.25rem";

package/dist/ui/components/Stack.d.ts

@@ -96,9 +96,9 @@ export declare const Stack: import('@stitches/react/types/styled-component').Sty
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui/components/Toolbar.d.ts

@@ -93,9 +93,9 @@ export declare const Toolbar: import('@stitches/react/types/styled-component').S
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -218,9 +218,9 @@ export declare const ToolbarToggleGroup: import('@stitches/react/types/styled-co
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -343,9 +343,9 @@ export declare const ToolbarSeparator: import('@stitches/react/types/styled-comp
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -474,9 +474,9 @@ export declare const ButtonInToolbar: import('react').ForwardRefExoticComponent<
             "3xl": "1.875rem";
         };
         fontWeights: {
-            normal: "var(--ui-font-weight-normal)";
-            medium: "var(--ui-font-weight-semibold)";
-            bold: "var(--ui-font-weight-bold)";
+            normal: "var(--ui-font-weight-normal, 400)";
+            medium: "var(--ui-font-weight-semibold, 500)";
+            bold: "var(--ui-font-weight-bold, 700)";
         };
         space: {
             1: "0.25rem";

package/dist/ui/stitches.config.d.ts

@@ -91,9 +91,9 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -226,9 +226,9 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -348,9 +348,9 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";
@@ -484,9 +484,9 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
             "3xl": "1.875rem";
         };
         fontWeights: {
-            normal: "var(--ui-font-weight-normal)";
-            medium: "var(--ui-font-weight-semibold)";
-            bold: "var(--ui-font-weight-bold)";
+            normal: "var(--ui-font-weight-normal, 400)";
+            medium: "var(--ui-font-weight-semibold, 500)";
+            bold: "var(--ui-font-weight-bold, 700)";
         };
         space: {
             1: "0.25rem";
@@ -614,9 +614,9 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
             "3xl": "1.875rem";
         };
         fontWeights: {
-            normal: "var(--ui-font-weight-normal)";
-            medium: "var(--ui-font-weight-semibold)";
-            bold: "var(--ui-font-weight-bold)";
+            normal: "var(--ui-font-weight-normal, 400)";
+            medium: "var(--ui-font-weight-semibold, 500)";
+            bold: "var(--ui-font-weight-bold, 700)";
         };
         space: {
             1: "0.25rem";
@@ -735,9 +735,9 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
         "3xl": "1.875rem";
     };
     fontWeights: {
-        normal: "var(--ui-font-weight-normal)";
-        medium: "var(--ui-font-weight-semibold)";
-        bold: "var(--ui-font-weight-bold)";
+        normal: "var(--ui-font-weight-normal, 400)";
+        medium: "var(--ui-font-weight-semibold, 500)";
+        bold: "var(--ui-font-weight-bold, 700)";
     };
     space: {
         1: "0.25rem";

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { k as h, s as n, c as f } from "./stitches.config-DTq6WSgP.js";
-import { a as Pe, g as Ae } from "./stitches.config-DTq6WSgP.js";
+import { k as h, s as n, c as f } from "./stitches.config-gk2-nbbz.js";
+import { a as Pe, g as Ae } from "./stitches.config-gk2-nbbz.js";
 import { jsx as t, jsxs as c, Fragment as K } from "react/jsx-runtime";
 import { forwardRef as u, createContext as U, useMemo as k, useContext as D, isValidElement as _, cloneElement as q, useState as J, useId as w } from "react";
 import { useFloating as Q, autoUpdate as Z, offset as oo, flip as eo, shift as ro, useTransitionStyles as to, useClick as no, useHover as ao, safePolygon as io, useDismiss as so, useRole as lo, useInteractions as co, FloatingPortal as $o } from "@floating-ui/react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "5.11.2",
+  "version": "6.1.0",
   "type": "module",
   "exports": {
     "./oidc": {
@@ -32,12 +32,6 @@
     },
     "./fonts.css": {
       "import": "./dist/fonts.css"
-    },
-    "./ui/normalize.css": {
-      "import": "./dist/normalize.css"
-    },
-    "./ui/ui.css": {
-      "import": "./dist/ui.css"
     }
   },
   "files": [

package/dist/normalize.css

@@ -1 +0,0 @@
-/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}[role=button]{cursor:pointer}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}table{text-indent:0;border-color:inherit;border-collapse:collapse}hr{height:0;color:inherit;border-top-width:1px}

package/dist/normalize.css.d.ts

@@ -1 +0,0 @@
-export {}

package/dist/ui.css

@@ -1 +0,0 @@
-:root{--ui-font-family: system-ui, sans-serif;--ui-font-weight-normal: 400;--ui-font-weight-semibold: 500;--ui-font-weight-bold: 700}

package/dist/ui.css.d.ts

@@ -1 +0,0 @@
-export {}