@oslokommune/punkt-css 11.12.8 → 11.13.1

package/dist/css/pkt.css

@@ -13544,7 +13544,7 @@ a:active, a.pkt-link--active,
 }
 
 .pkt-link {
-  display: inline-flex;
+  display: inline;
   text-align: left;
   align-items: center;
 }
@@ -13556,16 +13556,19 @@ a:active, a.pkt-link--active,
   margin-right: 0.5rem;
 }
 .pkt-link--icon-left {
+  display: inline-flex;
   flex-direction: row;
   text-decoration: none;
 }
 .pkt-link--icon-right {
+  display: inline-flex;
   flex-direction: row-reverse;
   text-decoration: none;
 }
 .pkt-link--external::after {
+  display: inline-block;
   content: " ";
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.12/icons/new-window-small.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.13/icons/new-window-small.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-size: 18px 18px;
@@ -17431,7 +17434,7 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
   outline-color: var(--pkt-color-input-border-hover);
 }
 .pkt-input-check__input-checkbox:checked[type=checkbox] {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.12/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.13/icons/check-medium.svg);
   position: relative;
   background-color: var(--pkt-color-input-border-normal);
 }
@@ -17491,7 +17494,7 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
   cursor: not-allowed;
 }
 .pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.12/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.13/icons/check-medium.svg);
   --pkt-color-input-check-border: var(
     --pkt-color-input-border-normal
   );
@@ -17734,7 +17737,7 @@ Therefore, this is removed from the reset here, and images who need to be fluid
 }
 .pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
 .pkt-select:is(select):not([multiple]) {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.12/icons/chevron-thin-down.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.13/icons/chevron-thin-down.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-position: right 0.7rem top 50%;
@@ -18254,10 +18257,12 @@ Therefore, this is removed from the reset here, and images who need to be fluid
 .pkt-table__header-cell,
 .pkt-table th {
   padding: 1rem;
+  border-bottom: none;
 }
 .pkt-table__data-cell,
 .pkt-table td {
   padding: 1rem;
+  border-bottom: none;
 }
 
 .pkt-table__cell-wrapper {
@@ -18283,16 +18288,6 @@ Therefore, this is removed from the reset here, and images who need to be fluid
   border-bottom: 2px solid var(--pkt-color-surface-strong-gray);
 }
 
-/**
- * Skin: zebra-grey
- */
-.pkt-table.pkt-table--zebra-grey .pkt-table__body .pkt-table__row:nth-child(odd),
-.pkt-table.pkt-table--zebra-grey .pkt-table__body tr:nth-child(odd),
-.pkt-table.pkt-table--zebra-grey tbody .pkt-table__row:nth-child(odd),
-.pkt-table.pkt-table--zebra-grey tbody tr:nth-child(odd) {
-  background: var(--pkt-color-surface-default-gray);
-}
-
 /**
  * Skin: zebra blue
  */
@@ -18339,10 +18334,6 @@ Therefore, this is removed from the reset here, and images who need to be fluid
     padding: 0.5rem 0.5rem;
     gap: 0.5rem;
   }
-  .pkt-table.pkt-table--responsive .pkt-table__zebra-grey .pkt-table__row:nth-child(odd),
-  .pkt-table.pkt-table--responsive .pkt-table__zebra-grey tr:nth-child(odd) {
-    background: var(--pkt-color-surface-subtle-pale-gray);
-  }
   .pkt-table.pkt-table--responsive .pkt-table__zebra-blue .pkt-table__row:nth-child(odd),
   .pkt-table.pkt-table--responsive .pkt-table__zebra-blue tr:nth-child(odd) {
     background: var(--pkt-color-surface-subtle-pale-blue);
@@ -20030,11 +20021,17 @@ pkt-el-icon--large {
     line-height: 2.25rem;
   }
 }
+.pkt-linkcard__title.pkt-link--external {
+  display: inline-flex;
+}
 .pkt-linkcard__title.pkt-link--external::after {
-  height: 1.5rem;
+  height: 2.25rem;
   width: 1.5rem;
   background-size: 1.5rem 1.5rem;
+  background-position: center;
   margin-left: 0.5rem;
+  flex: 1 0 auto;
+  align-self: flex-start;
 }
 .pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon,
 .pkt-linkcard.pkt-link pkt-icon.pkt-link__icon {
@@ -20066,6 +20063,13 @@ pkt-el-icon--large {
 .pkt-linkcard--blue:hover, .pkt-linkcard--blue:focus, .pkt-linkcard--blue:focus-visible, .pkt-linkcard--blue:active {
   color: var(--pkt-color-brand-warm-blue-1000) !important;
 }
+.pkt-linkcard--green {
+  background-color: var(--pkt-color-surface-strong-light-green);
+  color: var(--pkt-color-text-body-dark) !important;
+}
+.pkt-linkcard--green:hover, .pkt-linkcard--green:focus, .pkt-linkcard--green:focus-visible, .pkt-linkcard--green:active {
+  color: var(--pkt-color-brand-warm-blue-1000) !important;
+}
 .pkt-linkcard--grey-outline {
   border: 4px solid var(--pkt-color-border-subtle);
 }