@oslokommune/punkt-css 16.9.1 → 16.11.0

package/dist/scss/abstracts/variables/_index.scss

@@ -6,7 +6,7 @@
 @forward 'spacing';
 
 // Default icon path
-$icon-path: 'https://punkt-cdn.oslo.kommune.no/16.9/icons' !default;
+$icon-path: 'https://punkt-cdn.oslo.kommune.no/16.11/icons' !default;
 
 // Borders
 $border-width: (

package/dist/scss/components/_modal.scss

@@ -254,6 +254,9 @@ body.pkt-modal--open {
 .pkt-modal--large {
   width: 640px;
 }
+.pkt-modal--fit-content {
+  width: fit-content;
+}
 
 .pkt-modal__btn-wrapper {
   padding-top: map.get(variables.$spacing, 'size-24');

package/dist/scss/components/_tabs.scss

@@ -8,10 +8,10 @@ pkt-tab-item {
 }
 
 .pkt-tabs {
-  --pkt-tabs-bg: var(--pkt-color-background-default);
   background-color: var(--pkt-tabs-bg);
   position: relative;
   border-bottom: 1px solid var(--pkt-color-border-gray);
+
   &__list {
     position: relative;
     width: auto;
@@ -104,6 +104,45 @@ pkt-tab-item {
     }
   }
 
+  &--with-separator {
+    .pkt-tabs__list {
+      padding-right: 0.25rem;
+      align-items: center;
+    }
+
+    .pkt-tabs__button,
+    .pkt-tabs__link {
+      position: relative;
+      overflow: visible;
+    }
+
+    .pkt-tabs__separator {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      align-self: center;
+
+      pointer-events: none;
+      user-select: none;
+      margin: 0 0.375rem;
+    }
+
+    .pkt-tabs__separator img {
+      width: 1rem;
+      height: 1rem;
+      display: block;
+    }
+
+    .pkt-tabs__separator-icon {
+      font-size: 1.125rem;
+      --fg-color: currentColor;
+    }
+  }
+
+  &__status-icon {
+    font-size: 1.125rem;
+  }
+
   &:after {
     content: '';
     display: block;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-css",
-  "version": "16.9.1",
+  "version": "16.11.0",
   "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": "88ccfdd5b0afd0db0c4f18e93b772b578f3fd9d7"
+  "gitHead": "17f81f8bf2c3716c741327d6b4bcc2347994278e"
 }