@oslokommune/punkt-css 13.3.1 → 13.5.11

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

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

package/dist/scss/components/_calendar.scss

@@ -57,6 +57,7 @@ pkt-calendar {
     td {
       padding: 0;
     }
+    button,
     div {
       aspect-ratio: 1 / 1;
       justify-content: center;

package/dist/scss/components/_combobox.scss

@@ -29,7 +29,7 @@ pkt-combobox {
 
     &__arrow.pkt-btn {
       position: absolute;
-      right: 0;
+      right: 0.25rem;
       height: 100%;
       min-width: 1.125rem;
       min-height: 1.125rem;
@@ -40,8 +40,8 @@ pkt-combobox {
       // legg til liten bevgelse på pilen på hover
       svg {
         transition: transform 0.1s ease-in-out;
-        width: 1.125rem;
-        height: 1.125rem;
+        width: 1.5rem;
+        height: 1.5rem;
       }
 
       &-icon {
@@ -62,19 +62,30 @@ pkt-combobox {
       }
     }
 
+    &__value {
+      padding-left: 0.5rem;
+    }
+
     &__input {
       display: flex;
       align-items: center;
       position: relative;
       margin: 0;
-      padding: 0.375rem 2rem 0.375rem 0.375rem;
+      padding: 0.5rem 2rem 0.5rem 0.5rem;
       border: 2px solid var(--pkt-color-border-default);
-      min-height: 2.75rem;
+      min-height: 3rem;
       gap: 0.375rem;
       flex-wrap: wrap;
       @include typography.get-text('pkt-txt-18-light');
       line-height: 1.25;
 
+      &-div {
+        display: contents;
+        &:first-child input {
+          padding-left: 0.5rem;
+        }
+      }
+
       &--fullwidth {
         width: 100%;
       }
@@ -116,13 +127,13 @@ pkt-combobox {
         color: inherit;
         background: transparent;
         letter-spacing: inherit;
-        line-height: inherit;
+        line-height: 1.4rem;
         padding: 0;
         margin: 0;
         width: 0;
         &:focus,
         &:active {
-          width: auto;
+          width: 100%;
           outline: none;
         }
       }
@@ -142,6 +153,7 @@ pkt-combobox {
     &__placeholder {
       color: var(--pkt-color-text-placeholder);
       opacity: 1;
+      padding-left: 0.5rem;
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-css",
-  "version": "13.3.1",
+  "version": "13.5.11",
   "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": "7b997c2cc58b531ccbf06cce080b0dd8556a46be"
+  "gitHead": "09ba8de9047136b06b520d7208b31a1743bcf1d7"
 }