@arkitektbedriftene/fe-lib 0.4.15 → 0.4.17

package/dist/{Checkbox-38e85f9b.js → Checkbox-22bb995a.js}

@@ -3514,12 +3514,13 @@ const ge = W("div"), Rt = Ln(
   children: e,
   open: t,
   onOpenChange: n,
-  trigger: o
+  trigger: o,
+  css: r
 }) => /* @__PURE__ */ ee(Ne.Root, { open: t, onOpenChange: n, children: [
   o && /* @__PURE__ */ L(Ne.Trigger, { asChild: !0, children: o }),
   /* @__PURE__ */ ee(Ne.Portal, { children: [
     /* @__PURE__ */ L($i, {}),
-    /* @__PURE__ */ L(wi, { children: e })
+    /* @__PURE__ */ L(wi, { css: r, children: e })
   ] })
 ] }), ls = W("h2", {
   fontSize: "$xl",

package/dist/rich-text.es.js

@@ -11,7 +11,7 @@ import { HeadingNode as le, QuoteNode as se, $isHeadingNode as ce, $createHeadin
 import { TableNode as he, TableRowNode as pe, TableCellNode as ge, INSERT_TABLE_COMMAND as fe, $getTableCellNodeFromLexicalNode as me, $deleteTableColumn__EXPERIMENTAL as ke, $deleteTableRow__EXPERIMENTAL as be, $insertTableColumn__EXPERIMENTAL as ct, $insertTableRow__EXPERIMENTAL as dt } from "@lexical/table";
 import { jsx as n, jsxs as f, Fragment as Y } from "react/jsx-runtime";
 import { createContext as ve, useState as b, useRef as et, useCallback as v, useContext as Ce, useEffect as N, useMemo as Lt, useLayoutEffect as Me } from "react";
-import { c as O, s as Tt, D as rt, T as Nt, a as M, B as P, b as yt, d as z, u as nt, e as xt, f as Le, g as Te, o as Et, h as Ne, i as St, j as wt, F as Rt, O as It, k as ye, l as xe, S as Ee, m as $, n as I, p as ut, q as Se, N as we, r as ht, t as Re, v as zt, C as Ie, w as ze, x as _e } from "./Checkbox-38e85f9b.js";
+import { c as O, s as Tt, D as rt, T as Nt, a as M, B as P, b as yt, d as z, u as nt, e as xt, f as Le, g as Te, o as Et, h as Ne, i as St, j as wt, F as Rt, O as It, k as ye, l as xe, S as Ee, m as $, n as I, p as ut, q as Se, N as we, r as ht, t as Re, v as zt, C as Ie, w as ze, x as _e } from "./Checkbox-22bb995a.js";
 import "react-select";
 import { LexicalComposer as $e } from "@lexical/react/LexicalComposer.js";
 import { RichTextPlugin as Oe } from "@lexical/react/LexicalRichTextPlugin.js";
@@ -1040,11 +1040,11 @@ const bn = () => {
         /* @__PURE__ */ n(I, { onClick: a("add-row-over"), children: "Legg til rad over" }),
         /* @__PURE__ */ n(I, { onClick: a("add-row-under"), children: "Legg til rad under" }),
         /* @__PURE__ */ n(ut, {}),
-        /* @__PURE__ */ n(I, { onClick: a("add-column-left"), children: "Legg til kolumne venstre" }),
-        /* @__PURE__ */ n(I, { onClick: a("add-column-right"), children: "Legg til kolumne høyre" }),
+        /* @__PURE__ */ n(I, { onClick: a("add-column-left"), children: "Legg til kolonne venstre" }),
+        /* @__PURE__ */ n(I, { onClick: a("add-column-right"), children: "Legg til kolonne høyre" }),
         /* @__PURE__ */ n(ut, {}),
         /* @__PURE__ */ n(I, { onClick: a("delete-row"), children: "Fjern rad" }),
-        /* @__PURE__ */ n(I, { onClick: a("delete-column"), children: "Fjern kolumne" })
+        /* @__PURE__ */ n(I, { onClick: a("delete-column"), children: "Fjern kolonne" })
       ]
     }
   ) : null;

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

@@ -1,9 +1,242 @@
-import type { ReactNode } from "react";
-export declare const Dialog: ({ children, open, onOpenChange, trigger, }: {
+import type { ComponentProps, ReactNode } from "react";
+import * as RDialog from "@radix-ui/react-dialog";
+declare const DialogContent: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RDialog.DialogContentProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
+    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, {}>>;
+export declare const Dialog: ({ children, open, onOpenChange, trigger, css, }: {
     children: ReactNode;
     open: boolean;
     onOpenChange: (bool: boolean) => void;
     trigger?: ReactNode;
+    css?: Pick<Omit<RDialog.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
+        lg: "(min-width: 1200px)";
+        print: "print";
+    }> & {
+        css?: 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, {}> | undefined;
+    }, "css"> | undefined;
 }) => JSX.Element;
 export declare const DialogHeader: import("@stitches/react/types/styled-component").StyledComponent<"h2", {}, {
     lg: "(min-width: 1200px)";
@@ -235,3 +468,4 @@ export declare const DialogActions: import("@stitches/react/types/styled-compone
         overlayCard: number;
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export {};

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ReactSelect } from "./ReactSelect";
 import type { CSS } from "../../stitches.config";
-export type SelectProps = {
-    clearable?: boolean;
+import type { GroupBase, Props } from "react-select";
+type SelectProps = {
     label?: string;
     css?: CSS;
-} & Omit<React.ComponentProps<typeof ReactSelect>, "isMulti" | "isClearable" | "isSearchable">;
-export declare const Select: ({ clearable, label, css, ...props }: SelectProps) => JSX.Element;
+};
+export declare const Select: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ label, css, ...props }: SelectProps & Omit<Props<Option, IsMulti, Group>, "isMulti" | "isSearchable">) => JSX.Element;
+export {};

package/dist/ui.es.js

@@ -1,6 +1,6 @@
-import { P as l, y as p, z as i, B as t, R as m } from "./Checkbox-38e85f9b.js";
-import { H as y, Q as M, I as k, m as w, J as A, K as O, X as P, C as $, q as z, v as N, L as j, D as G, W as H, a as R, n as q, p as E, U as J, N as K, r as L, O as Q, S as U, M as V, t as W, k as X, T as F, l as Y, b as Z, d as _, c as aa, G as oa, E as ea, A as sa, V as ra, s as ta } from "./Checkbox-38e85f9b.js";
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { P as l, y as p, z as i, B as r, R as m } from "./Checkbox-22bb995a.js";
+import { H as y, Q as M, I as k, m as w, J as A, K as O, X as P, C as $, q as z, v as N, L as j, D as G, W as H, a as R, n as q, p as E, U as J, N as K, r as L, O as Q, S as U, M as V, t as W, k as X, T as F, l as Y, b as Z, d as _, c as oo, G as ao, E as so, A as eo, V as ro, s as to } from "./Checkbox-22bb995a.js";
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { useState as c } from "react";
 import "react-dom";
 import "@radix-ui/react-toolbar";
@@ -9,33 +9,37 @@ import "@radix-ui/react-dialog";
 import "@radix-ui/react-dropdown-menu";
 import "react-select";
 import "@radix-ui/react-checkbox";
-const I = ({ children: e, content: a }) => {
-  const [s, r] = c(!1);
-  return /* @__PURE__ */ n(
+const I = ({ children: o, content: s }) => {
+  const [e, n] = c(!1);
+  return /* @__PURE__ */ t(
     l,
     {
-      open: s,
-      onOpenChange: r,
+      open: e,
+      onOpenChange: n,
       trigger: "hover",
       placement: "top",
       offset: { mainAxis: 8 },
       role: "tooltip",
       children: [
-        /* @__PURE__ */ o(p, { children: e }),
-        /* @__PURE__ */ o(i, { overlayCardProps: {
+        /* @__PURE__ */ a(p, { children: o }),
+        /* @__PURE__ */ a(i, { overlayCardProps: {
           css: {
             background: "rgba(0,0,0, 0.9)",
             color: "#fff",
             fontSize: "$sm",
             padding: "$1 $2"
           }
-        }, children: a })
+        }, children: s })
       ]
     }
   );
-}, h = ({ clearable: e, label: a, css: s, ...r }) => /* @__PURE__ */ n(t, { css: s, children: [
-  a && /* @__PURE__ */ o(
-    t,
+}, h = ({
+  label: o,
+  css: s,
+  ...e
+}) => /* @__PURE__ */ t(r, { css: s, children: [
+  o && /* @__PURE__ */ a(
+    r,
     {
       as: "label",
       css: {
@@ -43,24 +47,16 @@ const I = ({ children: e, content: a }) => {
         marginBottom: "$2",
         fontSize: "$md"
       },
-      children: a
+      children: o
     }
   ),
-  /* @__PURE__ */ o(
-    m,
-    {
-      ...r,
-      isClearable: e,
-      isSearchable: !1,
-      isMulti: !1
-    }
-  )
+  /* @__PURE__ */ a(m, { ...e, isSearchable: !1, isMulti: !1 })
 ] });
 export {
   y as Alert,
   M as Avatar,
   k as Badge,
-  t as Box,
+  r as Box,
   w as Button,
   A as ButtonInToolbar,
   O as Card,
@@ -91,10 +87,10 @@ export {
   Z as ToolbarToggleGroup,
   _ as ToolbarToggleItem,
   I as Tooltip,
-  aa as css,
-  oa as getCssText,
-  ea as globalCss,
-  sa as keyframes,
-  ra as menuItemStyles,
-  ta as styled
+  oo as css,
+  ao as getCssText,
+  so as globalCss,
+  eo as keyframes,
+  ro as menuItemStyles,
+  to as styled
 };

package/package.json

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