@oslokommune/punkt-css 16.17.0 → 16.17.2

package/dist/scss/components/_preview.scss

@@ -149,6 +149,7 @@
     right: 0.5rem;
     z-index: 1;
   }
+  &__prop-group,
   &__array-item,
   &__object-editor {
     position: relative;
@@ -156,13 +157,22 @@
     flex-direction: column;
     gap: 1rem;
   }
+
+  // Spec descriptions with <code> (same as docs content / SpecList)
+  .pkt-inputwrapper__helptext code {
+    background: var(--pkt-color-background-subtle);
+    border: 1px solid var(--pkt-color-border-gray);
+    border-radius: 3px;
+    padding: 0.11em 0.33em;
+    font-size: 0.8em;
+  }
   &__add-object {
     text-align: right;
     margin-top: 0.5rem;
   }
   &__remove-object {
     position: absolute;
-    top: -2rem;
+    top: -1.75rem;
     right: -0.25rem;
   }
   &__specs {

package/dist/scss/components/_searchinput.scss

@@ -73,29 +73,34 @@
   &__suggestion {
     display: block;
     padding: 1rem;
-    text-decoration: none;
     background-color: transparent;
     color: var(--pkt-color-text-action-normal);
     border: none;
     font: inherit;
     outline: inherit;
     text-align: inherit;
-    &:hover,
-    &:focus,
-    &:active {
+    width: 100%;
+
+    &:is(a, button) {
+      cursor: pointer;
       text-decoration: none;
-      background-color: var(--pkt-color-background-subtle);
-      color: var(--pkt-color-text-action-active);
-      .pkt-searchinput__suggestion-title {
-        text-decoration: underline;
-      }
-      > * {
-        color: inherit;
+
+      &:hover,
+      &:focus,
+      &:active {
+        text-decoration: none;
+        background-color: var(--pkt-color-background-subtle);
+        color: var(--pkt-color-text-action-active);
+
+        .pkt-searchinput__suggestion-title {
+          text-decoration: underline;
+        }
+
+        > * {
+          color: inherit;
+        }
       }
     }
-    &--has-hover {
-      cursor: pointer;
-    }
   }
   &__suggestion-title {
     @include typography.get-text('pkt-txt-18-medium');

package/dist/scss/elements/_checkbox-radio.scss

@@ -316,6 +316,7 @@ $-module-name: 'pkt-input-check';
     &--tile {
       border: 2px solid var(--pkt-color-border-subtle);
       width: 21.875rem;
+      max-width: 100%;
       position: relative;
 
       & .pkt-input-check__input-label:before {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-css",
-  "version": "16.17.0",
+  "version": "16.17.2",
   "description": "CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -60,5 +60,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "b9024738acca3ed6dd938238ff2a2d4219cd3c0c"
+  "gitHead": "3eda56e8d6942a8f8aba63b79a469ac12b375e2d"
 }