@arkitektbedriftene/fe-lib 0.3.19 → 0.3.20

package/dist/{DropdownMenu-1eb444b3.js → DropdownMenu-7a3b57bd.js}

@@ -378,7 +378,7 @@ var W = "colors", Y = "sizes", E = "space", Mn = { gap: E, gridGap: E, columnGap
   }))(t), t;
 };
 let It = 9999;
-const Pt = () => (It--, It), { styled: V, css: mt, keyframes: Be, globalCss: hi } = ar({
+const Pt = () => (It--, It), { styled: H, css: mt, keyframes: Be, globalCss: hi } = ar({
   theme: {
     colors: {
       gray50: "#F9FAFA",
@@ -518,9 +518,9 @@ const Pt = () => (It--, It), { styled: V, css: mt, keyframes: Be, globalCss: hi
   "100%": {
     strokeDashoffset: 0
   }
-}), dr = V("svg", {
+}), dr = H("svg", {
   animation: `${cr} 2s linear infinite`
-}), fr = V("circle", {
+}), fr = H("circle", {
   animation: `${ur} 1.6s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite`,
   fill: "transparent",
   stroke: "currentColor",
@@ -529,7 +529,7 @@ const Pt = () => (It--, It), { styled: V, css: mt, keyframes: Be, globalCss: hi
   strokeLinecap: "round",
   strokeMiterlimit: 10,
   strokeWidth: 12
-}), mr = V("div", {
+}), mr = H("div", {
   lineHeight: 0,
   flexShrink: 0,
   variants: {
@@ -591,7 +591,7 @@ const Pt = () => (It--, It), { styled: V, css: mt, keyframes: Be, globalCss: hi
       )
     }
   )
-), pr = V("button", {
+), pr = H("button", {
   appearance: "none",
   margin: 0,
   padding: 0,
@@ -753,7 +753,7 @@ const Pt = () => (It--, It), { styled: V, css: mt, keyframes: Be, globalCss: hi
       ]
     }
   ))
-), br = V("div", {
+), br = H("div", {
   padding: "$3",
   borderRadius: "$md",
   variants: {
@@ -834,7 +834,7 @@ const Pt = () => (It--, It), { styled: V, css: mt, keyframes: Be, globalCss: hi
     '&[data-side="bottom"]': { animationName: yr },
     '&[data-side="left"]': { animationName: vr }
   }
-}), tn = V(
+}), tn = H(
   "div",
   $r,
   Sr
@@ -2657,38 +2657,38 @@ function Jo(e, t) {
     const $ = Se(v), F = "[" + Qe("inert") + "]", K = fe(l).querySelectorAll(F);
     let G = N($) ? $ : null;
     for (; G && !Te(G); ) {
-      const H = he(G);
-      if (Te(H) || !N(H))
+      const V = he(G);
+      if (Te(V) || !N(V))
         break;
-      G = H;
+      G = V;
     }
     if (K.length && N($) && !Ir($) && // Clicked on a direct ancestor (e.g. FloatingOverlay).
     !pe($, l) && // If the target root element contains none of the markers, then the
     // element was injected after the floating element rendered.
-    Array.from(K).every((H) => !pe(G, H)))
+    Array.from(K).every((V) => !pe(G, V)))
       return;
     if (Z($) && l) {
-      const H = $.clientWidth > 0 && $.scrollWidth > $.clientWidth, X = $.clientHeight > 0 && $.scrollHeight > $.clientHeight;
+      const V = $.clientWidth > 0 && $.scrollWidth > $.clientWidth, X = $.clientHeight > 0 && $.scrollHeight > $.clientHeight;
       let ae = X && v.offsetX > $.clientWidth;
-      if (X && J($).direction === "rtl" && (ae = v.offsetX <= $.offsetWidth - $.clientWidth), ae || H && v.offsetY > $.clientHeight)
+      if (X && J($).direction === "rtl" && (ae = v.offsetX <= $.offsetWidth - $.clientWidth), ae || V && v.offsetY > $.clientHeight)
         return;
     }
-    const ye = x && Ve(x.nodesRef.current, o).some((H) => {
+    const ye = x && Ve(x.nodesRef.current, o).some((V) => {
       var X;
-      return tt(v, (X = H.context) == null ? void 0 : X.elements.floating);
+      return tt(v, (X = V.context) == null ? void 0 : X.elements.floating);
     });
     if (tt(v, l) || tt(v, s) || ye)
       return;
     const le = x ? Ve(x.nodesRef.current, o) : [];
     if (le.length > 0) {
-      let H = !0;
+      let V = !0;
       if (le.forEach((X) => {
         var ae;
         if ((ae = X.context) != null && ae.open && !X.context.dataRef.current.__outsidePressBubbles) {
-          H = !1;
+          V = !1;
           return;
         }
-      }), !H)
+      }), !V)
         return;
     }
     r(!1, v, "outside-press");
@@ -3085,7 +3085,7 @@ function li(e) {
       const {
         clientX: C,
         clientY: A
-      } = S, T = [C, A], B = Se(S), D = S.type === "mouseleave", L = pe(p.floating, B), M = pe(p.domReference, B), O = p.domReference.getBoundingClientRect(), b = p.floating.getBoundingClientRect(), v = g.split("-")[0], I = f > b.right - b.width / 2, R = u > b.bottom - b.height / 2, $ = si(T, O), F = b.width > O.width, K = b.height > O.height, G = (F ? O : b).left, ye = (F ? O : b).right, le = (K ? O : b).top, H = (K ? O : b).bottom;
+      } = S, T = [C, A], B = Se(S), D = S.type === "mouseleave", L = pe(p.floating, B), M = pe(p.domReference, B), O = p.domReference.getBoundingClientRect(), b = p.floating.getBoundingClientRect(), v = g.split("-")[0], I = f > b.right - b.width / 2, R = u > b.bottom - b.height / 2, $ = si(T, O), F = b.width > O.width, K = b.height > O.height, G = (F ? O : b).left, ye = (F ? O : b).right, le = (K ? O : b).top, V = (K ? O : b).bottom;
       if (L && (i = !0, !D))
         return;
       if (M && (i = !1), M && !D) {
@@ -3110,10 +3110,10 @@ function li(e) {
           X = [[G, b.top + 1], [G, O.bottom - 1], [ye, O.bottom - 1], [ye, b.top + 1]];
           break;
         case "left":
-          X = [[b.right - 1, H], [b.right - 1, le], [O.left + 1, le], [O.left + 1, H]];
+          X = [[b.right - 1, V], [b.right - 1, le], [O.left + 1, le], [O.left + 1, V]];
           break;
         case "right":
-          X = [[O.right - 1, H], [O.right - 1, le], [b.left + 1, le], [b.left + 1, H]];
+          X = [[O.right - 1, V], [O.right - 1, le], [b.left + 1, le], [b.left + 1, V]];
           break;
       }
       function ae(ce) {
@@ -3153,7 +3153,7 @@ function li(e) {
     blockPointerEvents: n
   }, m;
 }
-const ai = V("div"), wt = kn(
+const ai = H("div"), wt = kn(
   {}
 ), vi = ({
   children: e,
@@ -3235,7 +3235,7 @@ const ai = V("div"), wt = kn(
       children: /* @__PURE__ */ z(tn, { ...t, style: s, children: e })
     }
   ) }) : null;
-}, $i = V("span", {
+}, $i = H("span", {
   flex: "0 0 auto",
   display: "inline-flex",
   padding: "$1 $2",
@@ -3272,17 +3272,17 @@ const ai = V("div"), wt = kn(
   defaultVariants: {
     color: "primary"
   }
-}), Si = V(Le.Root, {
+}), Si = H(Le.Root, {
   backgroundColor: "$gray50",
   display: "flex",
   alignItems: "center",
   padding: "$1",
   gap: "$1"
-}), Ri = V(Le.ToggleGroup, {
+}), Ri = H(Le.ToggleGroup, {
   display: "flex",
   gap: "$1",
   alignItems: "center"
-}), Ei = V(Le.Separator, {
+}), Ei = H(Le.Separator, {
   width: "1px",
   height: "1.5rem",
   my: "$1",
@@ -3344,7 +3344,32 @@ const ai = V("div"), wt = kn(
       }
     )
   }
-)), ci = V(tn, {
+)), Ti = H("div", {
+  color: "$$cardText",
+  backgroundColor: "$$cardBackground",
+  borderRadius: "$md",
+  padding: "$4",
+  variants: {
+    variant: {
+      primary: {
+        $$cardBackground: "white",
+        $$cardText: "$text"
+      }
+    },
+    elevation: {
+      none: {
+        boxShadow: "none"
+      },
+      raised: {
+        boxShadow: "$md"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    elevation: "raised"
+  }
+}), ci = H(tn, {
   minWidth: "max(var(--radix-popper-anchor-width), 12rem)",
   padding: "$1"
 }), $t = mt({
@@ -3370,7 +3395,7 @@ const ai = V("div"), wt = kn(
       backgroundColor: "transparent"
     }
   }
-}), Ti = ({
+}), Ii = ({
   side: e = "bottom",
   align: t = "center",
   trigger: n,
@@ -3390,7 +3415,7 @@ const ai = V("div"), wt = kn(
       children: /* @__PURE__ */ z(ci, { children: r })
     }
   ) })
-] }), ui = V(ee.ItemIndicator, {
+] }), ui = H(ee.ItemIndicator, {
   position: "absolute",
   left: 0,
   top: 0,
@@ -3399,16 +3424,16 @@ const ai = V("div"), wt = kn(
   display: "flex",
   justifyContent: "center",
   alignItems: "center"
-}), Ii = V(ee.Separator, {
+}), Pi = H(ee.Separator, {
   height: 1,
   backgroundColor: "$gray200",
   margin: 1
-}), Pi = V(ee.Item, $t), Ai = V(ee.Item, $t, {
+}), Ai = H(ee.Item, $t), Bi = H(ee.Item, $t, {
   padding: "$2",
   display: "flex",
   alignItems: "center",
   gap: "$2"
-}), di = V(ee.CheckboxItem, $t), Bi = ({
+}), di = H(ee.CheckboxItem, $t), Oi = ({
   value: e,
   onChange: t,
   children: n
@@ -3426,14 +3451,15 @@ const ai = V("div"), wt = kn(
 export {
   bi as A,
   ai as B,
-  Ti as D,
+  Ti as C,
+  Ii as D,
   Xo as F,
   ci as M,
   tn as O,
   vi as P,
   gr as S,
   Ci as T,
-  Ai as a,
+  Bi as a,
   Ri as b,
   mt as c,
   ki as d,
@@ -3451,12 +3477,12 @@ export {
   Be as p,
   hi as q,
   hr as r,
-  V as s,
+  H as s,
   $i as t,
   Qo as u,
   Rn as v,
   $t as w,
-  Ii as x,
-  Pi as y,
-  Bi as z
+  Pi as x,
+  Ai as y,
+  Oi as z
 };

package/dist/rich-text.es.js

@@ -8,7 +8,7 @@ import { HeadingNode as xt, QuoteNode as Et, $isHeadingNode as St, $createHeadin
 import { TableNode as Ot, TableRowNode as _t, TableCellNode as Rt } from "@lexical/table";
 import { jsx as o, jsxs as C, Fragment as j } from "react/jsx-runtime";
 import { createContext as zt, useState as v, useRef as Z, useCallback as M, useContext as Bt, useEffect as z, useMemo as tt, useLayoutEffect as Dt } from "react";
-import { c as w, s as et, D as Ht, T as Ft, a as m, B as O, b as Pt, d as S, u as $t, e as At, f as Wt, g as jt, o as Kt, h as Ut, i as Yt, j as qt, F as Gt, O as Qt, k as Xt, l as Vt, S as Jt } from "./DropdownMenu-1eb444b3.js";
+import { c as w, s as et, D as Ht, T as Ft, a as m, B as O, b as Pt, d as S, u as $t, e as At, f as Wt, g as jt, o as Kt, h as Ut, i as Yt, j as qt, F as Gt, O as Qt, k as Xt, l as Vt, S as Jt } from "./DropdownMenu-7a3b57bd.js";
 import { LexicalComposer as Zt } from "@lexical/react/LexicalComposer.js";
 import { RichTextPlugin as te } from "@lexical/react/LexicalRichTextPlugin.js";
 import ee from "@lexical/react/LexicalErrorBoundary.js";

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

@@ -0,0 +1,118 @@
+export declare const Card: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+    variant?: "primary" | undefined;
+    elevation?: "none" | "raised" | undefined;
+}, {
+    lg: "(min-width: 1200px)";
+    print: "print";
+}, import("@stitches/react/types/css-util").CSS<{
+    lg: "(min-width: 1200px)";
+    print: "print";
+}, {
+    colors: {
+        gray50: string;
+        gray100: string;
+        gray200: string;
+        gray300: string;
+        gray400: string;
+        gray500: string;
+        gray600: string;
+        gray700: string;
+        gray800: string;
+        gray900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        orange500: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        primaryTextOnLightBg: string;
+        primaryBg: string;
+        primaryBgHover: string;
+        primaryTextOnWhite: string;
+        bodyGray: string;
+        hoverDarker: string;
+        borderDarker: string;
+        selectedDarker: string;
+        selectedOnBodyGray: string;
+        darkGrayBg: string;
+        border: string;
+        text: string;
+        secondaryText: string;
+        focusRing: string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+    };
+    fontWeights: {
+        normal: string;
+        medium: string;
+        bold: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+    shadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        overlayCard: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        md: string;
+        mdmd: string;
+        full: string;
+    };
+    zIndices: {
+        toast: number;
+        overlayCard: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;

package/dist/ui/ui.d.ts

@@ -8,5 +8,6 @@ export * from './components/Box';
 export * from './components/Tooltip';
 export * from './components/Badge';
 export * from './components/Toolbar';
+export * from './components/Card';
 export * from './components/Menu/Menu';
 export * from './components/Menu/DropdownMenu';

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { P as t, m as n, n as p } from "./DropdownMenu-1eb444b3.js";
-import { A as y, t as C, B as I, r as M, v as S, D as w, z as B, a as D, y as h, x as O, M as P, O as k, S as A, k as $, T as j, l as z, b as q, d as G, c as E, q as F, p as H, w as J, s as K } from "./DropdownMenu-1eb444b3.js";
+import { P as t, m as n, n as p } from "./DropdownMenu-7a3b57bd.js";
+import { A as x, t as y, B as I, r as M, v as S, C as w, D as B, z as D, a as h, y as O, x as P, M as k, O as A, S as $, k as j, T as z, l as q, b as G, d as E, c as F, q as H, p as J, w as K, s as L } from "./DropdownMenu-7a3b57bd.js";
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { useState as m } from "react";
 import "react-dom";
@@ -32,31 +32,32 @@ const T = ({ children: r, content: a }) => {
   );
 };
 export {
-  y as Alert,
-  C as Badge,
+  x as Alert,
+  y as Badge,
   I as Box,
   M as Button,
   S as ButtonInToolbar,
-  w as DropdownMenu,
-  B as DropdownMenuCheckboxItem,
-  D as DropdownMenuIconItem,
-  h as DropdownMenuItem,
-  O as DropdownMenuSeparator,
-  P as MenuOverlayCard,
-  k as OverlayCard,
+  w as Card,
+  B as DropdownMenu,
+  D as DropdownMenuCheckboxItem,
+  h as DropdownMenuIconItem,
+  O as DropdownMenuItem,
+  P as DropdownMenuSeparator,
+  k as MenuOverlayCard,
+  A as OverlayCard,
   t as Popover,
   p as PopoverContent,
   n as PopoverTrigger,
-  A as Spinner,
-  $ as Toolbar,
-  j as ToolbarButton,
-  z as ToolbarSeparator,
-  q as ToolbarToggleGroup,
-  G as ToolbarToggleItem,
+  $ as Spinner,
+  j as Toolbar,
+  z as ToolbarButton,
+  q as ToolbarSeparator,
+  G as ToolbarToggleGroup,
+  E as ToolbarToggleItem,
   T as Tooltip,
-  E as css,
-  F as globalCss,
-  H as keyframes,
-  J as menuItemStyles,
-  K as styled
+  F as css,
+  H as globalCss,
+  J as keyframes,
+  K as menuItemStyles,
+  L as styled
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "0.3.19",
+  "version": "0.3.20",
   "type": "module",
   "exports": {
     ".": {