sempli-website-lib 8.0.0-beta.10 → 8.0.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sempli-website-lib",
-  "version": "8.0.0-beta.10",
+  "version": "8.0.0-beta.11",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0"

package/styles/partials/landing/_general.scss

@@ -2088,7 +2088,7 @@ span.results-table-item-value {
   width: 100%;
   padding: 20px;
   box-sizing: border-box;
-  background-image: url("/assets/swl/interface/sempli_2.0/5-seguridad-y-control.png");
+  background-image: url("/assets/interface/sempli_2.0/5-seguridad-y-control.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
@@ -2102,7 +2102,7 @@ span.results-table-item-value {
   width: 100%;
   padding: 20px;
   box-sizing: border-box;
-  background-image: url("/assets/swl/interface/sempli_2.0/10-pago-de-facturas-y-proveedores-v2.png");
+  background-image: url("/assets/interface/sempli_2.0/10-pago-de-facturas-y-proveedores-v2.png");
   background-repeat: no-repeat;
   background-size: contain;
   max-height: 663px;
@@ -2110,11 +2110,11 @@ span.results-table-item-value {
   border-radius: 50px;
 
   @media screen and (max-width: 1100px) {
-    background-image: url("/assets/swl/interface/sempli_2.0/10-pago-de-facturas-y-proveedores-v1.png");
+    background-image: url("/assets/interface/sempli_2.0/10-pago-de-facturas-y-proveedores-v1.png");
   }
 
   @media screen and (max-width: 768px) {
-    background-image: url("/assets/swl/interface/sempli_2.0/10-pago-de-facturas-y-proveedores.png");
+    background-image: url("/assets/interface/sempli_2.0/10-pago-de-facturas-y-proveedores.png");
     height: 60vw;
     min-height: 400px;
     background-position: center;
@@ -2608,21 +2608,21 @@ span.results-table-item-value {
 
 .webp .website-imgs {
   .section-lending-picture {
-    background-image: url("/assets/swl/interface/sempli_2.0/credito-a-termino.webp");
+    background-image: url("/assets/interface/sempli_2.0/credito-a-termino.webp");
   }
 
   .section-flexi-picture {
-    background-image: url("/assets/swl/interface/sempli_2.0/7-financia-tu-capital-de-trabajo2-01.webp");
+    background-image: url("/assets/interface/sempli_2.0/7-financia-tu-capital-de-trabajo2-01.webp");
   }
 }
 
 .no-webp .website-imgs {
   .section-lending-picture {
-    background-image: url("/assets/swl/interface/sempli_2.0/credito-a-termino.jpg");
+    background-image: url("/assets/interface/sempli_2.0/credito-a-termino.jpg");
   }
 
   .section-flexi-picture {
-    background-image: url("/assets/swl/interface/sempli_2.0/7-financia-tu-capital-de-trabajo2-01.jpg");
+    background-image: url("/assets/interface/sempli_2.0/7-financia-tu-capital-de-trabajo2-01.jpg");
   }
 }
 

package/styles/partials/landing/_hero-wrappers.scss

@@ -175,11 +175,11 @@ section.hero-wrapper {
   }
 
   &.sempli-connects {
-    background: url("/assets/swl/interface/sempli-conecta-banner.webp") no-repeat 100%;
+    background: url("/assets/interface/sempli-conecta-banner.webp") no-repeat 100%;
     background-size: cover;
 
     @include responsive-max($breakpoint-small) {
-      background: linear-gradient(#00000042, #00000042), url("/assets/swl/interface/sempli-conecta-banner.webp") no-repeat 100%;
+      background: linear-gradient(#00000042, #00000042), url("/assets/interface/sempli-conecta-banner.webp") no-repeat 100%;
       background-size: cover;
     }
   }
@@ -211,8 +211,8 @@ section.hero-wrapper {
         margin-bottom: 40px;
       }
       &.ongoing-section {
-        background: url("/assets/swl/interface/ongoing.webp") no-repeat 110% 50%;
-        @include background-retina("/assets/swl/interface/ongoing.webp", 400px, 370px);
+        background: url("/assets/interface/ongoing.webp") no-repeat 110% 50%;
+        @include background-retina("/assets/interface/ongoing.webp", 400px, 370px);
         background-size: auto 450px;
         margin-bottom: 40px;
       }
@@ -388,11 +388,11 @@ section.hero-wrapper {
   }
 
   &.sempli-connects {
-    background: url("/assets/swl/interface/sempli-conecta-banner.png") no-repeat 100%;
+    background: url("/assets/interface/sempli-conecta-banner.png") no-repeat 100%;
     background-size: cover;
 
     @include responsive-max($breakpoint-small) {
-      background: linear-gradient(#00000042, #00000042), url("/assets/swl/interface/sempli-conecta-banner.png") no-repeat 100%;
+      background: linear-gradient(#00000042, #00000042), url("/assets/interface/sempli-conecta-banner.png") no-repeat 100%;
       background-size: cover;
     }
   }
@@ -424,8 +424,8 @@ section.hero-wrapper {
         margin-bottom: 40px;
       }
       &.ongoing-section {
-        background: url("/assets/swl/interface/ongoing.png") no-repeat 110% 50%;
-        @include background-retina("/assets/swl/interface/ongoing.png", 400px, 370px);
+        background: url("/assets/interface/ongoing.png") no-repeat 110% 50%;
+        @include background-retina("/assets/interface/ongoing.png", 400px, 370px);
         background-size: auto 450px;
         margin-bottom: 40px;
       }

package/styles/vendor/compass/css3/_background-size.scss

@@ -20,7 +20,7 @@ $default-background-size: 100% auto !default;
   $size-9: false,
   $size-10: false
 ) {
-  $size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
+  $size-1: if(sass(type-of($size-1) == string): unquote($size-1); else: $size-1);
   $sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
   @include experimental(background-size, $sizes, -moz, -webkit, -o, not(-ms), not(-khtml));
 }

package/styles/vendor/compass/css3/_box-shadow.scss

@@ -41,7 +41,7 @@ $default-box-shadow-inset : false !default;
   $shadow-10: false
 ) {
   @if $shadow-1 == default {
-    $shadow-1 : -compass-space-list(compact(if($default-box-shadow-inset, inset, false), $default-box-shadow-h-offset, $default-box-shadow-v-offset, $default-box-shadow-blur, $default-box-shadow-spread, $default-box-shadow-color));
+    $shadow-1 : -compass-space-list(compact(if(sass($default-box-shadow-inset): inset; else: false), $default-box-shadow-h-offset, $default-box-shadow-v-offset, $default-box-shadow-blur, $default-box-shadow-spread, $default-box-shadow-color));
   }
   $shadow : compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
   @include experimental(box-shadow, $shadow,

package/styles/vendor/compass/css3/_images.scss

@@ -43,7 +43,7 @@
   $backgrounds: compact($background-1, $background-2, $background-3, $background-4, $background-5,
                         $background-6, $background-7, $background-8, $background-9, $background-10);
   $mult-bgs: -compass-list-size($backgrounds) > 1;
-  $simple-background: if($mult-bgs or prefixed(-css2, $backgrounds), -css2(-compass-nth($backgrounds, last)), false);
+  $simple-background: if(sass($mult-bgs or prefixed(-css2, $backgrounds)): -css2(-compass-nth($backgrounds, last)); else: false);
   @if not(blank($simple-background)) { background: $simple-background; }
   @include background($background-1, $background-2, $background-3, $background-4, $background-5,
                       $background-6, $background-7, $background-8, $background-9, $background-10);
@@ -83,7 +83,7 @@
 // For the `$orientation` parameter, you can pass `vertical` or `horizontal`.
 @mixin filter-gradient($start-color, $end-color, $orientation: vertical) {
   @include has-layout;
-  $gradient-type: if($orientation == vertical, 0, 1);
+  $gradient-type: if(sass($orientation == vertical): 0; else: 1);
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8 {
     filter: progid:DXImageTransform.Microsoft.gradient(gradientType=#{$gradient-type}, startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}');
   }

package/styles/vendor/compass/css3/_text-shadow.scss

@@ -74,11 +74,11 @@ $default-text-shadow-spread:   false  !default;
     $color: $temp-color;
   }
   // Can't rely on default assignment with multiple supported argument orders.
-  $hoff:   if($hoff,   $hoff,   $default-text-shadow-h-offset);
-  $voff:   if($voff,   $voff,   $default-text-shadow-v-offset);
-  $blur:   if($blur,   $blur,   $default-text-shadow-blur    );
-  $spread: if($spread, $spread, $default-text-shadow-spread  );
-  $color:  if($color,  $color,  $default-text-shadow-color   );
+  $hoff:   if(sass($hoff): $hoff;   else: $default-text-shadow-h-offset);
+  $voff:   if(sass($voff): $voff;   else: $default-text-shadow-v-offset);
+  $blur:   if(sass($blur): $blur;   else: $default-text-shadow-blur    );
+  $spread: if(sass($spread): $spread; else: $default-text-shadow-spread  );
+  $color:  if(sass($color): $color;  else: $default-text-shadow-color   );
   // We don't need experimental support for this property.
   @if $color == none or $hoff == none {
     @include text-shadow(none);

package/styles/vendor/compass/css3/_transform.scss

@@ -124,7 +124,7 @@ $default-skew-y      : 5deg                  !default;
   $origin-x: $default-origin-x,
   $origin-y: $default-origin-y,
   $origin-z: false,
-  $only3d:   if($origin-z, true, false)
+  $only3d:   if(sass($origin-z): true; else: false)
 ) {
   $origin: unquote('');
   @if $origin-x or $origin-y or $origin-z {

package/styles/vendor/compass/css3/_transition.scss

@@ -1,3 +1,6 @@
+@use "sass:meta";
+@use "sass:list";
+@use "sass:math";
 @import "shared";
 @import "../functions";
 
@@ -42,7 +45,7 @@ $transitionable-prefixed-values: transform, transform-origin !default;
   $property-9 : false,
   $property-10: false
 ) {
-  @if type-of($property-1) == string { $property-1: unquote($property-1); }
+  @if meta.type-of($property-1) == string { $property-1: unquote($property-1); }
   $properties: compact($property-1, $property-2, $property-3, $property-4, $property-5, $property-6, $property-7, $property-8, $property-9, $property-10);
   @if $experimental-support-for-webkit    {       -webkit-transition-property : prefixed-for-transition(-webkit, $properties); }
   @if $experimental-support-for-mozilla   {          -moz-transition-property : prefixed-for-transition(-moz,    $properties); }
@@ -66,7 +69,7 @@ $transitionable-prefixed-values: transform, transform-origin !default;
   $duration-9 : false,
   $duration-10: false
 ) {
-  @if type-of($duration-1) == string { $duration-1: unquote($duration-1); }
+  @if meta.type-of($duration-1) == string { $duration-1: unquote($duration-1); }
   $durations: compact($duration-1, $duration-2, $duration-3, $duration-4, $duration-5, $duration-6, $duration-7, $duration-8, $duration-9, $duration-10);
   @include experimental(transition-duration, $durations,
     -moz, -webkit, -o, not(-ms), not(-khtml), official
@@ -113,7 +116,7 @@ $transitionable-prefixed-values: transform, transform-origin !default;
   $delay-9 : false,
   $delay-10: false
 ) {
-  @if type-of($delay-1) == string { $delay-1: unquote($delay-1); }
+  @if meta.type-of($delay-1) == string { $delay-1: unquote($delay-1); }
   $delays: compact($delay-1, $delay-2, $delay-3, $delay-4, $delay-5, $delay-6, $delay-7, $delay-8, $delay-9, $delay-10);
   @include experimental(transition-delay, $delays,
     -moz, -webkit, -o, not(-ms), not(-khtml), official
@@ -147,8 +150,8 @@ $transitionable-prefixed-values: transform, transform-origin !default;
     $transition-1 : compact($default-transition-property $default-transition-duration $default-transition-function $default-transition-delay);
   }
   $transitions: false;
-  @if type-of($transition-1) == list and type-of(nth($transition-1,1)) == list {
-    $transitions: join($transition-1, compact($transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10), comma);
+  @if meta.type-of($transition-1) == list and meta.type-of(list.nth($transition-1,1)) == list {
+    $transitions: list.join($transition-1, compact($transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10), comma);
   } @else {
     $transitions : compact($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10);
   }
@@ -163,23 +166,23 @@ $transitionable-prefixed-values: transform, transform-origin !default;
   @each $transition in $transitions {
     // Extract the values from the list
     // (this would be cleaner if nth took a 3rd argument to provide a default value).
-    $property: nth($transition, 1);
+    $property: list.nth($transition, 1);
     $duration: false;
     $timing-function: false;
     $delay: false;
-    @if length($transition) > 1 { $duration:        nth($transition, 2); }
-    @if length($transition) > 2 { $timing-function: nth($transition, 3); }
-    @if length($transition) > 3 { $delay:           nth($transition, 4); $has-delays: true; }
+    @if list.length($transition) > 1 { $duration:        list.nth($transition, 2); }
+    @if list.length($transition) > 2 { $timing-function: list.nth($transition, 3); }
+    @if list.length($transition) > 3 { $delay:           list.nth($transition, 4); $has-delays: true; }
 
     // If a delay is provided without a timing function
     @if is-time($timing-function) and not($delay) { $delay: $timing-function; $timing-function: false; $has-delays: true; }
 
     // Keep a list of delays in case one is specified
-    $delays: append($delays, if($delay, $delay, 0s));
+    $delays: list.append($delays, if(sass($delay): $delay; else: 0s));
 
-    $webkit-value: append($webkit-value, compact((prefixed-for-transition(-webkit, $property) $duration $timing-function)...));
-       $moz-value: append(   $moz-value, compact((prefixed-for-transition(   -moz, $property) $duration $timing-function $delay)...));
-         $o-value: append(     $o-value, compact((prefixed-for-transition(     -o, $property) $duration $timing-function $delay)...));
+    $webkit-value: list.append($webkit-value, compact((prefixed-for-transition(-webkit, $property) $duration $timing-function)...));
+       $moz-value: list.append(   $moz-value, compact((prefixed-for-transition(   -moz, $property) $duration $timing-function $delay)...));
+         $o-value: list.append(     $o-value, compact((prefixed-for-transition(     -o, $property) $duration $timing-function $delay)...));
   }
 
   @if $experimental-support-for-webkit    {       -webkit-transition : $webkit-value;
@@ -192,19 +195,19 @@ $transitionable-prefixed-values: transform, transform-origin !default;
 
 // coerce a list to be comma delimited or make a new, empty comma delimited list.
 @function comma-list($list: ()) {
-  @return join((), $list, comma);
+  @return list.join((), $list, comma);
 }
 
 // Returns `$property` with the given prefix if it is found in `$transitionable-prefixed-values`.
 @function prefixed-for-transition($prefix, $property) {
-  @if type-of($property) == list {
+  @if meta.type-of($property) == list {
     $new-list: comma-list();
     @each $v in $property {
-      $new-list: append($new-list, prefixed-for-transition($prefix, $v));
+      $new-list: list.append($new-list, prefixed-for-transition($prefix, $v));
     }
     @return $new-list;
   } @else {
-    @if index($transitionable-prefixed-values, $property) {
+    @if list.index($transitionable-prefixed-values, $property) {
       @return #{$prefix}-#{$property};
     } @else {
       @return $property;
@@ -214,8 +217,8 @@ $transitionable-prefixed-values: transform, transform-origin !default;
 
 // Checks if the value given is a unit of time.
 @function is-time($value) {
-  @if type-of($value) == number {
-    @return not(not(index(s ms, unit($value))));
+  @if meta.type-of($value) == number {
+    @return not(not(list.index(s ms, math.unit($value))));
   } @else {
     @return false;
   }

package/styles/vendor/compass/functions/_font_files.scss

@@ -62,7 +62,7 @@
   @for $i from 1 through $font-file-length {
     @if(not $skip-next) {
       $font-file: nth($font-files, $i);
-      $font-file-next: if($i < $font-file-length, nth($font-files, $i + 1), false);
+      $font-file-next: if(sass($i < $font-file-length): nth($font-files, $i + 1); else: false);
 
       // add font url.
       $full: $full + 'url("#{$font-path}/#{$font-file}")';

package/styles/vendor/compass/functions/_lists.scss

@@ -3,6 +3,8 @@
 // https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 //
 
+@use "sass:list";
+@use "sass:meta";
 
 // compact is part of libsass
 
@@ -12,9 +14,9 @@
     $place: 1;
   }
   @if $place == "last" {
-    $place: length($list);
+    $place: list.length($list);
   }
-  @return nth($list, $place);
+  @return list.nth($list, $place);
 }
 
 // compass_list can't be implemented in sass script
@@ -22,7 +24,7 @@
 @function -compass-space-list($item1, $item2:null, $item3:null, $item4:null, $item5:null, $item6:null, $item7:null, $item8:null, $item9:null) {
   $items: ();
   // Support for polymorphism.
-  @if type-of($item1) == 'list' {
+  @if meta.type-of($item1) == 'list' {
     // Passing a single array of properties.
     $items: $item1;
   } @else {
@@ -31,8 +33,8 @@
 
   $full: first-value-of($items);
 
-  @for $i from 2 through length($items) {
-    $item: nth($items, $i);
+  @for $i from 2 through list.length($items) {
+    $item: list.nth($items, $i);
     @if $item != null {
       $full: $full $item;
     }
@@ -42,16 +44,16 @@
 }
 
 @function -compass-list-size($list) {
-  @return length($list);
+  @return list.length($list);
 }
 
 @function -compass-slice($list, $start, $end: false) {
   @if $end == false {
-    $end: length($list);
+    $end: list.length($list);
   }
-  $full: nth($list, $start);
+  $full: list.nth($list, $start);
   @for $i from $start + 1 through $end {
-    $full: $full, nth($list, $i);
+    $full: $full, list.nth($list, $i);
   }
   @return $full;
 }
@@ -61,7 +63,7 @@
 
   $full: false;
   @each $item in $list {
-    @if index($rejects, $item) {}
+    @if list.index($rejects, $item) {}
     @else {
       @if $full {
         $full: $full, $item;
@@ -75,15 +77,15 @@
 }
 
 @function first-value-of($list) {
-  @return nth($list, 1);
+  @return list.nth($list, 1);
 }
 
 @function compact($vars...) {
-  $separator: list-separator($vars);
+  $separator: list.separator($vars);
   $list: ();
   @each $var in $vars {
       @if $var {
-          $list: append($list, $var, $separator);
+          $list: list.append($list, $var, $separator);
       }
   }
   @return $list;

package/styles/vendor/compass/typography/_vertical_rhythm.scss

@@ -1,3 +1,4 @@
+@use "sass:math";
 @import "../layout/grid-background";
 
 // The base font size.
@@ -26,7 +27,7 @@ $min-line-padding: 2px !default;
 
 // $base-font-size but in your output unit of choice.
 // Defaults to 1em when `$relative-font-sizing` is true.
-$font-unit: if($relative-font-sizing, 1em, $base-font-size) !default;
+$font-unit: if(sass($relative-font-sizing): 1em; else: $base-font-size) !default;
 
 // The basic unit of font rhythm.
 $base-rhythm-unit: calc($base-line-height / $base-font-size * $font-unit);
@@ -41,12 +42,12 @@ $base-half-leader: calc($base-leader / 2);
 
 // True if a number has a relative unit.
 @function relative-unit($number) {
-  @return unit($number) == "%" or unit($number) == "em" or unit($number) == "rem"
+  @return math.unit($number) == "%" or math.unit($number) == "em" or math.unit($number) == "rem"
 }
 
 // True if a number has an absolute unit.
 @function absolute-unit($number) {
-  @return not(relative-unit($number) or unitless($number));
+  @return not(relative-unit($number) or math.is-unitless($number));
 }
 
 @if $relative-font-sizing and not(relative-unit($font-unit)) {
@@ -63,7 +64,7 @@ $base-half-leader: calc($base-leader / 2);
   }
   html {
     font-size: $font-size;
-    @include adjust-leading-to(1, if($relative-font-sizing, $font-size, $base-font-size));
+    @include adjust-leading-to(1, if(sass($relative-font-sizing): $font-size; else: $base-font-size));
   }
 }
 
@@ -73,7 +74,7 @@ $base-half-leader: calc($base-leader / 2);
 // @deprecated This mixin will be removed in the next release.
 // Please use the `adjust-leading-to` mixin instead.
 @mixin reset-baseline {
-  @include adjust-leading-to(1, if($relative-font-sizing, $base-font-size, $base-font-size));
+  @include adjust-leading-to(1, if(sass($relative-font-sizing): $base-font-size; else: $base-font-size));
 }
 
 // Show a background image that can be used to debug your alignments.
@@ -97,7 +98,7 @@ $base-half-leader: calc($base-leader / 2);
     @warn "$relative-font-sizing is false but a relative font size was passed to adjust-font-size-to";
   }
   font-size: calc($font-unit * $to-size / $from-size);
-  @include adjust-leading-to($lines, if($relative-font-sizing, $to-size, $base-font-size));
+  @include adjust-leading-to($lines, if(sass($relative-font-sizing): $to-size; else: $base-font-size));
 }
 
 // Adjust a block to have different line height to maintain the rhythm.
@@ -119,19 +120,18 @@ $base-half-leader: calc($base-leader / 2);
   }
   $rhythm: calc($font-unit * ($lines * $base-line-height - $offset) / $font-size);
   // Round the pixels down to nearest integer.
-  @if unit($rhythm) == px {
-    $rhythm: floor($rhythm);
+  @if math.unit($rhythm) == px {
+    $rhythm: math.floor($rhythm);
   }
   @return $rhythm;
 }
 
 // Calculate the minimum multiple of rhythm units needed to contain the font-size.
 @function lines-for-font-size($font-size) {
-  $lines: if($round-to-nearest-half-line,
-              ceil(2 * $font-size / $base-line-height) / 2,
-              ceil($font-size / $base-line-height));
+  $lines: if(sass($round-to-nearest-half-line): ceil(2 * $font-size / $base-line-height) / 2;
+              else: ceil($font-size / $base-line-height));
   @if $lines * $base-line-height - $font-size < $min-line-padding * 2 {
-    $lines: $lines + if($round-to-nearest-half-line, 0.5, 1);
+    $lines: $lines + if(sass($round-to-nearest-half-line): 0.5; else: 1);
   }
   @return $lines;
 }

package/styles/vendor/compass/typography/text/_replacement.scss

@@ -32,7 +32,7 @@ $hide-text-direction: left !default;
 //
 // If you set `$inline` to true, then an inline image (data uri) will be used.
 @mixin replace-text-with-dimensions($img, $x: 50%, $y: 50%, $inline: false) {
-  @include replace-text(if($inline, inline-image($img), $img), $x, $y);
+  @include replace-text(if(sass($inline): inline-image($img); else: $img), $x, $y);
   width: image-width($img);
   height: image-height($img);
 }

package/styles/vendor/compass/utilities/color/_contrast.scss

@@ -12,7 +12,7 @@ $contrasted-lightness-threshold: 30% !default;
   $light: $contrasted-light-default,
   $threshold: $contrasted-lightness-threshold
 ) {
-  @return if(lightness($color) < $threshold, $light, $dark)
+  @return if(sass(lightness($color) < $threshold): $light; else: $dark)
 }
 
 // Sets the specified background color and calculates a dark or light contrasted text color.