@arkitektbedriftene/fe-lib 5.11.0 → 5.11.2

package/dist/fonts.css

@@ -1 +1 @@
-@font-face{font-family:STKBureauSans;src:url(https://www2.arkitektbedriftene.no/fonts/STKBureauSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www2.arkitektbedriftene.no/fonts/STKBureauSans-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www2.arkitektbedriftene.no/fonts/STKBureauSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www2.arkitektbedriftene.no/fonts/STKBureauSans-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:STKBureauSerif;src:url(https://www2.arkitektbedriftene.no/fonts/STKBureauSerif-Book.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-stk-bureau-sans: "STKBureauSans", sans-serif;--font-stk-bureau-serif: "STKBureauSerif", serif}body{@apply font-sans-serif;@apply antialiased;}
+@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:STKBureauSans;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSans-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:STKBureauSerif;src:url(https://www.arkitektbedriftene.no/fonts/STKBureauSerif-Book.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-stk-bureau-sans: "STKBureauSans", sans-serif;--font-stk-bureau-serif: "STKBureauSerif", serif}body{@apply font-sans-serif;@apply antialiased;}

package/dist/system.css

@@ -1 +1 @@
-@theme{--*: initial; --default-transition-duration: .2s; --breakpoint-sm: 40rem; --breakpoint-md: 54rem; --breakpoint-lg: 64rem; --breakpoint-xl: 74rem; --spacing: 4px; --font-serif: var(--font-stk-bureau-serif); --font-sans-serif: var(--font-stk-bureau-sans); --font-weight-bold: 700; --color-black: #1d1d1d; --color-white: #ffffff; --color-blue: #4184cd; --color-flask: #122a0d; --color-flask-hover: #173611; --color-clay: #eee6d3; --color-clay-hover: #d6c9b6; --color-sand: #f3f1eb; --color-sand-hover: #e6dfce; --color-warning: #FFE1C3; --color-warning-light: #FFF8F2; --color-warning-dark: #9E5400; --color-danger: #FFC5C1; --color-danger-light: #FEF3F2; --color-danger-dark: #C72619; --color-success: #B8E0B0; --color-success-light: #ECFDF3; --color-success-dark: #2D6D20; --color-info: #C1D4FF; --color-info-light: #F2F6FE; --color-info-dark: #1946C7; --text-xs: clamp(.6944rem,.6856rem + .0444vw,.72rem); --text-sm: clamp(.8333rem,.8101rem + .1159vw,.9rem); --text-base: clamp(1rem,.9565rem + .2174vw,1.125rem); --text-md: clamp(1.2rem,1.1283rem + .3587vw,1.4063rem); --text-lg: clamp(1.44rem,1.3295rem + .5527vw,1.7578rem); --text-xl: clamp(1.728rem,1.5648rem + .8161vw,2.1973rem); --text-2xl: clamp(2.0736rem,1.8395rem + 1.1704vw,2.7466rem); --text-3xl: clamp(2.4883rem,2.1597rem + 1.6433vw,3.4332rem); --text-xs--line-height: 1.7; --text-sm--line-height: 1.6; --text-base--line-height: 1.5; --text-lg--line-height: 1.4; --text-xl--line-height: 1.3; --text-2xl--line-height: 1.2; --text-3xl--line-height: 1.1; --container-page: calc(var(--page-width) * 1px); --container-article: 800px; --container-event: 1300px; --radius-sm: .25rem; --radius-md: .5rem; --blur-md: .2rem; --blur-lg: .4rem; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --aspect-video: 16 / 9; @keyframes spinner-logo {0% {transform: scale(.95) rotate(-15deg); opacity: 0;} 20% {transform: scale(1) rotate(0deg); opacity: 1;} 70% {transform: scale(1) rotate(0deg); opacity: 1;} 100% {transform: scale(.95) rotate(-15deg); opacity: 0;}} @keyframes spinner-logo-letter {0% {transform: translateY(-8px) rotate(-25deg) scale(.8); opacity: 0;} 6% {opacity: .3;} 20% {transform: translateY(0px) rotate(0deg) scale(1); opacity: 1;} 70% {transform: translateY(0px) rotate(0deg) scale(1); opacity: 1;} 100% {transform: translateY(-8px) rotate(-25deg) scale(.8); opacity: 0;}} --animate-spinner-logo: spinner-logo 3s cubic-bezier(.25,.46,.45,.94) infinite; --animate-spinner-logo-letter: spinner-logo-letter 3s cubic-bezier(.34,1.56,.64,1) infinite; @keyframes spinner {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @keyframes spinner-circle {0% {stroke-dashoffset: 600;} 100% {stroke-dashoffset: 0;}} --animate-spinner: spinner 2s linear infinite; --animate-spinner-circle: spinner-circle 1.6s cubic-bezier(.4,.15,.6,.85) infinite;}@layer components{.btn{@apply bg-flask;@apply text-white;@apply px-4;@apply text-sm;@apply h-[2rem];@apply w-fit;@apply inline-flex;@apply items-center;@apply justify-center;@apply gap-x-2;@apply rounded-md;@apply transition-colors;@apply cursor-pointer;@variant focus{@apply ring ring-offset-2 ring-clay;}@variant hover{@apply bg-flask-hover;}@variant disabled{&:not([data-loading=true]) {@apply opacity-60; @apply cursor-not-allowed;}}}.btn>svg{@apply shrink-0;}.btn.btn-secondary{@apply bg-clay;@apply text-black;@variant hover{@apply bg-clay-hover;}}.btn.btn-tertiary{@apply bg-sand;@apply text-black;@variant hover{@apply bg-sand-hover;}}.btn.btn-danger{@apply bg-danger-dark;@apply text-danger-light;@variant hover{@apply bg-danger-dark/70;}}.btn.btn-warning{@apply bg-warning-dark;@apply text-warning-light;@variant hover{@apply bg-warning-dark/70;}}.btn.btn-success{@apply bg-success-dark;@apply text-success-light;@variant hover{@apply bg-success-dark/70;}}.btn.btn-outline{@apply bg-transparent;@apply text-black;@apply ring-2;@apply ring-inset;@apply ring-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-outline.btn-secondary{@apply ring-clay;@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-outline.btn-danger{@apply ring-danger-dark;@apply text-danger-dark;@variant hover{@apply bg-danger-dark; @apply text-danger-light;}}.btn.btn-transparent{@apply bg-transparent;@apply text-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-transparent.btn-secondary{@variant hover{@apply bg-clay; @apply text-black;}}.dropdown{@apply rounded-md bg-white p-1 shadow-lg;}.dropdown-separator{height:1px;@apply bg-sand my-1;}.dropdown-item{@apply flex items-center w-full px-4 py-2 text-sm cursor-pointer transition-colors;@apply rounded-md;@apply text-left;@apply text-black;@variant hover{@apply bg-sand;}}.dropdown-item-icon-right{@apply pr-3;}.input{@apply bg-sand;@apply rounded-sm;@apply px-4;@apply py-2;@apply text-sm;@apply inline-flex;@apply transition-colors;@variant focus{@apply ring-2 ring-offset-2 ring-clay; @apply outline-none;}}.link{@apply text-black underline;}.alert{@apply px-3;@apply py-2;@apply rounded-md;@apply text-sm;@apply inline-flex;@apply items-center;@apply gap-x-2;}.alert.alert-warning{@apply bg-warning-light;@apply text-warning-dark;@apply border border-warning;}.alert.alert-danger{@apply bg-danger-light;@apply text-danger-dark;@apply border border-danger;}.alert.alert-info{@apply bg-info-light;@apply text-info-dark;@apply border border-info;}.alert.alert-success{@apply bg-success-light;@apply text-success-dark;@apply border border-success;}.tbl{@apply w-full;@apply border-collapse;@apply bg-white;@apply text-black;@apply text-sm;@apply border border-black;}.tbl th{@apply font-bold;@apply text-left;}.tbl td,.tbl th{@apply px-4;@apply py-3;@apply border-b border-black;@apply border-r border-black;}.tbl tbody tr{@apply transition-colors;@variant hover{@apply bg-sand;}}.tabs{@apply flex border-b-2 border-clay;@apply gap-x-2;@apply pb-1;}.tab{@apply px-4 py-2;@apply rounded-md;@apply font-bold;@apply text-sm;@apply transition;@apply cursor-pointer;@apply flex items-center;}.tab:hover{@apply bg-clay/70;}.tab.active{@apply bg-clay;}.input-radio{@apply accent-flask;}.form-label{@apply block;@apply text-base;@apply mb-1;}.spinner-logo{animation:var(--animate-spinner-logo)}.spinner-logo>svg>path{transform-origin:center center;opacity:0;animation:var(--animate-spinner-logo-letter)}.spinner-logo>svg>path:nth-child(1){animation-delay:.1s}.spinner-logo>svg>path:nth-child(2){animation-delay:.2s}.spinner-logo>svg>path:nth-child(3){animation-delay:.3s}.spinner-logo>svg>path:nth-child(4){animation-delay:.4s}.spinner-logo>svg>path:nth-child(5){animation-delay:.5s}.spinner-logo>svg>path:nth-child(6){animation-delay:.6s}}@utility btn-icon{@apply px-0; @apply w-[2rem];}
+@theme{--*: initial; --default-transition-duration: .2s; --breakpoint-sm: 40rem; --breakpoint-md: 54rem; --breakpoint-lg: 64rem; --breakpoint-xl: 74rem; --spacing: 4px; --font-serif: var(--font-stk-bureau-serif); --font-sans-serif: var(--font-stk-bureau-sans); --font-weight-bold: 700; --color-black: #1d1d1d; --color-white: #ffffff; --color-blue: #4184cd; --color-flask: #122a0d; --color-flask-hover: #173611; --color-flask-light: #1e4216; --color-flask-light-hover: #28571d; --color-clay: #eee6d3; --color-clay-hover: #d6c9b6; --color-sand: #f3f1eb; --color-sand-hover: #e6dfce; --color-warning: #FFE1C3; --color-warning-light: #FFF8F2; --color-warning-dark: #9E5400; --color-danger: #FFC5C1; --color-danger-light: #FEF3F2; --color-danger-dark: #C72619; --color-success: #B8E0B0; --color-success-light: #ECFDF3; --color-success-dark: #2D6D20; --color-info: #C1D4FF; --color-info-light: #F2F6FE; --color-info-dark: #1946C7; --text-xs: clamp(.6944rem,.6856rem + .0444vw,.72rem); --text-sm: clamp(.8333rem,.8101rem + .1159vw,.9rem); --text-base: clamp(1rem,.9565rem + .2174vw,1.125rem); --text-md: clamp(1.2rem,1.1283rem + .3587vw,1.4063rem); --text-lg: clamp(1.44rem,1.3295rem + .5527vw,1.7578rem); --text-xl: clamp(1.728rem,1.5648rem + .8161vw,2.1973rem); --text-2xl: clamp(2.0736rem,1.8395rem + 1.1704vw,2.7466rem); --text-3xl: clamp(2.4883rem,2.1597rem + 1.6433vw,3.4332rem); --text-xs--line-height: 1.7; --text-sm--line-height: 1.6; --text-base--line-height: 1.5; --text-lg--line-height: 1.4; --text-xl--line-height: 1.3; --text-2xl--line-height: 1.2; --text-3xl--line-height: 1.1; --container-page: calc(var(--page-width) * 1px); --container-article: 800px; --container-event: 1300px; --radius-sm: .25rem; --radius-md: .5rem; --blur-md: .2rem; --blur-lg: .4rem; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --aspect-video: 16 / 9; @keyframes spinner-logo {0% {transform: scale(.95) rotate(-15deg); opacity: 0;} 20% {transform: scale(1) rotate(0deg); opacity: 1;} 70% {transform: scale(1) rotate(0deg); opacity: 1;} 100% {transform: scale(.95) rotate(-15deg); opacity: 0;}} @keyframes spinner-logo-letter {0% {transform: translateY(-8px) rotate(-25deg) scale(.8); opacity: 0;} 6% {opacity: .3;} 20% {transform: translateY(0px) rotate(0deg) scale(1); opacity: 1;} 70% {transform: translateY(0px) rotate(0deg) scale(1); opacity: 1;} 100% {transform: translateY(-8px) rotate(-25deg) scale(.8); opacity: 0;}} --animate-spinner-logo: spinner-logo 3s cubic-bezier(.25,.46,.45,.94) infinite; --animate-spinner-logo-letter: spinner-logo-letter 3s cubic-bezier(.34,1.56,.64,1) infinite; @keyframes spinner {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @keyframes spinner-circle {0% {stroke-dashoffset: 600;} 100% {stroke-dashoffset: 0;}} --animate-spinner: spinner 2s linear infinite; --animate-spinner-circle: spinner-circle 1.6s cubic-bezier(.4,.15,.6,.85) infinite;}@layer components{.btn{@apply bg-flask-light;@apply text-white;@apply px-4;@apply text-sm;@apply h-[2rem];@apply w-fit;@apply inline-flex;@apply items-center;@apply justify-center;@apply gap-x-2;@apply rounded-md;@apply transition-colors;@apply cursor-pointer;@variant focus{@apply ring ring-offset-2 ring-clay;}@variant hover{@apply bg-flask-light-hover;}@variant disabled{&:not([data-loading=true]) {@apply opacity-60; @apply cursor-not-allowed;}}}.btn>svg{@apply shrink-0;}.btn.btn-secondary{@apply bg-clay;@apply text-black;@variant hover{@apply bg-clay-hover;}}.btn.btn-tertiary{@apply bg-sand;@apply text-black;@variant hover{@apply bg-sand-hover;}}.btn.btn-danger{@apply bg-danger-dark;@apply text-danger-light;@variant hover{@apply bg-danger-dark/70;}}.btn.btn-warning{@apply bg-warning-dark;@apply text-warning-light;@variant hover{@apply bg-warning-dark/70;}}.btn.btn-success{@apply bg-success-dark;@apply text-success-light;@variant hover{@apply bg-success-dark/70;}}.btn.btn-outline{@apply bg-transparent;@apply text-black;@apply ring-2;@apply ring-inset;@apply ring-flask-light;@variant hover{@apply bg-flask-light; @apply text-white;}}.btn.btn-outline.btn-secondary{@apply ring-clay;@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-outline.btn-danger{@apply ring-danger-dark;@apply text-danger-dark;@variant hover{@apply bg-danger-dark; @apply text-danger-light;}}.btn.btn-transparent{@apply bg-transparent;@apply text-black;@variant hover{@apply bg-flask-light; @apply text-white;}}.btn.btn-transparent.btn-secondary{@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-transparent.btn-tertiary{@variant hover{@apply bg-sand; @apply text-black;}}.dropdown{@apply rounded-md bg-white p-1 shadow-lg;}.dropdown-separator{height:1px;@apply bg-sand my-1;}.dropdown-item{@apply flex items-center w-full px-4 py-2 text-sm cursor-pointer transition-colors;@apply rounded-md;@apply text-left;@apply text-black;@variant hover{@apply bg-sand;}}.dropdown-item-icon-right{@apply pr-3;}.input{@apply bg-sand;@apply rounded-sm;@apply px-4;@apply py-2;@apply text-sm;@apply inline-flex;@apply transition-colors;@variant focus{@apply ring-2 ring-offset-2 ring-clay; @apply outline-none;}}.link{@apply text-black underline;}.alert{@apply px-3;@apply py-2;@apply rounded-md;@apply text-sm;@apply inline-flex;@apply items-center;@apply gap-x-2;}.alert.alert-warning{@apply bg-warning-light;@apply text-warning-dark;@apply border border-warning;}.alert.alert-danger{@apply bg-danger-light;@apply text-danger-dark;@apply border border-danger;}.alert.alert-info{@apply bg-info-light;@apply text-info-dark;@apply border border-info;}.alert.alert-success{@apply bg-success-light;@apply text-success-dark;@apply border border-success;}.tbl{@apply w-full;@apply border-collapse;@apply bg-white;@apply text-black;@apply text-sm;@apply border border-black;}.tbl th{@apply font-bold;@apply text-left;}.tbl td,.tbl th{@apply px-4;@apply py-3;@apply border-b border-black;@apply border-r border-black;}.tbl tbody tr{@apply transition-colors;@variant hover{@apply bg-sand;}}.tabs{@apply flex border-b-2 border-clay;@apply gap-x-2;@apply pb-1;}.tab{@apply px-4 py-2;@apply rounded-md;@apply font-bold;@apply text-sm;@apply transition;@apply cursor-pointer;@apply flex items-center;}.tab:hover{@apply bg-clay/70;}.tab.active{@apply bg-clay;}.input-radio{@apply accent-flask;}.form-label{@apply block;@apply text-base;@apply mb-1;}.spinner-logo{animation:var(--animate-spinner-logo)}.spinner-logo>svg>path{transform-origin:center center;opacity:0;animation:var(--animate-spinner-logo-letter)}.spinner-logo>svg>path:nth-child(1){animation-delay:.1s}.spinner-logo>svg>path:nth-child(2){animation-delay:.2s}.spinner-logo>svg>path:nth-child(3){animation-delay:.3s}.spinner-logo>svg>path:nth-child(4){animation-delay:.4s}.spinner-logo>svg>path:nth-child(5){animation-delay:.5s}.spinner-logo>svg>path:nth-child(6){animation-delay:.6s}}@utility btn-icon{@apply px-0; @apply w-[2rem];}

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

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 import * as RCheckbox from "@radix-ui/react-checkbox";
 declare const Root: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<RCheckbox.CheckboxProps & import('react').RefAttributes<HTMLButtonElement>>, {
     size?: "sm" | "md" | "lg" | undefined;
@@ -129,6 +129,6 @@ 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;
+    label?: string | ReactNode;
 } & ComponentProps<typeof Root>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui.es.js

@@ -409,13 +409,13 @@ const bo = h({
         left: "translateX(-0.5rem)"
       }[G]
     })
-  }), X = no(b, { enabled: i === "click" }), j = ao(b, {
+  }), O = no(b, { enabled: i === "click" }), X = ao(b, {
     enabled: i === "hover",
     delay: s,
     handleClose: io()
   }), E = so(b), L = lo(b, { role: $ }), { getFloatingProps: R, getReferenceProps: T } = co([
+    O,
     X,
-    j,
     E,
     L
   ]), Y = k(
@@ -756,7 +756,7 @@ const bo = h({
     r = o.charCodeAt($) + ((r << 5) - r);
   const l = `hsl(${r % 360}, 80%, 40%)`;
   return H.set(o, l), l;
-}, No = n("div", {
+}, jo = n("div", {
   flex: "0 0 auto",
   display: "inline-flex",
   alignItems: "center",
@@ -796,8 +796,8 @@ const bo = h({
     () => e ? Vo(e) : "$gray200",
     [e]
   );
-  return /* @__PURE__ */ t(No, { css: { backgroundColor: a, ...o }, ...r });
-}, Oo = n(P, {
+  return /* @__PURE__ */ t(jo, { css: { backgroundColor: a, ...o }, ...r });
+}, No = n(P, {
   minWidth: "max(var(--radix-popper-anchor-width), 12rem)",
   padding: "$1"
 }), S = f({
@@ -841,10 +841,10 @@ const bo = h({
       align: e,
       collisionPadding: 10,
       sideOffset: i,
-      children: /* @__PURE__ */ t(Oo, { children: a })
+      children: /* @__PURE__ */ t(No, { children: a })
     }
   ) })
-] }), Xo = n(m.ItemIndicator, {
+] }), Oo = n(m.ItemIndicator, {
   position: "absolute",
   left: 0,
   top: 0,
@@ -862,17 +862,17 @@ const bo = h({
   display: "flex",
   alignItems: "center",
   gap: "$2"
-}), jo = n(m.CheckboxItem, S), Ie = ({
+}), Xo = n(m.CheckboxItem, S), Ie = ({
   value: o,
   onChange: e,
   children: r
 }) => /* @__PURE__ */ c(
-  jo,
+  Xo,
   {
     checked: o,
     onCheckedChange: e,
     children: [
-      /* @__PURE__ */ t(Xo, { children: /* @__PURE__ */ t(po, { size: "0.75rem" }) }),
+      /* @__PURE__ */ t(Oo, { children: /* @__PURE__ */ t(po, { size: "0.75rem" }) }),
       r
     ]
   }
@@ -987,7 +987,7 @@ const bo = h({
     }
   ),
   typeof r == "string" && /* @__PURE__ */ t(d, { css: { color: "$red600", fontSize: "$sm", marginTop: "$2" }, children: r })
-] }), N = f({
+] }), j = f({
   display: "block",
   width: "100%",
   padding: "0.5rem 0.75rem",
@@ -999,7 +999,7 @@ const bo = h({
   "-webkit-appearance": "none",
   "-moz-appearance": "none",
   appearance: "none"
-}), O = f({
+}), N = f({
   display: "block",
   width: "100%",
   background: "#fff",
@@ -1023,7 +1023,7 @@ const bo = h({
       }
     }
   }
-}), Yo = n("input", N), Go = n("div", O, {
+}), Yo = n("input", j), Go = n("div", N, {
   display: "flex",
   alignItems: "center",
   gap: "$2",
@@ -1079,7 +1079,7 @@ const bo = h({
       typeof r == "string" && /* @__PURE__ */ t(d, { css: { color: "$red600", fontSize: "$sm", marginTop: "$2" }, children: r })
     ] });
   }
-), Ko = n("textarea", N), Uo = n("div", O, {
+), Ko = n("textarea", j), Uo = n("div", N, {
   display: "flex",
   alignItems: "center",
   gap: "$2",
@@ -1183,8 +1183,13 @@ const bo = h({
     color: "primary"
   }
 }), qo = n(F.Indicator, {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
   "[data-icon]": {
-    display: "none"
+    display: "none",
+    width: "85%",
+    height: "auto"
   },
   "&[data-state=checked] [data-icon=checked], &[data-state=indeterminate] [data-icon=indeterminate]": {
     display: "block"
@@ -1295,7 +1300,7 @@ export {
   ze as DropdownMenuIconItem,
   Se as DropdownMenuItem,
   Ce as DropdownMenuSeparator,
-  Oo as MenuOverlayCard,
+  No as MenuOverlayCard,
   be as NavBar,
   fe as NavBarItem,
   P as OverlayCard,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "5.11.0",
+  "version": "5.11.2",
   "type": "module",
   "exports": {
     "./oidc": {