@arkitektbedriftene/fe-lib 0.3.3 → 0.3.5

package/dist/icons.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-a0589023.js";
+import { j as a } from "./jsx-runtime-d0aa4c5b.js";
 import h from "react";
 var f = {
   color: void 0,
@@ -107,9 +107,9 @@ function A(t) {
 function Z(t) {
   return r({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M834.7 279.8l61.3-58.9V208H683.7L532.4 586.4 360.3 208H137.7v12.9l71.6 86.6c7 6.4 10.6 15.8 9.7 25.2V673c2.2 12.3-1.7 24.8-10.3 33.7L128 805v12.7h228.6v-12.9l-80.6-98a39.99 39.99 0 0 1-11.1-33.7V378.7l200.7 439.2h23.3l172.6-439.2v349.9c0 9.2 0 11.1-6 17.2l-62.1 60.3V819h301.2v-12.9l-59.9-58.9c-5.2-4-7.9-10.7-6.8-17.2V297a18.1 18.1 0 0 1 6.8-17.2z" } }] })(t);
 }
-function T(t) {
+function k(t) {
   return t.ExternalId == null || t.ExternalId == "" ? /* @__PURE__ */ a.jsx(u, {}) : t.ExternalId.indexOf("SYKELONN") > -1 ? /* @__PURE__ */ a.jsx(H, {}) : t.ExternalId.indexOf("ANSVAR") > -1 ? /* @__PURE__ */ a.jsx(V, {}) : t.ExternalId.indexOf("RETTS") > -1 ? /* @__PURE__ */ a.jsx(I, {}) : t.ExternalId.indexOf("BEHAND") > -1 ? /* @__PURE__ */ a.jsx(w, {}) : t.ExternalId.indexOf("REISE") > -1 ? /* @__PURE__ */ a.jsx(E, {}) : t.ExternalId.indexOf("YRKE") > -1 ? /* @__PURE__ */ a.jsx(y, {}) : t.ExternalId.indexOf("VERDI") > -1 ? /* @__PURE__ */ a.jsx(O, {}) : t.ExternalId.indexOf("TJENESTE") > -1 ? /* @__PURE__ */ a.jsx(M, {}) : t.ExternalId.indexOf("GRUPPELIV") > -1 ? /* @__PURE__ */ a.jsx("span", { children: /* @__PURE__ */ a.jsx(A, {}) }) : t.ExternalId.indexOf("SYKEAV") > -1 ? /* @__PURE__ */ a.jsx("span", { children: /* @__PURE__ */ a.jsx(j, {}) }) : t.ExternalId.indexOf("_MAKS") > -1 ? /* @__PURE__ */ a.jsx("span", { children: /* @__PURE__ */ a.jsx(L, { color: "green" }) }) : t.ExternalId.indexOf("_MEDLEM") > -1 ? /* @__PURE__ */ a.jsx("span", { children: /* @__PURE__ */ a.jsx(Z, { color: "#B22222" }) }) : t.ExternalId.indexOf("_PRAKSIS") > -1 ? /* @__PURE__ */ a.jsx("span", { children: /* @__PURE__ */ a.jsx(C, { color: "#8cc6ce" }) }) : t.ExternalId.indexOf("_AY") > -1 ? /* @__PURE__ */ a.jsx("span", { children: /* @__PURE__ */ a.jsx(S, { color: "#e8b281" }) }) : t.ExternalId.indexOf("_TARIFF") > -1 ? /* @__PURE__ */ a.jsx("span", { children: /* @__PURE__ */ a.jsx(B, { color: "#626FFE " }) }) : /* @__PURE__ */ a.jsx(u, {});
 }
 export {
-  T as ProductExternalIdToIcon
+  k as ProductExternalIdToIcon
 };

package/dist/{jsx-runtime-a0589023.js → jsx-runtime-d0aa4c5b.js}

@@ -3,8 +3,8 @@ var ye = {}, ir = {
   get exports() {
     return ye;
   },
-  set exports(h) {
-    ye = h;
+  set exports(_) {
+    ye = _;
   }
 }, k = {};
 /**
@@ -21,16 +21,16 @@ function ur() {
   if (me)
     return k;
   me = 1;
-  var h = Oe, S = Symbol.for("react.element"), V = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, F = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, A = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function w(R, l, T) {
-    var d, g = {}, _ = null, I = null;
-    T !== void 0 && (_ = "" + T), l.key !== void 0 && (_ = "" + l.key), l.ref !== void 0 && (I = l.ref);
+  var _ = Oe, S = Symbol.for("react.element"), V = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, F = _.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, A = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function w(h, l, T) {
+    var d, g = {}, R = null, I = null;
+    T !== void 0 && (R = "" + T), l.key !== void 0 && (R = "" + l.key), l.ref !== void 0 && (I = l.ref);
     for (d in l)
       m.call(l, d) && !A.hasOwnProperty(d) && (g[d] = l[d]);
-    if (R && R.defaultProps)
-      for (d in l = R.defaultProps, l)
+    if (h && h.defaultProps)
+      for (d in l = h.defaultProps, l)
         g[d] === void 0 && (g[d] = l[d]);
-    return { $$typeof: S, type: R, key: _, ref: I, props: g, _owner: F.current };
+    return { $$typeof: S, type: h, key: R, ref: I, props: g, _owner: F.current };
   }
   return k.Fragment = V, k.jsx = w, k.jsxs = w, k;
 }
@@ -47,14 +47,14 @@ var D = {};
 var Te;
 function sr() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
-    var h = Oe, S = Symbol.for("react.element"), V = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), R = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), H = Symbol.iterator, Ce = "@@iterator";
+    var _ = Oe, S = Symbol.for("react.element"), V = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), h = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), H = Symbol.iterator, Ce = "@@iterator";
     function Pe(e) {
       if (e === null || typeof e != "object")
         return null;
       var r = H && e[H] || e[Ce];
       return typeof r == "function" ? r : null;
     }
-    var O = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var O = _.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function c(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
@@ -75,7 +75,7 @@ function sr() {
     var we = !1, xe = !1, je = !1, ke = !1, De = !1, X;
     X = Symbol.for("react.module.reference");
     function Fe(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === m || e === A || De || e === F || e === T || e === d || ke || e === I || we || xe || je || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === g || e.$$typeof === w || e.$$typeof === R || e.$$typeof === l || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === m || e === A || De || e === F || e === T || e === d || ke || e === I || we || xe || je || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === g || e.$$typeof === w || e.$$typeof === h || e.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -114,7 +114,7 @@ function sr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case R:
+          case h:
             var r = e;
             return Z(r) + ".Consumer";
           case w:
@@ -125,7 +125,7 @@ function sr() {
           case g:
             var n = e.displayName || null;
             return n !== null ? n : E(e.type) || "Memo";
-          case _: {
+          case R: {
             var i = e, u = i._payload, o = i._init;
             try {
               return E(o(u));
@@ -212,16 +212,16 @@ function sr() {
 ` + U + e;
       }
     }
-    var B = !1, $;
+    var B = !1, Y;
     {
-      var $e = typeof WeakMap == "function" ? WeakMap : Map;
-      $ = new $e();
+      var Ye = typeof WeakMap == "function" ? WeakMap : Map;
+      Y = new Ye();
     }
     function ue(e, r) {
       if (!e || B)
         return "";
       {
-        var t = $.get(e);
+        var t = Y.get(e);
         if (t !== void 0)
           return t;
       }
@@ -276,7 +276,7 @@ function sr() {
                   if (s--, f--, f < 0 || a[s] !== v[f]) {
                     var p = `
 ` + a[s].replace(" at new ", " at ");
-                    return e.displayName && p.includes("<anonymous>") && (p = p.replace("<anonymous>", e.displayName)), typeof e == "function" && $.set(e, p), p;
+                    return e.displayName && p.includes("<anonymous>") && (p = p.replace("<anonymous>", e.displayName)), typeof e == "function" && Y.set(e, p), p;
                   }
                 while (s >= 1 && f >= 0);
               break;
@@ -285,17 +285,17 @@ function sr() {
       } finally {
         B = !1, M.current = u, We(), Error.prepareStackTrace = i;
       }
-      var P = e ? e.displayName || e.name : "", _e = P ? W(P) : "";
-      return typeof e == "function" && $.set(e, _e), _e;
+      var P = e ? e.displayName || e.name : "", Re = P ? W(P) : "";
+      return typeof e == "function" && Y.set(e, Re), Re;
     }
-    function Ye(e, r, t) {
+    function $e(e, r, t) {
       return ue(e, !1);
     }
     function Le(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function Y(e, r, t) {
+    function $(e, r, t) {
       if (e == null)
         return "";
       if (typeof e == "function")
@@ -311,13 +311,13 @@ function sr() {
       if (typeof e == "object")
         switch (e.$$typeof) {
           case l:
-            return Ye(e.render);
+            return $e(e.render);
           case g:
-            return Y(e.type, r, t);
-          case _: {
+            return $(e.type, r, t);
+          case R: {
             var n = e, i = n._payload, u = n._init;
             try {
-              return Y(u(i), r, t);
+              return $(u(i), r, t);
             } catch {
             }
           }
@@ -327,7 +327,7 @@ function sr() {
     var L = Object.prototype.hasOwnProperty, se = {}, fe = O.ReactDebugCurrentFrame;
     function N(e) {
       if (e) {
-        var r = e._owner, t = Y(e.type, e._source, r ? r.type : null);
+        var r = e._owner, t = $(e.type, e._source, r ? r.type : null);
         fe.setExtraStackFrame(t);
       } else
         fe.setExtraStackFrame(null);
@@ -476,7 +476,7 @@ function sr() {
     var G = O.ReactCurrentOwner, pe = O.ReactDebugCurrentFrame;
     function C(e) {
       if (e) {
-        var r = e._owner, t = Y(e.type, e._source, r ? r.type : null);
+        var r = e._owner, t = $(e.type, e._source, r ? r.type : null);
         pe.setExtraStackFrame(t);
       } else
         pe.setExtraStackFrame(null);
@@ -535,7 +535,7 @@ Check the top-level render call using <` + t + ">.");
         e && e._owner && e._owner !== G.current && (n = " It was passed a child from " + E(e._owner.type) + "."), C(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), C(null);
       }
     }
-    function he(e, r) {
+    function _e(e, r) {
       {
         if (typeof e != "object")
           return;
@@ -591,7 +591,7 @@ Check the top-level render call using <` + t + ">.");
         e.ref !== null && (C(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), C(null));
       }
     }
-    function Re(e, r, t, n, i, u) {
+    function he(e, r, t, n, i, u) {
       {
         var o = Fe(e);
         if (!o) {
@@ -611,28 +611,28 @@ Check the top-level render call using <` + t + ">.");
             if (n)
               if (q(p)) {
                 for (var P = 0; P < p.length; P++)
-                  he(p[P], e);
+                  _e(p[P], e);
                 Object.freeze && Object.freeze(p);
               } else
                 c("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              he(p, e);
+              _e(p, e);
         }
         return e === m ? rr(f) : er(f), f;
       }
     }
     function tr(e, r, t) {
-      return Re(e, r, t, !0);
+      return he(e, r, t, !0);
     }
     function nr(e, r, t) {
-      return Re(e, r, t, !1);
+      return he(e, r, t, !1);
     }
     var ar = nr, or = tr;
     D.Fragment = m, D.jsx = ar, D.jsxs = or;
   }()), D;
 }
-(function(h) {
-  process.env.NODE_ENV === "production" ? h.exports = ur() : h.exports = sr();
+(function(_) {
+  process.env.NODE_ENV === "production" ? _.exports = ur() : _.exports = sr();
 })(ir);
 export {
   ye as j

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

@@ -1,5 +1,5 @@
 declare const AlertStyled: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    color?: "warning" | "danger" | "info" | undefined;
+    color?: "warning" | "danger" | "info" | "success" | undefined;
     size?: "sm" | "md" | undefined;
 }, {
     lg: "(min-width: 1200px)";

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

@@ -0,0 +1,116 @@
+export declare const Box: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    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;
+        modal: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;

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

@@ -1,7 +1,8 @@
 declare const ButtonStyled: import("@stitches/react/types/styled-component").StyledComponent<"button", {
-    color?: "warning" | "danger" | "primary" | "secondary" | "success" | undefined;
+    color?: "warning" | "danger" | "success" | "primary" | "secondary" | undefined;
     size?: "md" | "lg" | undefined;
     variant?: "outline" | "transparent" | "primary" | undefined;
+    icon?: boolean | "true" | undefined;
 }, {
     lg: "(min-width: 1200px)";
     print: "print";

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

@@ -0,0 +1,117 @@
+export declare const OverlayCard: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    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;
+        modal: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export type OverlayCardProps = React.ComponentProps<typeof OverlayCard>;

package/dist/lib/ui/components/Popover.d.ts

@@ -0,0 +1,22 @@
+import { type OffsetOptions, type Placement, offset, type UseRoleProps } from "@floating-ui/react";
+import { type OverlayCardProps } from "./OverlayCard";
+export declare const Popover: ({ children, offset: offsetOptions, open, onOpenChange, trigger, hoverDelay, placement, role: popoverRole, }: {
+    children: React.ReactNode;
+    offset?: OffsetOptions | undefined;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    trigger?: "click" | "hover" | undefined;
+    hoverDelay?: number | {
+        open: number;
+        close: number;
+    } | undefined;
+    placement?: Placement | undefined;
+    role?: UseRoleProps["role"];
+}) => JSX.Element;
+export declare const PopoverTrigger: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const PopoverContent: ({ children, overlayCardProps }: {
+    children: React.ReactNode;
+    overlayCardProps: OverlayCardProps;
+}) => JSX.Element | null;

package/dist/lib/ui/components/Tooltip.d.ts

@@ -0,0 +1,4 @@
+export declare const Tooltip: ({ children, content }: {
+    children: React.ReactNode;
+    content: React.ReactNode;
+}) => JSX.Element;

package/dist/lib/ui/ui.d.ts

@@ -2,3 +2,7 @@ export * from './stitches.config';
 export * from './components/Button';
 export * from './components/Spinner';
 export * from './components/Alert';
+export * from './components/OverlayCard';
+export * from './components/Popover';
+export * from './components/Box';
+export * from './components/Tooltip';