@oslokommune/punkt-css 13.15.7 → 13.15.8

package/dist/scss/elements/_table.scss

@@ -110,54 +110,65 @@ $-spacing-size-16: map.get(variables.$spacing, 'size-16');
 
 @media screen and (max-width: map.get(variables.$breakpoints, 'tablet')) {
   .pkt-table.pkt-table--responsive {
-    .pkt-table {
-      &__header {
-        border-bottom: none;
-        height: 0;
+    &__label-padding {
+      .pkt-table__data-cell,
+      td {
+        &::before {
+          padding-top: 1rem;
+        }
       }
+    }
+    .pkt-table__header,
+    thead {
+      border-bottom: none;
+      height: 0;
+    }
 
-      &__row,
-      tr {
-        display: grid;
-        grid-template-columns: max-content 1fr;
-        gap: $-spacing-size-16;
-        padding: $-spacing-size-16 $-spacing-size-16;
-
-        .pkt-table__header-cell,
-        th {
-          display: none;
-        }
+    .pkt-table__row,
+    tr {
+      display: grid;
+      grid-template-columns: max-content 1fr;
+      gap: $-spacing-size-16;
+      padding: $-spacing-size-16 $-spacing-size-16;
+
+      .pkt-table__header-cell,
+      th {
+        display: none;
       }
+    }
+
+    .pkt-table__cell-wrapper {
+      grid-column: 2/3;
+    }
 
-      &__cell-wrapper {
+    .pkt-table__data-cell,
+    td {
+      padding: $-spacing-size-8 $-spacing-size-16;
+      display: contents;
+
+      :only-child {
         grid-column: 2/3;
       }
 
-      &__data-cell,
-      td {
-        padding: $-spacing-size-8 $-spacing-size-16;
-        display: contents;
-
-        &::before {
-          grid-column: 1/2;
-          content: attr(data-label);
-          font-weight: map.get(variables.$font-weight, 'medium');
-        }
+      &::before {
+        grid-column: 1/2;
+        content: attr(data-label);
+        font-weight: map.get(variables.$font-weight, 'medium');
       }
+    }
 
-      &__compact {
-        .pkt-table__row,
-        tr {
-          padding: $-spacing-size-8 $-spacing-size-8;
-          gap: $-spacing-size-8;
-        }
+    &.pkt-table__compact {
+      .pkt-table__row,
+      tr {
+        padding: $-spacing-size-8 $-spacing-size-8;
+        gap: $-spacing-size-8;
       }
+    }
 
-      &__zebra-blue {
-        .pkt-table__row:nth-child(odd),
-        tr:nth-child(odd) {
-          background: var(--pkt-color-surface-subtle-pale-blue);
-        }
+    &.pkt-table__zebra-blue {
+      .pkt-table__row:nth-child(odd),
+      tr:nth-child(odd) {
+        background: var(--pkt-color-surface-subtle-pale-blue);
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-css",
-  "version": "13.15.7",
+  "version": "13.15.8",
   "description": "CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -55,5 +55,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "7e4095937cbada621b5a18bf8d665715a10d5404"
+  "gitHead": "6ec5ff09aa5e2f57714264dcd4cd77e95c370cce"
 }