@arkitektbedriftene/fe-lib 4.1.0 → 4.1.1

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

@@ -1097,12 +1097,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 +1118,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]": {

package/package.json

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