@arkitektbedriftene/fe-lib 5.1.8 → 5.2.0

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

@@ -287,6 +287,12 @@ export declare const richTextCss: import('@stitches/react/types/styled-component
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

package/dist/rich-text.es.js

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

package/dist/{stitches.config-mraJLPED.js → stitches.config-DWJUNIbU.js}

@@ -1,6 +1,6 @@
 import { createStitches as l } from "@stitches/react";
 let e = 9999;
-const r = () => (e--, e), { styled: g, css: d, keyframes: x, globalCss: m, getCssText: o } = l({
+const r = () => (e--, e), { styled: g, css: d, keyframes: s, globalCss: o, getCssText: x } = l({
   theme: {
     colors: {
       gray50: "#F9FAFA",
@@ -68,7 +68,14 @@ const r = () => (e--, e), { styled: g, css: d, keyframes: x, globalCss: m, getCs
       border: "hsl(214deg, 25%, 80%)",
       text: "#1f2937",
       secondaryText: "$gray500",
-      focusRing: "hsla(214deg, 15%, 10%, 0.6)"
+      focusRing: "hsla(214deg, 15%, 10%, 0.6)",
+      // New profile
+      flask: "#122a0d",
+      flaskHover: "#173611",
+      clay: "#eee6d3",
+      clayHover: "#d6c9b6",
+      sand: "#f3f1eb",
+      sandHover: "#e6dfce"
     },
     fontSizes: {
       xs: "0.75rem",
@@ -129,9 +136,9 @@ const r = () => (e--, e), { styled: g, css: d, keyframes: x, globalCss: m, getCs
   }
 });
 export {
-  o as a,
+  x as a,
   d as c,
-  m as g,
-  x as k,
+  o as g,
+  s as k,
   g as s
 };

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

@@ -76,6 +76,12 @@ declare const AlertStyled: import('@stitches/react/types/styled-component').Styl
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -76,6 +76,12 @@ declare const AvatarCircle: import('@stitches/react/types/styled-component').Sty
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -75,6 +75,12 @@ export declare const Badge: import('@stitches/react/types/styled-component').Sty
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -73,6 +73,12 @@ export declare const Box: import('@stitches/react/types/styled-component').Style
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -78,6 +78,12 @@ declare const ButtonStyled: import('@stitches/react/types/styled-component').Sty
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -78,6 +78,12 @@ export declare const Card: import('@stitches/react/types/styled-component').Styl
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -75,6 +75,12 @@ declare const DialogContent: import('@stitches/react/types/styled-component').St
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -200,6 +206,12 @@ export declare const DialogHeader: import('@stitches/react/types/styled-componen
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -317,6 +329,12 @@ export declare const DialogActions: import('@stitches/react/types/styled-compone
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -78,6 +78,12 @@ declare const Root: import('@stitches/react/types/styled-component').StyledCompo
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -76,6 +76,12 @@ declare const Root: import('@stitches/react/types/styled-component').StyledCompo
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -195,6 +201,12 @@ declare const Label: import('@stitches/react/types/styled-component').StyledComp
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -74,6 +74,12 @@ declare const Input: import('@stitches/react/types/styled-component').StyledComp
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -74,6 +74,12 @@ declare const Input: import('@stitches/react/types/styled-component').StyledComp
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -73,6 +73,12 @@ export declare const textCss: import('@stitches/react/types/styled-component').C
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -192,6 +198,12 @@ export declare const textWrapperCss: import('@stitches/react/types/styled-compon
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -84,6 +84,12 @@ export declare const DropdownMenuSeparator: import('@stitches/react/types/styled
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -201,6 +207,12 @@ export declare const DropdownMenuItem: import('@stitches/react/types/styled-comp
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -318,6 +330,12 @@ export declare const DropdownMenuIconItem: import('@stitches/react/types/styled-
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -73,6 +73,12 @@ export declare const MenuOverlayCard: import('@stitches/react/types/styled-compo
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -189,6 +195,12 @@ export declare const MenuOverlayCard: import('@stitches/react/types/styled-compo
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -306,6 +318,12 @@ export declare const menuItemStyles: import('@stitches/react/types/styled-compon
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -75,6 +75,12 @@ declare const Bar: import('@stitches/react/types/styled-component').StyledCompon
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -73,6 +73,12 @@ export declare const OverlayCard: import('@stitches/react/types/styled-component
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -77,6 +77,12 @@ export declare const Spinner: import('react').ForwardRefExoticComponent<Omit<Omi
             text: "#1f2937";
             secondaryText: "$gray500";
             focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+            flask: "#122a0d";
+            flaskHover: "#173611";
+            clay: "#eee6d3";
+            clayHover: "#d6c9b6";
+            sand: "#f3f1eb";
+            sandHover: "#e6dfce";
         };
         fontSizes: {
             xs: "0.75rem";

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

@@ -77,6 +77,12 @@ export declare const Stack: import('@stitches/react/types/styled-component').Sty
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

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

@@ -74,6 +74,12 @@ export declare const Toolbar: import('@stitches/react/types/styled-component').S
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -191,6 +197,12 @@ export declare const ToolbarToggleGroup: import('@stitches/react/types/styled-co
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -308,6 +320,12 @@ export declare const ToolbarSeparator: import('@stitches/react/types/styled-comp
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -431,6 +449,12 @@ export declare const ButtonInToolbar: import('react').ForwardRefExoticComponent<
             text: "#1f2937";
             secondaryText: "$gray500";
             focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+            flask: "#122a0d";
+            flaskHover: "#173611";
+            clay: "#eee6d3";
+            clayHover: "#d6c9b6";
+            sand: "#f3f1eb";
+            sandHover: "#e6dfce";
         };
         fontSizes: {
             xs: "0.75rem";

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

@@ -72,6 +72,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -199,6 +205,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -313,6 +325,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";
@@ -441,6 +459,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
             text: "#1f2937";
             secondaryText: "$gray500";
             focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+            flask: "#122a0d";
+            flaskHover: "#173611";
+            clay: "#eee6d3";
+            clayHover: "#d6c9b6";
+            sand: "#f3f1eb";
+            sandHover: "#e6dfce";
         };
         fontSizes: {
             xs: "0.75rem";
@@ -563,6 +587,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
             text: "#1f2937";
             secondaryText: "$gray500";
             focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+            flask: "#122a0d";
+            flaskHover: "#173611";
+            clay: "#eee6d3";
+            clayHover: "#d6c9b6";
+            sand: "#f3f1eb";
+            sandHover: "#e6dfce";
         };
         fontSizes: {
             xs: "0.75rem";
@@ -676,6 +706,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
         text: "#1f2937";
         secondaryText: "$gray500";
         focusRing: "hsla(214deg, 15%, 10%, 0.6)";
+        flask: "#122a0d";
+        flaskHover: "#173611";
+        clay: "#eee6d3";
+        clayHover: "#d6c9b6";
+        sand: "#f3f1eb";
+        sandHover: "#e6dfce";
     };
     fontSizes: {
         xs: "0.75rem";

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { k as h, s as n, c as f } from "./stitches.config-mraJLPED.js";
-import { a as Pe, g as Ae } from "./stitches.config-mraJLPED.js";
+import { k as h, s as n, c as f } from "./stitches.config-DWJUNIbU.js";
+import { a as Pe, g as Ae } from "./stitches.config-DWJUNIbU.js";
 import { jsx as t, jsxs as c, Fragment as K } from "react/jsx-runtime";
 import { forwardRef as g, createContext as U, useMemo as k, useContext as B, isValidElement as q, cloneElement as J, useState as Q, useId as w } from "react";
 import { useFloating as Z, autoUpdate as _, 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.1.8",
+  "version": "5.2.0",
   "type": "module",
   "exports": {
     "./oidc": {