@swisspost/design-system-styles 6.4.1 → 6.4.3

package/functions/_list.scss

@@ -1,19 +1,23 @@
+@use 'sass:list';
+@use 'sass:math';
+@use 'sass:string';
+
 @function remove-nth($list, $index) {
   $result: null;
 
   @if type-of($index) != number {
-    @warn '$index: #{quote($index)} is not a number for `remove-nth`.';
+    @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`.';
-  } @else if abs($index) > length($list) {
-    @warn 'List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.';
+  } @else if math.abs($index) > list.length($list) {
+    @warn 'List index is #{$index} but list is only #{list.length($list)} item long for `remove-nth`.';
   } @else {
     $result: ();
-    $index: if($index < 0, length($list) + $index + 1, $index);
+    $index: if($index < 0, list.length($list) + $index + 1, $index);
 
-    @for $i from 1 through length($list) {
+    @for $i from 1 through list.length($list) {
       @if $i != $index {
-        $result: append($result, nth($list, $i));
+        $result: list.append($result, list.nth($list, $i));
       }
     }
   }

package/functions/_sizing.scss

@@ -1,7 +1,8 @@
 @use 'sass:math';
+@use 'sass:list';
 
 @use './utilities';
-@use './list';
+@use './list' as list-fn;
 
 @function strip-unit($value) {
   @return math.div($value, $value * 0 + 1);
@@ -59,7 +60,7 @@
 }
 
 @function calculate-single-box-shadow-size($box-shadow) {
-  $len: length($box-shadow);
+  $len: list.length($box-shadow);
   $multiplier: 1;
   $box-shadow-size: 0;
 
@@ -67,37 +68,37 @@
     @error "The function 'calculate-single-box-shadow-size($box-shadow)' is not for calculating the combined size of multiple box-shadows. Failed value: '#{$box-shadow}'.";
   }
 
-  @if (nth($box-shadow, 1) == 'inset') {
+  @if (list.nth($box-shadow, 1) == 'inset') {
     $multiplier: -1;
-    $box-shadow: list.remove-nth($box-shadow, 1);
+    $box-shadow: list-fn.remove-nth($box-shadow, 1);
   }
 
   @if (utilities.starts-with-any(nth($box-shadow, -1), 'hsl', 'rgb', '#')) {
-    $box-shadow: list.remove-nth($box-shadow, -1);
+    $box-shadow: list-fn.remove-nth($box-shadow, -1);
   }
 
-  $len: length($box-shadow);
+  $len: list.length($box-shadow);
 
   @if ($len > 4) {
     @error "The function 'calculate-single-box-shadow-size($box-shadow)' is not for calculating the combined size of multiple box-shadows. Failed value: '#{$box-shadow}'.";
   }
 
-  @if (abs(nth($box-shadow, 1)) >= abs(nth($box-shadow, 2))) {
-    $box-shadow-size: $box-shadow-size + abs(nth($box-shadow, 1));
+  @if (math.abs(list.nth($box-shadow, 1)) >= math.abs(list.nth($box-shadow, 2))) {
+    $box-shadow-size: $box-shadow-size + math.abs(list.nth($box-shadow, 1));
   } @else {
-    $box-shadow-size: $box-shadow-size + abs(nth($box-shadow, 2));
+    $box-shadow-size: $box-shadow-size + math.abs(list.nth($box-shadow, 2));
   }
 
   @if ($len >= 3) {
-    $box-shadow-size: $box-shadow-size + (abs(nth($box-shadow, 3)) * 0.7);
+    $box-shadow-size: $box-shadow-size + (math.abs(list.nth($box-shadow, 3)) * 0.7);
   }
 
   @if ($len == 4) {
-    $box-shadow-size: $box-shadow-size + nth($box-shadow, 4);
+    $box-shadow-size: $box-shadow-size + list.nth($box-shadow, 4);
   }
 
   @if (unit($box-shadow-size) == 'px') {
-    $box-shadow-size: ceil($box-shadow-size);
+    $box-shadow-size: math.ceil($box-shadow-size);
   }
 
   @return $box-shadow-size;

package/functions/_utilities.scss

@@ -1,4 +1,5 @@
 @use 'sass:math';
+@use 'sass:list';
 
 @use 'sass:string';
 @use 'sass:map';
@@ -17,11 +18,11 @@
   }
 
   @if (map-has-key($map, $key1)) {
-    $found-index: index(map.keys($map), $key1);
+    $found-index: list.index(map.keys($map), $key1);
 
     @if ($key2) {
       $map: map.get($map, $key1);
-      $found-index: index($map, $key2);
+      $found-index: list.index($map, $key2);
     }
   }