@oslokommune/punkt-css 16.17.1 → 16.17.2

package/CHANGELOG.md

@@ -5,6 +5,23 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.17.2](https://github.com/oslokommune/punkt/compare/16.17.1...16.17.2) (2026-05-20)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.17.1](https://github.com/oslokommune/punkt/compare/16.17.0...16.17.1) (2026-05-19)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/preview.css

@@ -145,19 +145,26 @@
   right: 0.5rem;
   z-index: 1;
 }
-.pkt-preview__array-item, .pkt-preview__object-editor {
+.pkt-preview__prop-group, .pkt-preview__array-item, .pkt-preview__object-editor {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
+.pkt-preview .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;
+}
 .pkt-preview__add-object {
   text-align: right;
   margin-top: 0.5rem;
 }
 .pkt-preview__remove-object {
   position: absolute;
-  top: -2rem;
+  top: -1.75rem;
   right: -0.25rem;
 }
 .pkt-preview__specs pre {

package/dist/css/components/preview.min.css

@@ -1 +1 @@
-.pkt-preview{position:relative}.pkt-preview .pkt-tabs{--pkt-tabs-bg: var(--pkt-color-surface-default-gray)}.pkt-preview__component{position:relative;display:flex;justify-content:space-around;align-items:center;min-height:10rem;padding:3rem 1rem;margin:0;background-color:var(--pkt-color-background-default);transition:background-color .2s linear}.pkt-preview__component--fullwidth>div{width:100%}.pkt-preview__component--fullwidth>div>.pkt-fileupload,.pkt-preview__component--fullwidth>div>.pkt-fileupload-wrapper{width:100%}.pkt-preview__component-container{position:relative;border:2px solid var(--pkt-color-border-gray);display:flex;flex-direction:column;gap:0}@media screen and (min-width: 64rem){.pkt-preview__component-container{flex-direction:row}.pkt-preview__component-container .pkt-preview__component{flex:1 1 0;min-width:0}.pkt-preview__component-container .pkt-preview__panel{flex:0 0 auto;min-width:20rem;max-width:25rem;width:100%}}.pkt-preview__component__inner-container{display:flex;justify-content:center;width:100%}.pkt-preview__panel{display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;justify-content:space-between;align-items:stretch;background-color:var(--pkt-color-surface-default-gray)}.pkt-preview__panel__options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.pkt-preview__options{display:flex;flex-direction:column;gap:1rem}.pkt-preview__opts{padding:1rem;background-color:var(--pkt-color-surface-default-gray)}.pkt-preview__opts>.pkt-cell{position:relative}.pkt-preview__opts>.pkt-cell>.pkt-tag{display:block;position:absolute;top:0;right:0;padding:0 .25rem 0}.pkt-preview .hide-code-button{position:absolute;top:100%;margin-top:-1.5rem;left:0;width:100%;display:flex;justify-content:center;align-items:flex-end;padding-bottom:1rem;z-index:2}.pkt-preview__code{color:var(--pkt-color-text-body-default);position:relative}.pkt-preview__code-container{position:relative;padding:2rem 2rem 0;background-color:var(--pkt-color-grays-gray-800);transition:max-height .5s ease;max-height:50rem}.pkt-preview__code-container .pkt-tabs{--pkt-tabs-bg: var(--pkt-color-grays-gray-800)}.pkt-preview__code-container.hide-code{overflow:hidden;max-height:11.7rem}.pkt-preview__code-container.hide-code:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(180deg, transparent 0%, transparent 93%, var(--pkt-color-grays-gray-800) 100%)}.pkt-preview__code pre{max-height:30rem;overflow:auto;margin-top:0 !important;background-color:rgba(0,0,0,0) !important;font-size:1rem;padding:2rem 0}.pkt-preview__copy{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;align-items:center;z-index:3}.pkt-preview__fullscreen-btn{position:absolute;top:.5rem;right:.5rem;z-index:1}.pkt-preview__array-item,.pkt-preview__object-editor{position:relative;display:flex;flex-direction:column;gap:1rem}.pkt-preview__add-object{text-align:right;margin-top:.5rem}.pkt-preview__remove-object{position:absolute;top:-2rem;right:-0.25rem}.pkt-preview__specs pre{margin-top:0 !important}.astro-code.github-light{background-color:var(--pkt-color-surface-default-gray) !important}.preview-content{display:contents}
+.pkt-preview{position:relative}.pkt-preview .pkt-tabs{--pkt-tabs-bg: var(--pkt-color-surface-default-gray)}.pkt-preview__component{position:relative;display:flex;justify-content:space-around;align-items:center;min-height:10rem;padding:3rem 1rem;margin:0;background-color:var(--pkt-color-background-default);transition:background-color .2s linear}.pkt-preview__component--fullwidth>div{width:100%}.pkt-preview__component--fullwidth>div>.pkt-fileupload,.pkt-preview__component--fullwidth>div>.pkt-fileupload-wrapper{width:100%}.pkt-preview__component-container{position:relative;border:2px solid var(--pkt-color-border-gray);display:flex;flex-direction:column;gap:0}@media screen and (min-width: 64rem){.pkt-preview__component-container{flex-direction:row}.pkt-preview__component-container .pkt-preview__component{flex:1 1 0;min-width:0}.pkt-preview__component-container .pkt-preview__panel{flex:0 0 auto;min-width:20rem;max-width:25rem;width:100%}}.pkt-preview__component__inner-container{display:flex;justify-content:center;width:100%}.pkt-preview__panel{display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;justify-content:space-between;align-items:stretch;background-color:var(--pkt-color-surface-default-gray)}.pkt-preview__panel__options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.pkt-preview__options{display:flex;flex-direction:column;gap:1rem}.pkt-preview__opts{padding:1rem;background-color:var(--pkt-color-surface-default-gray)}.pkt-preview__opts>.pkt-cell{position:relative}.pkt-preview__opts>.pkt-cell>.pkt-tag{display:block;position:absolute;top:0;right:0;padding:0 .25rem 0}.pkt-preview .hide-code-button{position:absolute;top:100%;margin-top:-1.5rem;left:0;width:100%;display:flex;justify-content:center;align-items:flex-end;padding-bottom:1rem;z-index:2}.pkt-preview__code{color:var(--pkt-color-text-body-default);position:relative}.pkt-preview__code-container{position:relative;padding:2rem 2rem 0;background-color:var(--pkt-color-grays-gray-800);transition:max-height .5s ease;max-height:50rem}.pkt-preview__code-container .pkt-tabs{--pkt-tabs-bg: var(--pkt-color-grays-gray-800)}.pkt-preview__code-container.hide-code{overflow:hidden;max-height:11.7rem}.pkt-preview__code-container.hide-code:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(180deg, transparent 0%, transparent 93%, var(--pkt-color-grays-gray-800) 100%)}.pkt-preview__code pre{max-height:30rem;overflow:auto;margin-top:0 !important;background-color:rgba(0,0,0,0) !important;font-size:1rem;padding:2rem 0}.pkt-preview__copy{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;align-items:center;z-index:3}.pkt-preview__fullscreen-btn{position:absolute;top:.5rem;right:.5rem;z-index:1}.pkt-preview__prop-group,.pkt-preview__array-item,.pkt-preview__object-editor{position:relative;display:flex;flex-direction:column;gap:1rem}.pkt-preview .pkt-inputwrapper__helptext code{background:var(--pkt-color-background-subtle);border:1px solid var(--pkt-color-border-gray);border-radius:3px;padding:.11em .33em;font-size:.8em}.pkt-preview__add-object{text-align:right;margin-top:.5rem}.pkt-preview__remove-object{position:absolute;top:-1.75rem;right:-0.25rem}.pkt-preview__specs pre{margin-top:0 !important}.astro-code.github-light{background-color:var(--pkt-color-surface-default-gray) !important}.preview-content{display:contents}

package/dist/css/components/searchinput.css

@@ -59,28 +59,29 @@
 .pkt-searchinput__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;
+  width: 100%;
 }
-.pkt-searchinput__suggestion:hover, .pkt-searchinput__suggestion:focus, .pkt-searchinput__suggestion:active {
+.pkt-searchinput__suggestion:is(a, button) {
+  cursor: pointer;
+  text-decoration: none;
+}
+.pkt-searchinput__suggestion:is(a, button):hover, .pkt-searchinput__suggestion:is(a, button):focus, .pkt-searchinput__suggestion:is(a, button):active {
   text-decoration: none;
   background-color: var(--pkt-color-background-subtle);
   color: var(--pkt-color-text-action-active);
 }
-.pkt-searchinput__suggestion:hover .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:focus .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:active .pkt-searchinput__suggestion-title {
+.pkt-searchinput__suggestion:is(a, button):hover .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:is(a, button):focus .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:is(a, button):active .pkt-searchinput__suggestion-title {
   text-decoration: underline;
 }
-.pkt-searchinput__suggestion:hover > *, .pkt-searchinput__suggestion:focus > *, .pkt-searchinput__suggestion:active > * {
+.pkt-searchinput__suggestion:is(a, button):hover > *, .pkt-searchinput__suggestion:is(a, button):focus > *, .pkt-searchinput__suggestion:is(a, button):active > * {
   color: inherit;
 }
-.pkt-searchinput__suggestion--has-hover {
-  cursor: pointer;
-}
 .pkt-searchinput__suggestion-title {
   letter-spacing: -0.2px;
   font-weight: 500;

package/dist/css/components/searchinput.min.css

@@ -1 +1 @@
-.pkt-searchinput{position:relative;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-searchinput__field{width:min(100%,31rem);display:flex}.pkt-searchinput--fullwidth .pkt-searchinput__field{width:100%}.pkt-searchinput--global .pkt-input:not(:disabled){border-color:var(--pkt-color-border-yellow)}.pkt-searchinput--global .pkt-input:not(:disabled):hover,.pkt-searchinput--global .pkt-input:not(:disabled):active,.pkt-searchinput--global .pkt-input:not(:disabled):focus{border-color:var(--pkt-color-input-border-active)}.pkt-searchinput--global .pkt-searchinput__button{border-radius:50%}.pkt-searchinput--local-with-button .pkt-searchinput__field{gap:.5rem}.pkt-searchinput--local .pkt-input{padding:.5rem 0 .5rem 1rem}.pkt-searchinput--local .pkt-searchinput__button:disabled{border-color:var(--pkt-color-input-border-disabled)}.pkt-searchinput--local .pkt-searchinput__button svg{margin-left:0}.pkt-searchinput--local .pkt-searchinput__button{--pkt-color-button-border-hover: var(--pkt-color-input-border-active)}.pkt-searchinput__suggestions{position:absolute;z-index:2;padding:0;margin:2px 0 0;width:min(100%,31rem);list-style:none;background-color:var(--pkt-color-background-card);box-shadow:0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1)}.pkt-searchinput--global .pkt-searchinput__suggestions{width:min(100% - 3rem,28rem)}.pkt-searchinput--local-with-button .pkt-searchinput__suggestions{width:min(100% - 3.5rem,27.5rem)}.pkt-searchinput--fullwidth .pkt-searchinput__suggestions{width:100%}.pkt-searchinput__suggestion{display:block;padding:1rem;text-decoration:none;background-color:rgba(0,0,0,0);color:var(--pkt-color-text-action-normal);border:none;font:inherit;outline:inherit;text-align:inherit}.pkt-searchinput__suggestion:hover,.pkt-searchinput__suggestion:focus,.pkt-searchinput__suggestion:active{text-decoration:none;background-color:var(--pkt-color-background-subtle);color:var(--pkt-color-text-action-active)}.pkt-searchinput__suggestion:hover .pkt-searchinput__suggestion-title,.pkt-searchinput__suggestion:focus .pkt-searchinput__suggestion-title,.pkt-searchinput__suggestion:active .pkt-searchinput__suggestion-title{text-decoration:underline}.pkt-searchinput__suggestion:hover>*,.pkt-searchinput__suggestion:focus>*,.pkt-searchinput__suggestion:active>*{color:inherit}.pkt-searchinput__suggestion--has-hover{cursor:pointer}.pkt-searchinput__suggestion-title{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-searchinput__suggestion-text{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;hyphens:auto}
+.pkt-searchinput{position:relative;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem}.pkt-searchinput__field{width:min(100%,31rem);display:flex}.pkt-searchinput--fullwidth .pkt-searchinput__field{width:100%}.pkt-searchinput--global .pkt-input:not(:disabled){border-color:var(--pkt-color-border-yellow)}.pkt-searchinput--global .pkt-input:not(:disabled):hover,.pkt-searchinput--global .pkt-input:not(:disabled):active,.pkt-searchinput--global .pkt-input:not(:disabled):focus{border-color:var(--pkt-color-input-border-active)}.pkt-searchinput--global .pkt-searchinput__button{border-radius:50%}.pkt-searchinput--local-with-button .pkt-searchinput__field{gap:.5rem}.pkt-searchinput--local .pkt-input{padding:.5rem 0 .5rem 1rem}.pkt-searchinput--local .pkt-searchinput__button:disabled{border-color:var(--pkt-color-input-border-disabled)}.pkt-searchinput--local .pkt-searchinput__button svg{margin-left:0}.pkt-searchinput--local .pkt-searchinput__button{--pkt-color-button-border-hover: var(--pkt-color-input-border-active)}.pkt-searchinput__suggestions{position:absolute;z-index:2;padding:0;margin:2px 0 0;width:min(100%,31rem);list-style:none;background-color:var(--pkt-color-background-card);box-shadow:0px 4px 6px -1px rgba(0,0,0,.1),0px 2px 4px -2px rgba(0,0,0,.1)}.pkt-searchinput--global .pkt-searchinput__suggestions{width:min(100% - 3rem,28rem)}.pkt-searchinput--local-with-button .pkt-searchinput__suggestions{width:min(100% - 3.5rem,27.5rem)}.pkt-searchinput--fullwidth .pkt-searchinput__suggestions{width:100%}.pkt-searchinput__suggestion{display:block;padding:1rem;background-color:rgba(0,0,0,0);color:var(--pkt-color-text-action-normal);border:none;font:inherit;outline:inherit;text-align:inherit;width:100%}.pkt-searchinput__suggestion:is(a,button){cursor:pointer;text-decoration:none}.pkt-searchinput__suggestion:is(a,button):hover,.pkt-searchinput__suggestion:is(a,button):focus,.pkt-searchinput__suggestion:is(a,button):active{text-decoration:none;background-color:var(--pkt-color-background-subtle);color:var(--pkt-color-text-action-active)}.pkt-searchinput__suggestion:is(a,button):hover .pkt-searchinput__suggestion-title,.pkt-searchinput__suggestion:is(a,button):focus .pkt-searchinput__suggestion-title,.pkt-searchinput__suggestion:is(a,button):active .pkt-searchinput__suggestion-title{text-decoration:underline}.pkt-searchinput__suggestion:is(a,button):hover>*,.pkt-searchinput__suggestion:is(a,button):focus>*,.pkt-searchinput__suggestion:is(a,button):active>*{color:inherit}.pkt-searchinput__suggestion-title{letter-spacing:-0.2px;font-weight:500;font-size:1.125rem;line-height:1.75rem}.pkt-searchinput__suggestion-text{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;hyphens:auto}

package/dist/css/pkt-components.css

@@ -5014,19 +5014,26 @@ pkt-messagebox {
   right: 0.5rem;
   z-index: 1;
 }
-.pkt-preview__array-item, .pkt-preview__object-editor {
+.pkt-preview__prop-group, .pkt-preview__array-item, .pkt-preview__object-editor {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
+.pkt-preview .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;
+}
 .pkt-preview__add-object {
   text-align: right;
   margin-top: 0.5rem;
 }
 .pkt-preview__remove-object {
   position: absolute;
-  top: -2rem;
+  top: -1.75rem;
   right: -0.25rem;
 }
 .pkt-preview__specs pre {
@@ -5160,28 +5167,29 @@ pkt-messagebox {
 .pkt-searchinput__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;
+  width: 100%;
+}
+.pkt-searchinput__suggestion:is(a, button) {
+  cursor: pointer;
+  text-decoration: none;
 }
-.pkt-searchinput__suggestion:hover, .pkt-searchinput__suggestion:focus, .pkt-searchinput__suggestion:active {
+.pkt-searchinput__suggestion:is(a, button):hover, .pkt-searchinput__suggestion:is(a, button):focus, .pkt-searchinput__suggestion:is(a, button):active {
   text-decoration: none;
   background-color: var(--pkt-color-background-subtle);
   color: var(--pkt-color-text-action-active);
 }
-.pkt-searchinput__suggestion:hover .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:focus .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:active .pkt-searchinput__suggestion-title {
+.pkt-searchinput__suggestion:is(a, button):hover .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:is(a, button):focus .pkt-searchinput__suggestion-title, .pkt-searchinput__suggestion:is(a, button):active .pkt-searchinput__suggestion-title {
   text-decoration: underline;
 }
-.pkt-searchinput__suggestion:hover > *, .pkt-searchinput__suggestion:focus > *, .pkt-searchinput__suggestion:active > * {
+.pkt-searchinput__suggestion:is(a, button):hover > *, .pkt-searchinput__suggestion:is(a, button):focus > *, .pkt-searchinput__suggestion:is(a, button):active > * {
   color: inherit;
 }
-.pkt-searchinput__suggestion--has-hover {
-  cursor: pointer;
-}
 .pkt-searchinput__suggestion-title {
   letter-spacing: -0.2px;
   font-weight: 500;