@swisspost/design-system-styles 6.6.4 → 7.1.0

package/functions/_forms.scss

@@ -0,0 +1,22 @@
+// Source: https://kovart.github.io/dashed-border-generator/ + added stroke-vector-effect
+@function get-background-svg-stroke(
+  $type,
+  $color,
+  $stroke-dasharray,
+  $stroke-pathlength,
+  $stroke-width
+) {
+  $svg-additional-attributes: '';
+  $stroke-pathlength-attribute: '';
+
+  @if ($type == 'circle') {
+    $svg-additional-attributes: "rx='100' ry='100'";
+  }
+  @if ($stroke-pathlength != 'initial') {
+    $stroke-pathlength-attribute: " pathLength='" + $stroke-pathlength + "'";
+  }
+  @return "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' " +
+    $svg-additional-attributes + " fill='none' stroke='" + $color + "' stroke-width='" +
+    $stroke-width "' stroke-dasharray='" + $stroke-dasharray + "'" + $stroke-pathlength-attribute +
+    ' /%3e%3c/svg%3e';
+}

package/functions/_list.scss

@@ -1,11 +1,12 @@
 @use 'sass:list';
 @use 'sass:math';
+@use 'sass:meta';
 @use 'sass:string';
 
 @function remove-nth($list, $index) {
   $result: null;
 
-  @if type-of($index) != number {
+  @if meta.type-of($index) != number {
     @warn '$index: #{string.quote($index)} is not a number for `remove-nth`.';
   } @else if $index == 0 {
     @warn 'List index 0 must be a non-zero integer for `remove-nth`.';

package/functions/_sizing.scss

@@ -73,7 +73,7 @@
     $box-shadow: list-fn.remove-nth($box-shadow, 1);
   }
 
-  @if (utilities.starts-with-any(nth($box-shadow, -1), 'hsl', 'rgb', '#')) {
+  @if (utilities.starts-with-any(list.nth($box-shadow, -1), 'hsl', 'rgb', '#')) {
     $box-shadow: list-fn.remove-nth($box-shadow, -1);
   }
 
@@ -97,7 +97,7 @@
     $box-shadow-size: $box-shadow-size + list.nth($box-shadow, 4);
   }
 
-  @if (unit($box-shadow-size) == 'px') {
+  @if (math.unit($box-shadow-size) == 'px') {
     $box-shadow-size: math.ceil($box-shadow-size);
   }
 

package/functions/_utilities.scss

@@ -17,7 +17,7 @@
     $found-index: -2;
   }
 
-  @if (map-has-key($map, $key1)) {
+  @if (map.has-key($map, $key1)) {
     $found-index: list.index(map.keys($map), $key1);
 
     @if ($key2) {
@@ -36,12 +36,12 @@
     $sum-of-arguments: $sum-of-arguments + $value;
   }
 
-  @return math.div($sum-of-arguments, length($argList));
+  @return math.div($sum-of-arguments, list.length($argList));
 }
 
 @function starts-with-any($value, $comparable...) {
   @each $c in $comparable {
-    @if (str-index('#{$value}', $c) == 1) {
+    @if (string.index('#{$value}', $c) == 1) {
       @return true;
     }
   }