@oslokommune/punkt-css 12.12.3 → 12.13.0

package/dist/scss/abstracts/functions/_index.scss

@@ -22,13 +22,7 @@
 // Requires the use of quotes around data URIs.
 
 // Characters which are escaped by the escape-svg function
-$escaped-characters: (
-  ('<', '%3c'),
-  ('>', '%3e'),
-  ('#', '%23'),
-  ('(', '%28'),
-  (')', '%29')
-) !default;
+$escaped-characters: (('<', '%3c'), ('>', '%3e'), ('#', '%23'), ('(', '%28'), (')', '%29')) !default;
 
 // Replace `$search` with `$replace` in `$string`
 // Used on our SVG icon backgrounds for custom forms.
@@ -42,8 +36,8 @@ $escaped-characters: (
   $index: string.index($string, $search);
 
   @if $index {
-    @return str-slice($string, 1, $index - 1) + $replace +
-      str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    @return string.slice($string, 1, $index - 1) + $replace +
+      str-replace(string.slice($string, $index + string.length($search)), $search, $replace);
   }
 
   @return $string;
@@ -54,7 +48,7 @@ $escaped-characters: (
     @each $char, $encoded in $escaped-characters {
       // Do not escape the url brackets
       @if string.index($string, 'url(') == 1 {
-        $string: url('#{str-replace(str-slice($string, 6, -3), $char, $encoded)}');
+        $string: url('#{str-replace(string.slice($string, 6, -3), $char, $encoded)}');
       } @else {
         $string: str-replace($string, $char, $encoded);
       }

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

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

package/dist/scss/components/_linkcard.scss

@@ -87,6 +87,7 @@ $-linkcard-spacing-big: map.get(variables.$spacing, 'size-24');
   }
 
   // Modifiers
+
   &--beige {
     background-color: var(--pkt-color-surface-default-light-beige) !important;
     color: var(--pkt-color-text-body-dark) !important;
@@ -114,9 +115,8 @@ $-linkcard-spacing-big: map.get(variables.$spacing, 'size-24');
       color: var(--pkt-color-brand-warm-blue-1000) !important;
     }
   }
-
-  &--gray,
-  &--grey {
+  &--grey,
+  &--gray {
     background-color: var(--pkt-color-surface-default-gray) !important;
     color: var(--pkt-color-text-body-dark) !important;
 
@@ -147,9 +147,8 @@ $-linkcard-spacing-big: map.get(variables.$spacing, 'size-24');
       color: var(--pkt-color-brand-warm-blue-1000) !important;
     }
   }
-
-  &--gray-outline,
-  &--grey-outline {
+  &--grey-outline,
+  &--gray-outline {
     border: 4px solid var(--pkt-color-border-subtle) !important;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-css",
-  "version": "12.12.3",
+  "version": "12.13.0",
   "description": "CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -54,5 +54,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "0dc3e24d50fb19d8298f7c6912ce7cb815d78cd0"
+  "gitHead": "fafdb670e002cbf94fd34acc45dd066344695816"
 }