@oslokommune/punkt-css 17.0.8 → 17.0.10

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [17.1.0](https://github.com/oslokommune/punkt/compare/17.0.9...17.1.0) (2026-08-20)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Trekk ut .pkt-link til egen _link.scss, pluss litt rydding (#3599). Fjernet klasse .pkt-display-contents. Github-søk viser at den hverken er i bruk av oss eller andre. Den har alltid bare vært ubrukt alias for .pkt-contents.
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [17.0.8](https://github.com/oslokommune/punkt/compare/17.0.7...17.0.8) (2026-08-17)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/combobox.css

@@ -194,59 +194,53 @@ pkt-combobox[fullwidth], pkt-combobox--fullwidth,
 .pkt-combobox__wrapper .pkt-listbox__open {
   margin-block-start: 0.5rem;
 }
-
-.pkt-inputwrapper:not([data-navtype=pointer]) .pkt-combobox__input:focus-within {
+.pkt-combobox__wrapper.pkt-inputwrapper:not([data-navtype=pointer]) .pkt-combobox__input:focus-within {
   outline: 4px solid var(--pkt-color-border-states-focus);
 }
-
-.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search),
-.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search) {
+.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search), .pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search) {
   padding: 0.5rem 1rem;
   letter-spacing: -0.2px;
   font-weight: 300;
   font-size: 1rem;
   line-height: 1.5rem;
 }
-.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__empty,
-.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__banner,
-.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,
-.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner {
+.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__empty,
+.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__banner, .pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,
+.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner {
   padding: 0.5rem 1rem;
   letter-spacing: -0.2px;
   font-weight: 300;
   font-size: 1rem;
   line-height: 1.5rem;
 }
-.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__search input,
-.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input {
+.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__search input, .pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input {
   padding: 0.5rem 0.75rem;
   letter-spacing: -0.2px;
   font-weight: 300;
   font-size: 1rem;
   line-height: 1.5rem;
 }
-
-.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search) {
+.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search) {
   padding: 0.375rem 0.75rem;
   letter-spacing: -0.2px;
   font-weight: 300;
   font-size: 0.875rem;
   line-height: 1.375rem;
 }
-.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,
-.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner {
+.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,
+.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner {
   padding: 0.375rem 0.75rem;
   letter-spacing: -0.2px;
   font-weight: 300;
   font-size: 0.875rem;
   line-height: 1.375rem;
 }
-.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner-icon,
-.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search-icon .pkt-icon {
+.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner-icon,
+.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search-icon .pkt-icon {
   width: 1.125rem;
   height: 1.125rem;
 }
-.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input {
+.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input {
   padding: 0.375rem 0.5rem;
   letter-spacing: -0.2px;
   font-weight: 300;

package/dist/css/components/combobox.min.css

@@ -1 +1 @@
-pkt-combobox,.pkt-combobox-component{display:block;max-width:31rem;width:100%}pkt-combobox[fullwidth],pkt-combobox--fullwidth,.pkt-combobox-component[fullwidth],.pkt-combobox-component--fullwidth{max-width:100%}.pkt-combobox__wrapper{position:relative;width:100%}.pkt-combobox__wrapper .pkt-combobox{position:relative;display:flex;flex-direction:column;width:100%}.pkt-combobox__wrapper .pkt-combobox__arrow.pkt-btn{position:absolute;right:.25rem;height:100%;min-width:1.125rem;min-height:1.125rem;padding:.5rem}.pkt-combobox__wrapper .pkt-combobox__arrow.pkt-btn svg{width:1.5rem;height:1.5rem}.pkt-combobox__wrapper .pkt-combobox__arrow.pkt-btn:hover:not([data-disabled]){background-color:inherit;border-color:rgba(0,0,0,0)}.pkt-combobox__wrapper .pkt-combobox__value{padding-inline-start:.5rem}.pkt-combobox__wrapper .pkt-combobox__input{display:flex;align-items:center;position:relative;margin:0;padding:.5rem 2rem .5rem .5rem;background-color:var(--pkt-color-input-background-normal);border:2px solid var(--pkt-color-input-border-normal);color:var(--pkt-color-input-text-normal);min-height:3rem;gap:.375rem;flex-wrap:wrap;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem;line-height:1.25}.pkt-combobox__wrapper .pkt-combobox__input-div{display:contents}.pkt-combobox__wrapper .pkt-combobox__input--fullwidth{width:100%}.pkt-combobox__wrapper .pkt-combobox__input--small{min-height:2.625rem;padding:.375rem 2.5rem .375rem .375rem;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-combobox__wrapper .pkt-combobox__input--small .pkt-combobox__arrow-icon svg{width:1.25rem;height:1.25rem}.pkt-combobox__wrapper .pkt-combobox__input--xsmall{min-height:2.25rem;padding:.25rem 2.25rem .25rem .25rem;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-combobox__wrapper .pkt-combobox__input--xsmall .pkt-combobox__arrow-icon{padding:.25rem .5rem}.pkt-combobox__wrapper .pkt-combobox__input--xsmall .pkt-combobox__arrow-icon svg{width:1.125rem;height:1.125rem}.pkt-combobox__wrapper .pkt-combobox__input:hover:not(.pkt-combobox__wrapper .pkt-combobox__input--disabled):not(.pkt-combobox__wrapper .pkt-combobox__input--error){border-color:var(--pkt-color-input-border-hover)}.pkt-combobox__wrapper .pkt-combobox__input:hover:not(.pkt-combobox__wrapper .pkt-combobox__input--disabled):not(.pkt-combobox__wrapper .pkt-combobox__input--error)>.pkt-combobox__value{color:var(--pkt-color-input-text-hover)}.pkt-combobox__wrapper .pkt-combobox__input:hover:not(.pkt-combobox__wrapper .pkt-combobox__input--disabled):not(.pkt-combobox__wrapper .pkt-combobox__input--error) .pkt-combobox__arrow-icon{--fg-color: var(--pkt-color-brand-warm-blue-1000)}.pkt-combobox__wrapper .pkt-combobox__input:hover:not(.pkt-combobox__wrapper .pkt-combobox__input--disabled):not(.pkt-combobox__wrapper .pkt-combobox__input--error) .pkt-combobox__arrow-icon:not(.pkt-combobox__arrow-icon--open) svg{transform:translateY(0.25rem)}.pkt-combobox__wrapper .pkt-combobox__input--error,.pkt-combobox__wrapper .pkt-combobox__input--error:hover,.pkt-combobox__wrapper .pkt-combobox__input--error:focus,.pkt-combobox__wrapper .pkt-combobox__input--error:focus-within{border-color:var(--pkt-color-brand-red-1000)}.pkt-combobox__wrapper .pkt-combobox__input:focus,.pkt-combobox__wrapper .pkt-combobox__input:focus-within,.pkt-combobox__wrapper .pkt-combobox__input:focus-visible,.pkt-combobox__wrapper .pkt-combobox__input--open{border-color:var(--pkt-color-input-border-active);outline:2px solid var(--pkt-color-input-border-active)}.pkt-combobox__wrapper .pkt-combobox__input--disabled,.pkt-combobox__wrapper .pkt-combobox__input--disabled:hover,.pkt-combobox__wrapper .pkt-combobox__input--disabled:focus,.pkt-combobox__wrapper .pkt-combobox__input--disabled:focus-within{background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-border-states-disabled);color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-combobox__wrapper .pkt-combobox__input input{border:none;font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;background:rgba(0,0,0,0);letter-spacing:inherit;line-height:1.4rem;padding:0 0 0 .5rem;margin:0;flex:1;min-width:3rem}.pkt-combobox__wrapper .pkt-combobox__input input::placeholder{color:var(--pkt-color-text-placeholder);opacity:1}.pkt-combobox__wrapper .pkt-combobox__input input:focus,.pkt-combobox__wrapper .pkt-combobox__input input:active{outline:none}.pkt-combobox__wrapper .pkt-combobox__input .pkt-tag{margin:0}.pkt-combobox__wrapper .pkt-combobox__tag-list{display:contents;list-style:none;margin:0;padding:0}.pkt-combobox__wrapper .pkt-combobox__tag-list li{display:contents}.pkt-combobox__wrapper .pkt-combobox__arrow-icon{position:absolute;right:.25rem;min-width:1.125rem;min-height:1.125rem;padding:.5rem;transform:rotate(0deg);transition:transform .3s ease;pointer-events:none}.pkt-combobox__wrapper .pkt-combobox__arrow-icon svg{width:1.5rem;height:1.5rem;transition:transform .1s ease-in-out}.pkt-combobox__wrapper .pkt-combobox__arrow-icon--open{transform:rotate(180deg);transition:transform .3s ease}.pkt-combobox__wrapper .pkt-combobox__tags-outside{display:flex;flex-wrap:wrap;gap:.375rem}.pkt-combobox__wrapper .pkt-combobox__tags-outside .pkt-tag{margin:0}.pkt-combobox__wrapper .pkt-combobox__tags-outside .pkt-combobox__tag-list{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:0;padding:0}.pkt-combobox__wrapper .pkt-combobox__tags-outside .pkt-combobox__tag-list li{display:contents}.pkt-combobox__wrapper .pkt-combobox__placeholder{color:var(--pkt-color-text-placeholder);opacity:1;padding-inline-start:.5rem}.pkt-combobox__wrapper .pkt-listbox__open{margin-block-start:.5rem}.pkt-inputwrapper:not([data-navtype=pointer]) .pkt-combobox__input:focus-within{outline:4px solid var(--pkt-color-border-states-focus)}.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search),.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search){padding:.5rem 1rem;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__empty,.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__banner,.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner{padding:.5rem 1rem;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__search input,.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input{padding:.5rem .75rem;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search){padding:.375rem .75rem;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner{padding:.375rem .75rem;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner-icon,.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search-icon .pkt-icon{width:1.125rem;height:1.125rem}.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input{padding:.375rem .5rem;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}
+pkt-combobox,.pkt-combobox-component{display:block;max-width:31rem;width:100%}pkt-combobox[fullwidth],pkt-combobox--fullwidth,.pkt-combobox-component[fullwidth],.pkt-combobox-component--fullwidth{max-width:100%}.pkt-combobox__wrapper{position:relative;width:100%}.pkt-combobox__wrapper .pkt-combobox{position:relative;display:flex;flex-direction:column;width:100%}.pkt-combobox__wrapper .pkt-combobox__arrow.pkt-btn{position:absolute;right:.25rem;height:100%;min-width:1.125rem;min-height:1.125rem;padding:.5rem}.pkt-combobox__wrapper .pkt-combobox__arrow.pkt-btn svg{width:1.5rem;height:1.5rem}.pkt-combobox__wrapper .pkt-combobox__arrow.pkt-btn:hover:not([data-disabled]){background-color:inherit;border-color:rgba(0,0,0,0)}.pkt-combobox__wrapper .pkt-combobox__value{padding-inline-start:.5rem}.pkt-combobox__wrapper .pkt-combobox__input{display:flex;align-items:center;position:relative;margin:0;padding:.5rem 2rem .5rem .5rem;background-color:var(--pkt-color-input-background-normal);border:2px solid var(--pkt-color-input-border-normal);color:var(--pkt-color-input-text-normal);min-height:3rem;gap:.375rem;flex-wrap:wrap;letter-spacing:-0.2px;font-weight:300;font-size:1.125rem;line-height:1.75rem;line-height:1.25}.pkt-combobox__wrapper .pkt-combobox__input-div{display:contents}.pkt-combobox__wrapper .pkt-combobox__input--fullwidth{width:100%}.pkt-combobox__wrapper .pkt-combobox__input--small{min-height:2.625rem;padding:.375rem 2.5rem .375rem .375rem;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-combobox__wrapper .pkt-combobox__input--small .pkt-combobox__arrow-icon svg{width:1.25rem;height:1.25rem}.pkt-combobox__wrapper .pkt-combobox__input--xsmall{min-height:2.25rem;padding:.25rem 2.25rem .25rem .25rem;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-combobox__wrapper .pkt-combobox__input--xsmall .pkt-combobox__arrow-icon{padding:.25rem .5rem}.pkt-combobox__wrapper .pkt-combobox__input--xsmall .pkt-combobox__arrow-icon svg{width:1.125rem;height:1.125rem}.pkt-combobox__wrapper .pkt-combobox__input:hover:not(.pkt-combobox__wrapper .pkt-combobox__input--disabled):not(.pkt-combobox__wrapper .pkt-combobox__input--error){border-color:var(--pkt-color-input-border-hover)}.pkt-combobox__wrapper .pkt-combobox__input:hover:not(.pkt-combobox__wrapper .pkt-combobox__input--disabled):not(.pkt-combobox__wrapper .pkt-combobox__input--error)>.pkt-combobox__value{color:var(--pkt-color-input-text-hover)}.pkt-combobox__wrapper .pkt-combobox__input:hover:not(.pkt-combobox__wrapper .pkt-combobox__input--disabled):not(.pkt-combobox__wrapper .pkt-combobox__input--error) .pkt-combobox__arrow-icon{--fg-color: var(--pkt-color-brand-warm-blue-1000)}.pkt-combobox__wrapper .pkt-combobox__input:hover:not(.pkt-combobox__wrapper .pkt-combobox__input--disabled):not(.pkt-combobox__wrapper .pkt-combobox__input--error) .pkt-combobox__arrow-icon:not(.pkt-combobox__arrow-icon--open) svg{transform:translateY(0.25rem)}.pkt-combobox__wrapper .pkt-combobox__input--error,.pkt-combobox__wrapper .pkt-combobox__input--error:hover,.pkt-combobox__wrapper .pkt-combobox__input--error:focus,.pkt-combobox__wrapper .pkt-combobox__input--error:focus-within{border-color:var(--pkt-color-brand-red-1000)}.pkt-combobox__wrapper .pkt-combobox__input:focus,.pkt-combobox__wrapper .pkt-combobox__input:focus-within,.pkt-combobox__wrapper .pkt-combobox__input:focus-visible,.pkt-combobox__wrapper .pkt-combobox__input--open{border-color:var(--pkt-color-input-border-active);outline:2px solid var(--pkt-color-input-border-active)}.pkt-combobox__wrapper .pkt-combobox__input--disabled,.pkt-combobox__wrapper .pkt-combobox__input--disabled:hover,.pkt-combobox__wrapper .pkt-combobox__input--disabled:focus,.pkt-combobox__wrapper .pkt-combobox__input--disabled:focus-within{background-color:var(--pkt-color-surface-default-gray);border-color:var(--pkt-color-border-states-disabled);color:var(--pkt-color-text-action-disabled);cursor:inherit}.pkt-combobox__wrapper .pkt-combobox__input input{border:none;font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;background:rgba(0,0,0,0);letter-spacing:inherit;line-height:1.4rem;padding:0 0 0 .5rem;margin:0;flex:1;min-width:3rem}.pkt-combobox__wrapper .pkt-combobox__input input::placeholder{color:var(--pkt-color-text-placeholder);opacity:1}.pkt-combobox__wrapper .pkt-combobox__input input:focus,.pkt-combobox__wrapper .pkt-combobox__input input:active{outline:none}.pkt-combobox__wrapper .pkt-combobox__input .pkt-tag{margin:0}.pkt-combobox__wrapper .pkt-combobox__tag-list{display:contents;list-style:none;margin:0;padding:0}.pkt-combobox__wrapper .pkt-combobox__tag-list li{display:contents}.pkt-combobox__wrapper .pkt-combobox__arrow-icon{position:absolute;right:.25rem;min-width:1.125rem;min-height:1.125rem;padding:.5rem;transform:rotate(0deg);transition:transform .3s ease;pointer-events:none}.pkt-combobox__wrapper .pkt-combobox__arrow-icon svg{width:1.5rem;height:1.5rem;transition:transform .1s ease-in-out}.pkt-combobox__wrapper .pkt-combobox__arrow-icon--open{transform:rotate(180deg);transition:transform .3s ease}.pkt-combobox__wrapper .pkt-combobox__tags-outside{display:flex;flex-wrap:wrap;gap:.375rem}.pkt-combobox__wrapper .pkt-combobox__tags-outside .pkt-tag{margin:0}.pkt-combobox__wrapper .pkt-combobox__tags-outside .pkt-combobox__tag-list{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:0;padding:0}.pkt-combobox__wrapper .pkt-combobox__tags-outside .pkt-combobox__tag-list li{display:contents}.pkt-combobox__wrapper .pkt-combobox__placeholder{color:var(--pkt-color-text-placeholder);opacity:1;padding-inline-start:.5rem}.pkt-combobox__wrapper .pkt-listbox__open{margin-block-start:.5rem}.pkt-combobox__wrapper.pkt-inputwrapper:not([data-navtype=pointer]) .pkt-combobox__input:focus-within{outline:4px solid var(--pkt-color-border-states-focus)}.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search),.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search){padding:.5rem 1rem;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__empty,.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__banner,.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner{padding:.5rem 1rem;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-combobox__wrapper.pkt-inputwrapper--small .pkt-listbox .pkt-listbox__search input,.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input{padding:.5rem .75rem;letter-spacing:-0.2px;font-weight:300;font-size:1rem;line-height:1.5rem}.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__option:not(.pkt-listbox__search){padding:.375rem .75rem;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__empty,.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner{padding:.375rem .75rem;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__banner-icon,.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search-icon .pkt-icon{width:1.125rem;height:1.125rem}.pkt-combobox__wrapper.pkt-inputwrapper--xsmall .pkt-listbox .pkt-listbox__search input{padding:.375rem .5rem;letter-spacing:-0.2px;font-weight:300;font-size:.875rem;line-height:1.375rem}

package/dist/css/pkt-base.css

@@ -314,6 +314,10 @@ body {
   scroll-behavior: smooth;
 }
 
+.pkt-contents {
+  display: contents;
+}
+
 /* 
  * Typografi
  * 
@@ -346,109 +350,6 @@ strong {
   font-weight: 500;
 }
 
-a,
-.pkt-link-button {
-  color: var(--pkt-color-text-action-normal);
-  text-decoration: underline;
-  word-wrap: break-word;
-  cursor: pointer;
-}
-a span,
-.pkt-link-button span {
-  color: inherit;
-  text-decoration: inherit;
-}
-a:visited:not(.pkt-linkcard, .pkt-btn, .pkt-tabs__link):not(:hover),
-.pkt-link-button:visited:not(.pkt-linkcard, .pkt-btn, .pkt-tabs__link):not(:hover) {
-  color: inherit;
-}
-a:hover, a.pkt-link--hover,
-.pkt-link-button:hover,
-.pkt-link-button.pkt-link--hover {
-  color: var(--pkt-color-text-action-active);
-  text-decoration: underline;
-}
-a:hover svg, a.pkt-link--hover svg,
-.pkt-link-button:hover svg,
-.pkt-link-button.pkt-link--hover svg {
-  --fg-color: currentColor;
-}
-a:focus-visible, a.pkt-link--focus,
-.pkt-link-button:focus-visible,
-.pkt-link-button.pkt-link--focus {
-  box-shadow: 0px 0px 0px 0.125rem var(--pkt-color-text-action-active), 0px 0px 0px 0.375rem var(--pkt-color-border-states-focus);
-  outline: none;
-  color: var(--pkt-color-text-action-active);
-}
-a:focus:not(:focus-visible),
-.pkt-link-button:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline: 0.125rem solid var(--pkt-color-text-action-active);
-  color: var(--pkt-color-text-action-active);
-}
-a:active, a.pkt-link--active,
-.pkt-link-button:active,
-.pkt-link-button.pkt-link--active {
-  color: var(--pkt-color-text-action-active);
-}
-
-.pkt-link {
-  display: inline;
-  text-align: left;
-  align-items: baseline;
-}
-
-.pkt-link__icon {
-  --fg-color: currentColor;
-  width: 1.5rem;
-  height: 1.5rem;
-  flex-shrink: 0;
-  margin-inline: 0.25rem;
-  align-self: center;
-}
-.pkt-link--icon-left, .pkt-link--icon-right {
-  display: inline-flex;
-  text-decoration: none;
-  align-items: baseline;
-}
-.pkt-link--icon-left {
-  flex-direction: row;
-}
-.pkt-link--icon-right {
-  flex-direction: row-reverse;
-}
-.pkt-link--external::after {
-  display: inline-block;
-  content: " ";
-  --svg: url(https://punkt-cdn.oslo.kommune.no/17.0/icons/new-window-small.svg);
-  background-image: var(--svg);
-  background-repeat: no-repeat;
-  background-size: 18px 18px;
-  width: 1.125rem;
-  height: 1.125rem;
-  vertical-align: middle;
-  align-self: center;
-}
-.pkt-link--external:hover::after {
-  filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%);
-}
-
-button.pkt-link {
-  background: none;
-  border: none;
-  padding: 0;
-  font-family: inherit;
-  cursor: pointer;
-  font-weight: inherit;
-}
-
-[data-mode=dark] .pkt-link--external::after {
-  filter: brightness(0) saturate(100%) invert(100%);
-}
-[data-mode=dark] .pkt-link--external:hover::after, [data-mode=dark] .pkt-link:hover:not(.pkt-btn) pkt-icon, [data-mode=dark] .pkt-link:hover:not(.pkt-btn) .pkt-icon {
-  filter: brightness(0) saturate(100%) invert(80%) sepia(54%) saturate(502%) hue-rotate(173deg) brightness(109%) contrast(105%);
-}
-
 /*
  * origo typography
  * prefix pkt
@@ -2901,11 +2802,109 @@ button.pkt-link {
 }
 
 /*
- * Display contents and disregard layout
+ * Link
  */
-.pkt-display-contents,
-.pkt-contents {
-  display: contents;
+a,
+.pkt-link-button {
+  color: var(--pkt-color-text-action-normal);
+  text-decoration: underline;
+  word-wrap: break-word;
+  cursor: pointer;
+}
+a span,
+.pkt-link-button span {
+  color: inherit;
+  text-decoration: inherit;
+}
+a:visited:not(.pkt-linkcard, .pkt-btn, .pkt-tabs__link):not(:hover),
+.pkt-link-button:visited:not(.pkt-linkcard, .pkt-btn, .pkt-tabs__link):not(:hover) {
+  color: inherit;
+}
+a:hover, a.pkt-link--hover,
+.pkt-link-button:hover,
+.pkt-link-button.pkt-link--hover {
+  color: var(--pkt-color-text-action-active);
+  text-decoration: underline;
+}
+a:hover svg, a.pkt-link--hover svg,
+.pkt-link-button:hover svg,
+.pkt-link-button.pkt-link--hover svg {
+  --fg-color: currentColor;
+}
+a:focus-visible, a.pkt-link--focus,
+.pkt-link-button:focus-visible,
+.pkt-link-button.pkt-link--focus {
+  box-shadow: 0px 0px 0px 0.125rem var(--pkt-color-text-action-active), 0px 0px 0px 0.375rem var(--pkt-color-border-states-focus);
+  outline: none;
+  color: var(--pkt-color-text-action-active);
+}
+a:focus:not(:focus-visible),
+.pkt-link-button:focus:not(:focus-visible) {
+  box-shadow: none;
+  outline: 0.125rem solid var(--pkt-color-text-action-active);
+  color: var(--pkt-color-text-action-active);
+}
+a:active, a.pkt-link--active,
+.pkt-link-button:active,
+.pkt-link-button.pkt-link--active {
+  color: var(--pkt-color-text-action-active);
+}
+
+.pkt-link {
+  display: inline;
+  text-align: left;
+  align-items: baseline;
+}
+
+.pkt-link__icon {
+  --fg-color: currentColor;
+  width: 1.5rem;
+  height: 1.5rem;
+  flex-shrink: 0;
+  margin-inline: 0.25rem;
+  align-self: center;
+}
+.pkt-link--icon-left, .pkt-link--icon-right {
+  display: inline-flex;
+  text-decoration: none;
+  align-items: baseline;
+}
+.pkt-link--icon-left {
+  flex-direction: row;
+}
+.pkt-link--icon-right {
+  flex-direction: row-reverse;
+}
+.pkt-link--external::after {
+  display: inline-block;
+  content: " ";
+  --svg: url(https://punkt-cdn.oslo.kommune.no/17.0/icons/new-window-small.svg);
+  background-image: var(--svg);
+  background-repeat: no-repeat;
+  background-size: 18px 18px;
+  width: 1.125rem;
+  height: 1.125rem;
+  vertical-align: middle;
+  align-self: center;
+}
+.pkt-link--external:hover::after {
+  filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%);
+}
+
+button.pkt-link {
+  background: none;
+  border: none;
+  padding: 0;
+  font-family: inherit;
+  cursor: pointer;
+  font-weight: inherit;
+}
+
+[data-mode=dark] .pkt-link--external::after {
+  filter: brightness(0) saturate(100%) invert(100%);
+}
+[data-mode=dark] .pkt-link--external:hover::after, [data-mode=dark] .pkt-link:hover:not(.pkt-btn) pkt-icon, [data-mode=dark] .pkt-link:hover:not(.pkt-btn) .pkt-icon {
+  filter: brightness(0) saturate(100%) invert(80%) sepia(54%) saturate(502%) hue-rotate(173deg) brightness(109%) contrast(105%);
 }
 
 /*