@kreftforeningen/web-react 1.0.23 → 1.0.25

package/dist/main.cjs.js

@@ -1018,6 +1018,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
   @container banner-container (min-width: 40rem) {
     .kf-banner {
       grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .kf-banner:has(.kf-banner__image) {
       min-height: 25rem;
     }
 
@@ -1027,11 +1030,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
 
     .kf-banner[data-variant="full"] {
       grid-template-columns: 1fr;
-      min-height: 25rem;
-    }
-
-    .kf-banner[data-variant="full"] .kf-banner__image {
-      max-height: none;
     }
   }
 
@@ -1646,6 +1644,30 @@ ${Object.entries(A1).map(([r,n])=>`    ${n.css}: var(--kf-box-${r}-${e}, var(--k
     overflow: hidden;
     background: var(--kf-color-gray-100, #ffffff);
     color: var(--kf-color-gray-950, #0f172a);
+    height: 100%;
+  }
+
+  a:has(> .kf-card),
+  a:has(> .kf-card):hover,
+  a:has(> .kf-card):focus,
+  a:has(> .kf-card):active {
+    display: block;
+    height: 100%;
+    text-decoration: none;
+  }
+
+  a:hover .kf-card,
+  a:focus-visible .kf-card {
+    background-color: var(--kf-color-gray-200, rgba(148, 163, 184, 0.95));
+  }
+
+  a:focus .kf-card,
+  a:focus-visible .kf-card {
+    border-radius: 0;
+    outline: 0;
+    box-shadow:
+      0 0 0 var(--kf-ring-offset-width) var(--kf-ring-offset-color),
+      0 0 0 calc(var(--kf-ring-offset-width) + var(--kf-ring-width)) var(--kf-ring-color);
   }
 
   .kf-card:has(> [data-radix-aspect-ratio-wrapper]:first-child > .kf-card__image) {

package/dist/main.es.js

@@ -4826,6 +4826,9 @@ const nI = ue`
   @container banner-container (min-width: 40rem) {
     .kf-banner {
       grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .kf-banner:has(.kf-banner__image) {
       min-height: 25rem;
     }
 
@@ -4835,11 +4838,6 @@ const nI = ue`
 
     .kf-banner[data-variant="full"] {
       grid-template-columns: 1fr;
-      min-height: 25rem;
-    }
-
-    .kf-banner[data-variant="full"] .kf-banner__image {
-      max-height: none;
     }
   }
 
@@ -8872,6 +8870,30 @@ const $3 = ue`
     overflow: hidden;
     background: var(--kf-color-gray-100, #ffffff);
     color: var(--kf-color-gray-950, #0f172a);
+    height: 100%;
+  }
+
+  a:has(> .kf-card),
+  a:has(> .kf-card):hover,
+  a:has(> .kf-card):focus,
+  a:has(> .kf-card):active {
+    display: block;
+    height: 100%;
+    text-decoration: none;
+  }
+
+  a:hover .kf-card,
+  a:focus-visible .kf-card {
+    background-color: var(--kf-color-gray-200, rgba(148, 163, 184, 0.95));
+  }
+
+  a:focus .kf-card,
+  a:focus-visible .kf-card {
+    border-radius: 0;
+    outline: 0;
+    box-shadow:
+      0 0 0 var(--kf-ring-offset-width) var(--kf-ring-offset-color),
+      0 0 0 calc(var(--kf-ring-offset-width) + var(--kf-ring-width)) var(--kf-ring-color);
   }
 
   .kf-card:has(> [data-radix-aspect-ratio-wrapper]:first-child > .kf-card__image) {

package/package.json

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