1mpacto-react-ui 2.0.20 → 2.0.22

package/dist/assets/_mixins.scss

@@ -1,73 +1,73 @@
-@use 'sass:map';
-@use 'sass:list';
-
-@mixin ring($width: 1px, $color: 'transparent', $inset: 0, $important: 0) {
-    $ring-style: 0 0 0 $width $color;
-    $shadow: if($inset==1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important==1, $shadow !important, $shadow);
-}
-
-@mixin ring-left($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
-    $ring-style: (-$width) 0 0 $color;
-    $shadow: if($inset==1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important==1, $shadow !important, $shadow);
-}
-
-@mixin ring-top($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
-    $ring-style: 0 (-$width) 0 $color;
-    $shadow: if($inset==1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important==1, $shadow !important, $shadow);
-}
-
-@mixin ring-right($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
-    $ring-style: $width 0 0 $color;
-    $shadow: if($inset==1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important==1, $shadow !important, $shadow);
-}
-
-@mixin ring-bottom($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
-    $ring-style: 0 $width 0 $color;
-    $shadow: if($inset==1, inset $ring-style, $ring-style);
-
-    box-shadow: if($important==1, $shadow !important, $shadow);
-}
-
-@function getColor($color-map, $color) {
-    @if map.has-key($color-map, $color) {
-        @return map.get($color-map, $color);
-    }
-
-    @return $color;
-}
-
-@mixin getTypography($typo-map, $name, $important: false) {
-    @if map.has-key($typo-map, $name) {
-        & {
-            $values: map.get($typo-map, $name);
-            $font-size: list.nth($values, 1);
-            $props: list.nth($values, 2);
-            $line-height: map.get($props, 'line-height');
-            $font-weight: map.get($props, 'font-weight');
-
-            @if $important {
-                font-size: $font-size !important;
-                line-height: $line-height !important;
-                font-weight: $font-weight !important;
-            }
-
-            @else {
-                font-size: $font-size;
-                line-height: $line-height;
-                font-weight: $font-weight;
-            }
-        }
-    }
-
-    @else {
-        @warn 'Typography "#{$name}" not found in the typography map.';
-    }
+@use 'sass:map';
+@use 'sass:list';
+
+@mixin ring($width: 1px, $color: 'transparent', $inset: 0, $important: 0) {
+    $ring-style: 0 0 0 $width $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-left($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: (-$width) 0 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-top($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: 0 (-$width) 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-right($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: $width 0 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@mixin ring-bottom($width: 1px, $color: 'currentColor', $inset: 0, $important: 0) {
+    $ring-style: 0 $width 0 $color;
+    $shadow: if($inset==1, inset $ring-style, $ring-style);
+
+    box-shadow: if($important==1, $shadow !important, $shadow);
+}
+
+@function getColor($color-map, $color) {
+    @if map.has-key($color-map, $color) {
+        @return map.get($color-map, $color);
+    }
+
+    @return $color;
+}
+
+@mixin getTypography($typo-map, $name, $important: false) {
+    @if map.has-key($typo-map, $name) {
+        & {
+            $values: map.get($typo-map, $name);
+            $font-size: list.nth($values, 1);
+            $props: list.nth($values, 2);
+            $line-height: map.get($props, 'line-height');
+            $font-weight: map.get($props, 'font-weight');
+
+            @if $important {
+                font-size: $font-size !important;
+                line-height: $line-height !important;
+                font-weight: $font-weight !important;
+            }
+
+            @else {
+                font-size: $font-size;
+                line-height: $line-height;
+                font-weight: $font-weight;
+            }
+        }
+    }
+
+    @else {
+        @warn 'Typography "#{$name}" not found in the typography map.';
+    }
 }

package/dist/assets/icons/arrow-narrow-down.svg

@@ -1,3 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.6673 11.3333L8.00065 14M8.00065 14L5.33398 11.3333M8.00065 14V2" stroke="#CFD8DC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6673 11.3333L8.00065 14M8.00065 14L5.33398 11.3333M8.00065 14V2" stroke="#CFD8DC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>