@arkitektbedriftene/fe-lib 4.1.0 → 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/components/Form/Checkbox.d.ts

@@ -2,6 +2,7 @@ import * as RCheckbox from "@radix-ui/react-checkbox";
 import { type ComponentProps } from "react";
 declare const Root: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RCheckbox.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>, {
     size?: "sm" | "md" | "lg" | undefined;
+    color?: "primary" | "secondary" | undefined;
 }, {
     lg: "(min-width: 1200px)";
     print: "print";
@@ -119,8 +120,9 @@ declare const Root: import("@stitches/react/types/styled-component").StyledCompo
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
 export declare const Checkbox: ({ id, size, label, ...props }: {
     label?: string | undefined;
-} & Omit<RCheckbox.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "css" | "size"> & import("@stitches/react/types/styled-component").TransformProps<{
+} & Omit<RCheckbox.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "color" | "css" | "size"> & import("@stitches/react/types/styled-component").TransformProps<{
     size?: "sm" | "md" | "lg" | undefined;
+    color?: "primary" | "secondary" | 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,
@@ -1097,12 +1117,8 @@ const bo = h({
   gap: "$2",
   flexShrink: 0,
   color: "#fff",
-  border: "2px solid $blue600",
   backgroundColor: "transparent",
   borderRadius: "$sm",
-  "&[data-state=checked], &[data-state=indeterminate]": {
-    backgroundColor: "$blue500"
-  },
   "&[data-disabled]": {
     borderColor: "$gray200",
     backgroundColor: "$gray100",
@@ -1122,10 +1138,25 @@ const bo = h({
         width: "2rem",
         height: "2rem"
       }
+    },
+    color: {
+      primary: {
+        border: "2px solid $blue600",
+        "&[data-state=checked], &[data-state=indeterminate]": {
+          backgroundColor: "$blue500"
+        }
+      },
+      secondary: {
+        border: "2px solid $gray900",
+        "&[data-state=checked], &[data-state=indeterminate]": {
+          backgroundColor: "$gray800"
+        }
+      }
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "md",
+    color: "primary"
   }
 }), Jo = n(F.Indicator, {
   "[data-icon]": {
@@ -1218,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, {}) })
 ] });
@@ -1228,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,
@@ -1249,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,
@@ -1261,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.0",
+  "version": "4.2.0",
   "type": "module",
   "exports": {
     ".": {