@arkitektbedriftene/fe-lib 4.1.1 → 4.2.0

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

@@ -1,6 +1,8 @@
 export declare const Card: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     variant?: "primary" | undefined;
     elevation?: "none" | "raised" | undefined;
+    rounded?: "md" | "none" | undefined;
+    border?: boolean | "true" | undefined;
 }, {
     lg: "(min-width: 1200px)";
     print: "print";

package/dist/ui.es.js

@@ -1,5 +1,5 @@
 import { k as h, s as n, c as f } from "./stitches.config-00c23cdb.js";
-import { a as Ae, g as We } from "./stitches.config-00c23cdb.js";
+import { a as Ae, g as Ve } from "./stitches.config-00c23cdb.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";
@@ -517,7 +517,7 @@ const bo = h({
   my: "$1",
   mx: "$1",
   backgroundColor: "$border"
-}), W = g(({ css: o, ...e }, r) => /* @__PURE__ */ t(
+}), V = g(({ css: o, ...e }, r) => /* @__PURE__ */ t(
   P,
   {
     ref: r,
@@ -539,7 +539,7 @@ const bo = h({
       asChild: !0,
       ref: a,
       children: /* @__PURE__ */ c(
-        W,
+        V,
         {
           variant: "transparent",
           color: "primary",
@@ -563,7 +563,7 @@ const bo = h({
     asChild: !0,
     ref: a,
     children: /* @__PURE__ */ t(
-      W,
+      V,
       {
         variant: "transparent",
         color: "primary",
@@ -576,7 +576,6 @@ const bo = h({
 )), he = n("div", {
   color: "$$cardText",
   backgroundColor: "$$cardBackground",
-  borderRadius: "$md",
   padding: "$4",
   variants: {
     variant: {
@@ -592,11 +591,32 @@ const bo = h({
       raised: {
         boxShadow: "$md"
       }
+    },
+    rounded: {
+      none: {
+        borderRadius: "0"
+      },
+      md: {
+        borderRadius: "$md"
+      }
+    },
+    border: {
+      true: {}
     }
   },
+  compoundVariants: [
+    {
+      variant: "primary",
+      border: !0,
+      css: {
+        border: "1px solid $gray200"
+      }
+    }
+  ],
   defaultVariants: {
     variant: "primary",
-    elevation: "raised"
+    elevation: "raised",
+    rounded: "md"
   }
 }), Mo = n("div", {
   borderRadius: "$md",
@@ -669,7 +689,7 @@ const bo = h({
   padding: "$4",
   borderBottomRightRadius: "$md",
   borderBottomLeftRadius: "$md"
-}), Wo = n("div", {
+}), Vo = n("div", {
   display: "flex",
   variants: {
     direction: {
@@ -704,7 +724,7 @@ const bo = h({
     direction: "column",
     gap: 4
   }
-}), D = /* @__PURE__ */ new Map(), Vo = (o) => {
+}), D = /* @__PURE__ */ new Map(), Wo = (o) => {
   const e = D.get(o);
   if (e)
     return e;
@@ -750,7 +770,7 @@ const bo = h({
   ...r
 }) => {
   const a = k(
-    () => e ? Vo(e) : "$gray200",
+    () => e ? Wo(e) : "$gray200",
     [e]
   );
   return /* @__PURE__ */ t(Oo, { css: { backgroundColor: a, ...o }, ...r });
@@ -894,7 +914,7 @@ const bo = h({
   }
 }, Yo = {
   IndicatorSeparator: () => null
-}, V = ({
+}, W = ({
   styles: o,
   components: e,
   error: r,
@@ -915,7 +935,7 @@ const bo = h({
     [e]
   );
   return /* @__PURE__ */ t(ho, { components: s, styles: i, ...a });
-}, Re = (o) => /* @__PURE__ */ t(V, { ...o, isSearchable: !0 }), Te = ({
+}, Re = (o) => /* @__PURE__ */ t(W, { ...o, isSearchable: !0 }), Te = ({
   label: o,
   css: e,
   error: r,
@@ -934,7 +954,7 @@ const bo = h({
     }
   ),
   /* @__PURE__ */ t(
-    V,
+    W,
     {
       ...a,
       error: r,
@@ -1229,7 +1249,7 @@ const bo = h({
   labelProps: r,
   size: a,
   ...i
-}) => /* @__PURE__ */ c(Wo, { direction: "row", align: "center", ...e, children: [
+}) => /* @__PURE__ */ c(Vo, { direction: "row", align: "center", ...e, children: [
   o && /* @__PURE__ */ t(oe, { size: a, ...r, children: o }),
   /* @__PURE__ */ t(Zo, { ...i, children: /* @__PURE__ */ t(_o, {}) })
 ] });
@@ -1239,7 +1259,7 @@ export {
   ce as Badge,
   d as Box,
   P as Button,
-  W as ButtonInToolbar,
+  V as ButtonInToolbar,
   he as Card,
   He as Checkbox,
   Re as Combobox,
@@ -1260,7 +1280,7 @@ export {
   Ho as PopoverTrigger,
   Te as Select,
   ko as Spinner,
-  Wo as Stack,
+  Vo as Stack,
   Fe as Switch,
   Be as TextArea,
   De as TextInput,
@@ -1272,7 +1292,7 @@ export {
   de as Tooltip,
   f as css,
   Ae as getCssText,
-  We as globalCss,
+  Ve as globalCss,
   h as keyframes,
   S as menuItemStyles,
   n as styled

package/package.json

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