@arkitektbedriftene/fe-lib 0.3.23 → 0.3.24

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ReactSelect } from "./ReactSelect";
+export type SelectProps = {
+    clearable?: boolean;
+} & Omit<React.ComponentProps<typeof ReactSelect>, "isMulti" | "isClearable" | "isSearchable">;
+export declare const Select: ({ clearable, ...props }: SelectProps) => JSX.Element;

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

@@ -0,0 +1,249 @@
+import type { ReactNode } from "react";
+import { Button } from "./Button";
+declare const Bar: 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;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export declare const NavBar: (props: React.ComponentProps<typeof Bar>) => JSX.Element;
+export declare const NavBarItem: ({ children, active, ...props }: {
+    children: ReactNode;
+    active?: boolean | undefined;
+} & Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "css" | "size" | "icon" | "variant"> & import("@stitches/react/types/styled-component").TransformProps<{
+    color?: "primary" | "secondary" | "success" | "danger" | "warning" | undefined;
+    size?: "md" | "lg" | undefined;
+    variant?: "outline" | "transparent" | "primary" | undefined;
+    icon?: boolean | "true" | undefined;
+}, {
+    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;
+} & {
+    as?: import("react").ElementType<any> | undefined;
+    isLoading?: boolean | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>) => JSX.Element;
+export {};

package/dist/ui/ui.d.ts

@@ -9,6 +9,8 @@ export * from './components/Tooltip';
 export * from './components/Badge';
 export * from './components/Toolbar';
 export * from './components/Card';
+export * from './components/NavBar';
 export * from './components/Menu/Menu';
 export * from './components/Menu/DropdownMenu';
 export * from './components/Form/Combobox';
+export * from './components/Form/Select';

package/dist/ui.es.js

@@ -1,26 +1,26 @@
-import { P as t, m as n, n as l } from "./DropdownMenu-7a3b57bd.js";
-import { A as k, t as M, B, r as D, v as P, C as R, D as O, z, a as A, y as $, x as j, M as L, O as q, S as G, k as V, T as W, l as E, b as H, d as J, c as K, q as N, p as Q, w as U, s as X } from "./DropdownMenu-7a3b57bd.js";
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { useState as i } from "react";
+import { P as n, m as l, n as d } from "./DropdownMenu-c37aea6d.js";
+import { A as k, t as B, B as D, r as P, v as R, C as O, D as z, E as $, a as A, z as N, y as j, M as L, N as q, w as E, O as G, S as V, k as W, T as H, l as J, b as K, d as Q, c as U, q as X, p as Y, x as Z, s as _ } from "./DropdownMenu-c37aea6d.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useState as c } from "react";
 import p from "react-select";
 import "react-dom";
 import "@radix-ui/react-toolbar";
 import "./index.esm-d078f232.js";
 import "@radix-ui/react-dropdown-menu";
-const S = ({ children: o, content: r }) => {
-  const [a, s] = i(!1);
-  return /* @__PURE__ */ d(
-    t,
+const y = ({ children: o, content: r }) => {
+  const [a, t] = c(!1);
+  return /* @__PURE__ */ i(
+    n,
     {
       open: a,
-      onOpenChange: s,
+      onOpenChange: t,
       trigger: "hover",
       placement: "top",
       offset: { mainAxis: 8 },
       role: "tooltip",
       children: [
-        /* @__PURE__ */ e(n, { children: o }),
-        /* @__PURE__ */ e(l, { overlayCardProps: {
+        /* @__PURE__ */ e(l, { children: o }),
+        /* @__PURE__ */ e(d, { overlayCardProps: {
           css: {
             background: "rgba(0,0,0, 0.9)",
             color: "#fff",
@@ -31,7 +31,7 @@ const S = ({ children: o, content: r }) => {
       ]
     }
   );
-}, c = {
+}, u = {
   container: (o) => ({
     ...o,
     minWidth: "200px"
@@ -82,11 +82,11 @@ const S = ({ children: o, content: r }) => {
     ...o,
     zIndex: "var(--zIndices-overlayCard)"
   })
-}, m = () => null, u = (o) => /* @__PURE__ */ e(
+}, m = () => null, s = (o) => /* @__PURE__ */ e(
   p,
   {
     components: { IndicatorSeparator: m },
-    styles: c,
+    styles: u,
     ...o
   }
 ), I = ({
@@ -94,42 +94,53 @@ const S = ({ children: o, content: r }) => {
   multi: r = !1,
   ...a
 }) => (o = r ? !1 : o, /* @__PURE__ */ e(
-  u,
+  s,
   {
     ...a,
     isClearable: o,
     isMulti: r,
     isSearchable: !0
   }
-));
+)), T = ({ clearable: o, ...r }) => /* @__PURE__ */ e(
+  s,
+  {
+    ...r,
+    isClearable: o,
+    isSearchable: !1,
+    isMulti: !1
+  }
+);
 export {
   k as Alert,
-  M as Badge,
-  B as Box,
-  D as Button,
-  P as ButtonInToolbar,
-  R as Card,
+  B as Badge,
+  D as Box,
+  P as Button,
+  R as ButtonInToolbar,
+  O as Card,
   I as Combobox,
-  O as DropdownMenu,
-  z as DropdownMenuCheckboxItem,
+  z as DropdownMenu,
+  $ as DropdownMenuCheckboxItem,
   A as DropdownMenuIconItem,
-  $ as DropdownMenuItem,
+  N as DropdownMenuItem,
   j as DropdownMenuSeparator,
   L as MenuOverlayCard,
-  q as OverlayCard,
-  t as Popover,
-  l as PopoverContent,
-  n as PopoverTrigger,
-  G as Spinner,
-  V as Toolbar,
-  W as ToolbarButton,
-  E as ToolbarSeparator,
-  H as ToolbarToggleGroup,
-  J as ToolbarToggleItem,
-  S as Tooltip,
-  K as css,
-  N as globalCss,
-  Q as keyframes,
-  U as menuItemStyles,
-  X as styled
+  q as NavBar,
+  E as NavBarItem,
+  G as OverlayCard,
+  n as Popover,
+  d as PopoverContent,
+  l as PopoverTrigger,
+  T as Select,
+  V as Spinner,
+  W as Toolbar,
+  H as ToolbarButton,
+  J as ToolbarSeparator,
+  K as ToolbarToggleGroup,
+  Q as ToolbarToggleItem,
+  y as Tooltip,
+  U as css,
+  X as globalCss,
+  Y as keyframes,
+  Z as menuItemStyles,
+  _ as styled
 };

package/package.json

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