@oslokommune/punkt-css 16.10.0 → 16.11.1

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.10/icons' !default;
+$icon-path: 'https://punkt-cdn.oslo.kommune.no/16.11/icons' !default;
 
 // Borders
 $border-width: (

package/dist/scss/base/_typography.scss

@@ -136,7 +136,7 @@ a,
   }
 
   &--external:hover::after,
-  &:hover pkt-icon {
+  &:hover:not(.pkt-btn) pkt-icon {
     // #1f42aa
     filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%)
       contrast(90%);

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 0.25rem;
+    }
+
+    .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/dist/scss/elements/_button.scss

@@ -403,8 +403,12 @@ pkt-button[isLoading] {
   }
 
   &__icon {
-    --fg-color: currentColor;
     display: none;
+  }
+
+  &__icon,
+  & .pkt-icon {
+    --fg-color: currentColor;
     flex-shrink: 0;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-css",
-  "version": "16.10.0",
+  "version": "16.11.1",
   "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": "7d339c3bc11d0da4291536496aebb6761dd519cb"
+  "gitHead": "c0da9ee95130ddfec70981101500f84217b031d6"
 }