@kreftforeningen/web-react 1.0.31 → 1.0.32

package/dist/main.cjs.js

@@ -1633,7 +1633,7 @@ ${Object.entries(C_).map(([r,n])=>`    ${n.css}: var(--kf-box-${r}-${e}, var(--k
     color: var(--kf-color-gray-900, #0f172a);
   }
 
-  @media (prefers-color-scheme: dark) {
+  .dark {
     .kf-calendar {
       background: color-mix(
         in srgb,
@@ -2455,7 +2455,7 @@ ${r.map(([a,i])=>{const s=i.theme?.[n]||i.color;return s?`  --kf-color-${a}: ${s
     color: var(--kf-color-gray-500, rgba(15, 23, 42, 0.6));
   }
 
-  @media (prefers-color-scheme: dark) {
+  .dark {
     .kf-command-dialog__content {
       background: var(--kf-color-gray-950, #020617);
       color: var(--kf-color-gray-50, #f9fafb);
@@ -2764,7 +2764,7 @@ ${r.map(([a,i])=>{const s=i.theme?.[n]||i.color;return s?`  --kf-color-${a}: ${s
     }
   }
 
-  @media (prefers-color-scheme: dark) {
+  .dark {
     .kf-context-menu__content,
     .kf-context-menu__sub-content {
       background: var(--kf-color-gray-900, #020617);
@@ -3127,7 +3127,7 @@ ${r.map(([a,i])=>{const s=i.theme?.[n]||i.color;return s?`  --kf-color-${a}: ${s
     color: var(--kf-color-gray-700, #374151);
   }
 
-  @media (prefers-color-scheme: dark) {
+  .dark {
     .kf-drawer__overlay {
       background: color-mix(in srgb, #000000 70%, transparent);
     }
@@ -5321,7 +5321,7 @@ ${Object.entries(MP).map(([r,n])=>`    ${n.css}: var(--kf-hstack-${r}-${e}, var(
     display: inline-flex;
     gap: calc(var(--kf-spacing, 0.25rem) * 2);
     align-items: center;
-    font-size: var(--kf-text-sm, 0.875rem);
+    font-size: var(--kf-font-size-md, 1rem);
     line-height: var(--kf-text-sm--line-height, 1.4285714286);
     font-weight: 500;
   }
@@ -6437,39 +6437,37 @@ ${Object.entries(MP).map(([r,n])=>`    ${n.css}: var(--kf-hstack-${r}-${e}, var(
     height: calc(var(--kf-spacing, 0.25rem) * 4);
   }
 
-  @media (prefers-color-scheme: dark) {
-    .kf-pagination__link {
-      color: var(--kf-color-gray-100, #e5e7eb);
-    }
+  .dark .kf-pagination__link {
+    color: var(--kf-color-gray-100, #e5e7eb);
+  }
 
-    .kf-pagination__link[data-active="true"] {
-      border-color: var(--kf-color-blue-300, #93c5fd);
-      background: color-mix(
-        in srgb,
-        var(--kf-color-blue-300, #93c5fd) 18%,
-        transparent
-      );
-      color: var(--kf-color-blue-50, #eff6ff);
-    }
+  .dark .kf-pagination__link[data-active="true"] {
+    border-color: var(--kf-color-blue-300, #93c5fd);
+    background: color-mix(
+      in srgb,
+      var(--kf-color-blue-300, #93c5fd) 18%,
+      transparent
+    );
+    color: var(--kf-color-blue-50, #eff6ff);
+  }
 
-    .kf-pagination__link:hover {
-      background: color-mix(
-        in srgb,
-        var(--kf-color-gray-700, #374151) 70%,
-        transparent
-      );
-    }
+  .dark .kf-pagination__link:hover {
+    background: color-mix(
+      in srgb,
+      var(--kf-color-gray-700, #374151) 70%,
+      transparent
+    );
+  }
 
-    .kf-pagination__link:focus-visible {
-      border-color: var(--kf-color-blue-300, #93c5fd);
-      box-shadow:
-        0 0 0 2px rgba(15, 23, 42, 1),
-        0 0 0 4px var(--kf-color-blue-500, #3b82f6);
-    }
+  .dark .kf-pagination__link:focus-visible {
+    border-color: var(--kf-color-blue-300, #93c5fd);
+    box-shadow:
+      0 0 0 2px rgba(15, 23, 42, 1),
+      0 0 0 4px var(--kf-color-blue-500, #3b82f6);
+  }
 
-    .kf-pagination__ellipsis {
-      color: var(--kf-color-gray-400, #9ca3af);
-    }
+  .dark .kf-pagination__ellipsis {
+    color: var(--kf-color-gray-400, #9ca3af);
   }
 `;function Qee({className:e,...t}){return d.jsxs(d.Fragment,{children:[d.jsx(Zee,{}),d.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:M("kf-pagination",e),...t})]})}function Jee({className:e,...t}){return d.jsx("ul",{"data-slot":"pagination-content",className:M("kf-pagination__content",e),...t})}function ete({className:e,...t}){return d.jsx("li",{"data-slot":"pagination-item",className:M("kf-pagination__item",e),...t})}function nv({className:e,isActive:t,size:r="icon",...n}){return d.jsx("a",{"aria-current":t?"page":void 0,"data-slot":"pagination-link","data-active":t,"data-size":r,className:M("kf-pagination__link",e),...n})}function tte({className:e,...t}){return d.jsxs(nv,{"aria-label":"Go to previous page",size:"default",className:e,...t,children:[d.jsx(jx,{className:"kf-pagination__icon","aria-hidden":"true",focusable:"false"}),d.jsx("span",{className:"kf-pagination__label",children:"Previous"})]})}function rte({className:e,...t}){return d.jsxs(nv,{"aria-label":"Go to next page",size:"default",className:e,...t,children:[d.jsx("span",{className:"kf-pagination__label",children:"Next"}),d.jsx(To,{className:"kf-pagination__icon","aria-hidden":"true",focusable:"false"})]})}function nte({className:e,...t}){return d.jsxs("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis",className:M("kf-pagination__ellipsis",e),...t,children:[d.jsx(Ax,{className:"kf-pagination__ellipsis-icon","aria-hidden":"true",focusable:"false"}),d.jsx("span",{children:"More pages"})]})}var Tu="Popover",[NO]=Ve(Tu,[Kr]),Ns=Kr(),[ote,Hn]=NO(Tu),TO=e=>{const{__scopePopover:t,children:r,open:n,defaultOpen:o,onOpenChange:a,modal:i=!1}=e,s=Ns(t),c=m.useRef(null),[l,f]=m.useState(!1),[u,p]=We({prop:n,defaultProp:o??!1,onChange:a,caller:Tu});return d.jsx(Fa,{...s,children:d.jsx(ote,{scope:t,contentId:Re(),triggerRef:c,open:u,onOpenChange:p,onOpenToggle:m.useCallback(()=>p(g=>!g),[p]),hasCustomAnchor:l,onCustomAnchorAdd:m.useCallback(()=>f(!0),[]),onCustomAnchorRemove:m.useCallback(()=>f(!1),[]),modal:i,children:r})})};TO.displayName=Tu;var DO="PopoverAnchor",jO=m.forwardRef((e,t)=>{const{__scopePopover:r,...n}=e,o=Hn(DO,r),a=Ns(r),{onCustomAnchorAdd:i,onCustomAnchorRemove:s}=o;return m.useEffect(()=>(i(),()=>s()),[i,s]),d.jsx(za,{...a,...n,ref:t})});jO.displayName=DO;var AO="PopoverTrigger",IO=m.forwardRef((e,t)=>{const{__scopePopover:r,...n}=e,o=Hn(AO,r),a=Ns(r),i=de(t,o.triggerRef),s=d.jsx(ae.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":zO(o.open),...n,ref:i,onClick:q(e.onClick,o.onOpenToggle)});return o.hasCustomAnchor?s:d.jsx(za,{asChild:!0,...a,children:s})});IO.displayName=AO;var ov="PopoverPortal",[ate,ite]=NO(ov,{forceMount:void 0}),RO=e=>{const{__scopePopover:t,forceMount:r,children:n,container:o}=e,a=Hn(ov,t);return d.jsx(ate,{scope:t,forceMount:r,children:d.jsx(Fe,{present:r||a.open,children:d.jsx(Do,{asChild:!0,container:o,children:n})})})};RO.displayName=ov;var ba="PopoverContent",$O=m.forwardRef((e,t)=>{const r=ite(ba,e.__scopePopover),{forceMount:n=r.forceMount,...o}=e,a=Hn(ba,e.__scopePopover);return d.jsx(Fe,{present:n||a.open,children:a.modal?d.jsx(cte,{...o,ref:t}):d.jsx(lte,{...o,ref:t})})});$O.displayName=ba;var ste=ho("PopoverContent.RemoveScroll"),cte=m.forwardRef((e,t)=>{const r=Hn(ba,e.__scopePopover),n=m.useRef(null),o=de(t,n),a=m.useRef(!1);return m.useEffect(()=>{const i=n.current;if(i)return Pl(i)},[]),d.jsx(Vi,{as:ste,allowPinchZoom:!0,children:d.jsx(LO,{...e,ref:o,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:q(e.onCloseAutoFocus,i=>{i.preventDefault(),a.current||r.triggerRef.current?.focus()}),onPointerDownOutside:q(e.onPointerDownOutside,i=>{const s=i.detail.originalEvent,c=s.button===0&&s.ctrlKey===!0,l=s.button===2||c;a.current=l},{checkForDefaultPrevented:!1}),onFocusOutside:q(e.onFocusOutside,i=>i.preventDefault(),{checkForDefaultPrevented:!1})})})}),lte=m.forwardRef((e,t)=>{const r=Hn(ba,e.__scopePopover),n=m.useRef(!1),o=m.useRef(!1);return d.jsx(LO,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:a=>{e.onCloseAutoFocus?.(a),a.defaultPrevented||(n.current||r.triggerRef.current?.focus(),a.preventDefault()),n.current=!1,o.current=!1},onInteractOutside:a=>{e.onInteractOutside?.(a),a.defaultPrevented||(n.current=!0,a.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const i=a.target;r.triggerRef.current?.contains(i)&&a.preventDefault(),a.detail.originalEvent.type==="focusin"&&o.current&&a.preventDefault()}})}),LO=m.forwardRef((e,t)=>{const{__scopePopover:r,trapFocus:n,onOpenAutoFocus:o,onCloseAutoFocus:a,disableOutsidePointerEvents:i,onEscapeKeyDown:s,onPointerDownOutside:c,onFocusOutside:l,onInteractOutside:f,...u}=e,p=Hn(ba,r),g=Ns(r);return El(),d.jsx(Gi,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:o,onUnmountAutoFocus:a,children:d.jsx(jn,{asChild:!0,disableOutsidePointerEvents:i,onInteractOutside:f,onEscapeKeyDown:s,onPointerDownOutside:c,onFocusOutside:l,onDismiss:()=>p.onOpenChange(!1),children:d.jsx(ks,{"data-state":zO(p.open),role:"dialog",id:p.contentId,...g,...u,ref:t,style:{...u.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}),FO="PopoverClose",ute=m.forwardRef((e,t)=>{const{__scopePopover:r,...n}=e,o=Hn(FO,r);return d.jsx(ae.button,{type:"button",...n,ref:t,onClick:q(e.onClick,()=>o.onOpenChange(!1))})});ute.displayName=FO;var fte="PopoverArrow",dte=m.forwardRef((e,t)=>{const{__scopePopover:r,...n}=e,o=Ns(r);return d.jsx(ys,{...o,...n,ref:t})});dte.displayName=fte;function zO(e){return e?"open":"closed"}var pte=TO,mte=jO,gte=IO,hte=RO,vte=$O;const bte=ce.createGlobalStyle`
   .kf-popover__content {
@@ -8300,7 +8298,7 @@ Defaulting to \`null\`.`}var Ite=GO,Rte=UO;const $te=ce.createGlobalStyle`
     opacity: 0.5;
   }
 
-  @media (prefers-color-scheme: dark) {
+  .dark {
     .kf-toggle {
       color: var(--kf-color-gray-100, #e5e7eb);
     }

package/dist/main.es.js

@@ -7729,7 +7729,7 @@ const R3 = ue`
     color: var(--kf-color-gray-900, #0f172a);
   }
 
-  @media (prefers-color-scheme: dark) {
+  .dark {
     .kf-calendar {
       background: color-mix(
         in srgb,
@@ -22714,7 +22714,7 @@ const WV = ue`
     color: var(--kf-color-gray-500, rgba(15, 23, 42, 0.6));
   }
 
-  @media (prefers-color-scheme: dark) {
+  .dark {
     .kf-command-dialog__content {
       background: var(--kf-color-gray-950, #020617);
       color: var(--kf-color-gray-50, #f9fafb);
@@ -25663,7 +25663,7 @@ const pY = ue`
     }
   }
 
-  @media (prefers-color-scheme: dark) {
+  .dark {
     .kf-context-menu__content,
     .kf-context-menu__sub-content {
       background: var(--kf-color-gray-900, #020617);
@@ -27386,7 +27386,7 @@ const Jn = {
     color: var(--kf-color-gray-700, #374151);
   }
 
-  @media (prefers-color-scheme: dark) {
+  .dark {
     .kf-drawer__overlay {
       background: color-mix(in srgb, #000000 70%, transparent);
     }
@@ -31821,7 +31821,7 @@ const qP = ue`
     display: inline-flex;
     gap: calc(var(--kf-spacing, 0.25rem) * 2);
     align-items: center;
-    font-size: var(--kf-text-sm, 0.875rem);
+    font-size: var(--kf-font-size-md, 1rem);
     line-height: var(--kf-text-sm--line-height, 1.4285714286);
     font-weight: 500;
   }
@@ -34504,39 +34504,37 @@ const vZ = ue`
     height: calc(var(--kf-spacing, 0.25rem) * 4);
   }
 
-  @media (prefers-color-scheme: dark) {
-    .kf-pagination__link {
-      color: var(--kf-color-gray-100, #e5e7eb);
-    }
+  .dark .kf-pagination__link {
+    color: var(--kf-color-gray-100, #e5e7eb);
+  }
 
-    .kf-pagination__link[data-active="true"] {
-      border-color: var(--kf-color-blue-300, #93c5fd);
-      background: color-mix(
-        in srgb,
-        var(--kf-color-blue-300, #93c5fd) 18%,
-        transparent
-      );
-      color: var(--kf-color-blue-50, #eff6ff);
-    }
+  .dark .kf-pagination__link[data-active="true"] {
+    border-color: var(--kf-color-blue-300, #93c5fd);
+    background: color-mix(
+      in srgb,
+      var(--kf-color-blue-300, #93c5fd) 18%,
+      transparent
+    );
+    color: var(--kf-color-blue-50, #eff6ff);
+  }
 
-    .kf-pagination__link:hover {
-      background: color-mix(
-        in srgb,
-        var(--kf-color-gray-700, #374151) 70%,
-        transparent
-      );
-    }
+  .dark .kf-pagination__link:hover {
+    background: color-mix(
+      in srgb,
+      var(--kf-color-gray-700, #374151) 70%,
+      transparent
+    );
+  }
 
-    .kf-pagination__link:focus-visible {
-      border-color: var(--kf-color-blue-300, #93c5fd);
-      box-shadow:
-        0 0 0 2px rgba(15, 23, 42, 1),
-        0 0 0 4px var(--kf-color-blue-500, #3b82f6);
-    }
+  .dark .kf-pagination__link:focus-visible {
+    border-color: var(--kf-color-blue-300, #93c5fd);
+    box-shadow:
+      0 0 0 2px rgba(15, 23, 42, 1),
+      0 0 0 4px var(--kf-color-blue-500, #3b82f6);
+  }
 
-    .kf-pagination__ellipsis {
-      color: var(--kf-color-gray-400, #9ca3af);
-    }
+  .dark .kf-pagination__ellipsis {
+    color: var(--kf-color-gray-400, #9ca3af);
   }
 `;
 function aie({ className: e, ...t }) {
@@ -43046,7 +43044,7 @@ const zte = ue`
     opacity: 0.5;
   }
 
-  @media (prefers-color-scheme: dark) {
+  .dark {
     .kf-toggle {
       color: var(--kf-color-gray-100, #e5e7eb);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kreftforeningen/web-react",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "type": "module",
   "publishConfig": {
     "access": "public"