scu-web-components 1.2.4 → 1.2.5

package/dist/tokens/segments/comp-scw-testimonial-card/_state-default-testimonial-container-quote-left-vector-mixins.scss

@@ -13,16 +13,16 @@
 }
 
 @mixin sizing {
-  width: 41.6667px;
-  height: 29.7619px;
+  width: 33.3333px;
+  height: 23.8095px;
 }
 
 @mixin width {
-  width: 41.6667px;
+  width: 33.3333px;
 }
 
 @mixin height {
-  height: 29.7619px;
+  height: 23.8095px;
 }
 
 @mixin padding {
@@ -38,24 +38,24 @@
 
 @mixin absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
-  right: calc( var( --scw-spacing-1 ) * 0.41663436889648436 );
-  top: var( --scw-spacing-1 );
-  bottom: calc( var( --scw-spacing-1 ) * 1.0238094329833984 ); 
+  left: calc( var( --scw-spacing-1 ) * 0.33330078125 );
+  right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );
+  top: calc( var( --scw-spacing-1 ) * 0.8 );
+  bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 ); 
 }
 
 @mixin html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
-  margin-right: calc( var( --scw-spacing-1 ) * 0.41663436889648436 );
-  margin-top: var( --scw-spacing-1 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 1.0238094329833984 );
+  margin-left: calc( var( --scw-spacing-1 ) * 0.33330078125 );
+  margin-right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
-  padding-right: calc( var( --scw-spacing-1 ) * 0.41663436889648436 );
-  padding-top: var( --scw-spacing-1 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 1.0238094329833984 );
+  padding-left: calc( var( --scw-spacing-1 ) * 0.33330078125 );
+  padding-right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 );
 }

package/dist/tokens/segments/comp-scw-testimonial-card/_state-default-testimonial-container-quote-left-vector-vars.scss

@@ -2,8 +2,8 @@
 
 $background-color: var( --scw-color-grey-08 );
 $blend-mode: NORMAL;
-$width: 41.6667px;
-$height: 29.7619px;
+$width: 33.3333px;
+$height: 23.8095px;
 $constraint-horizontal: STRETCH;
 $constraint-vertical: STRETCH;
 $constrain-proportions: false;
@@ -14,12 +14,12 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
-$top: var( --scw-spacing-1 );
+$top: calc( var( --scw-spacing-1 ) * 0.8 );
 $top-percent: 49.76%;
-$bottom: calc( var( --scw-spacing-1 ) * 1.0238094329833984 );
-$left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
+$bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 );
+$left: calc( var( --scw-spacing-1 ) * 0.33330078125 );
 $left-percent: 50%;
-$right: calc( var( --scw-spacing-1 ) * 0.41663436889648436 );
+$right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

package/dist/tokens/segments/comp-scw-testimonial-card/_state-default-testimonial-container-source-author-mixins.scss

@@ -5,7 +5,7 @@
   $themeVar: false
 ) { 
   text-align: CENTER;
-  font: var( --scw-type-text-semibold-font );
+  font: var( --scw-type-text-04-font );
   @if $themeVar {
     color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
   } @else {
@@ -16,7 +16,7 @@
 
 @mixin sizing {
   width: 182px;
-  height: 27px;
+  height: 24px;
 }
 
 @mixin width {
@@ -24,7 +24,7 @@
 }
 
 @mixin height {
-  height: 27px;
+  height: 24px;
 }
 
 @mixin padding {

package/dist/tokens/segments/comp-scw-testimonial-card/_state-default-testimonial-container-source-author-vars.scss

@@ -1,18 +1,18 @@
 
 
 $characters: 'Name';
-$font-size: 1.125rem;
+$font-size: 1rem;
 $text-align-horizontal: CENTER;
 $text-align-vertical: TOP;
 $text-transform: none;
 $color: var( --scw-color-grey-02 );
 $font-family: 'Proxima Nova';
-$font-weight: 600;
-$line-height: 1.688rem;
+$font-weight: 400;
+$line-height: 1.5rem;
 $letter-spacing: 0rem;
-$font: var( --scw-type-text-semibold-font );
+$font: var( --scw-type-text-04-font );
 $width: 182px;
-$height: 27px;
+$height: 24px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -24,7 +24,7 @@ $item-spacing: 0px;
 $layout-align: STRETCH;
 $layout-grow: 0;
 $top: 0px;
-$top-percent: 27%;
+$top-percent: 25.53%;
 $bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 $left: 0px;
 $left-percent: 50%;

package/dist/tokens/segments/comp-scw-testimonial-card/_state-default-testimonial-container-source-description-mixins.scss

@@ -42,7 +42,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 2.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 2.4 );
   margin-bottom: 0px;
 }
 
@@ -50,6 +50,6 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 2.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 2.4 );
   padding-bottom: 0px;
 }

package/dist/tokens/segments/comp-scw-testimonial-card/_state-default-testimonial-container-source-description-vars.scss

@@ -23,8 +23,8 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: STRETCH;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 2.7 );
-$top-percent: 77%;
+$top: calc( var( --scw-spacing-1 ) * 2.4 );
+$top-percent: 75.53%;
 $bottom: 0px;
 $left: 0px;
 $left-percent: 50%;

package/dist/tokens/segments/comp-scw-testimonial-card/_state-default-testimonial-container-source-mixins.scss

@@ -14,7 +14,7 @@
 
 @mixin sizing {
   width: 182px;
-  height: 50px;
+  height: 47px;
 }
 
 @mixin width {
@@ -22,7 +22,7 @@
 }
 
 @mixin height {
-  height: 50px;
+  height: 47px;
 }
 
 @mixin padding {
@@ -55,7 +55,7 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 8.9 );
-  margin-top: calc( var( --scw-spacing-1 ) * 23 );
+  margin-top: calc( var( --scw-spacing-1 ) * 23.3 );
   margin-bottom: var( --scw-spacing-2 );
 }
 
@@ -63,6 +63,6 @@
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 8.9 );
-  padding-top: calc( var( --scw-spacing-1 ) * 23 );
+  padding-top: calc( var( --scw-spacing-1 ) * 23.3 );
   padding-bottom: var( --scw-spacing-2 );
 }

package/dist/tokens/segments/comp-scw-testimonial-card/_state-default-testimonial-container-source-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: rgba(0,0,0,0);
 $width: 182px;
-$height: 50px;
+$height: 47px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -13,8 +13,8 @@ $counter-axis-align-items: CENTER;
 $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 23 );
-$top-percent: 85%;
+$top: calc( var( --scw-spacing-1 ) * 23.3 );
+$top-percent: 85.5%;
 $bottom: var( --scw-spacing-2 );
 $left: calc( var( --scw-spacing-1 ) * 8.9 );
 $left-percent: 50%;

package/dist/tokens/segments/comp-scw-testimonial-card/_state-default-vars.scss

@@ -17,8 +17,8 @@ $top: var( --scw-spacing-2 );
 $top-percent: 48.71%;
 $bottom: calc( var( --scw-spacing-1 ) * 2.9 );
 $left: calc( var( --scw-spacing-1 ) * 44.2 );
-$left-percent: 74.76%;
-$right: var( --scw-spacing-3 );
+$left-percent: 50%;
+$right: calc( var( --scw-spacing-1 ) * 44.2 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

package/dist/tokens/segments/comp-scw-testimonial-card/_state-image-mixins.scss

@@ -0,0 +1,72 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );
+  } @else {
+    background-color: rgba(0,0,0,0);
+  } 
+}
+
+@mixin sizing {
+  width: 360px;
+  height: 300px;
+}
+
+@mixin width {
+  width: 360px;
+}
+
+@mixin height {
+  height: 300px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) { 
+        margin-bottom: calc( var( --scw-spacing-1 ) * 2.5 ); 
+        --margin-bottom: calc( var( --scw-spacing-1 ) * 2.5 ); 
+      } 
+}
+
+@mixin absolute-layout {
+  position: absolute;
+  left: calc( var( --scw-spacing-1 ) * 86.4 );
+  width: 360px;
+  top: calc( var( --scw-spacing-1 ) * 1.75 );
+  height: 300px; 
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: calc( var( --scw-spacing-1 ) * 86.4 );
+  margin-right: var( --scw-spacing-2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 1.75 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 3.15 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 86.4 );
+  padding-right: var( --scw-spacing-2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 1.75 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 3.15 );
+}

package/dist/tokens/segments/comp-scw-testimonial-card/_state-image-testimonial-container-body-mixins.scss

@@ -0,0 +1,56 @@
+
+
+
+@mixin text (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: var( --scw-type-text-bold-04-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch;
+  flex: 1; 
+}
+
+@mixin sizing {
+  width: 300px;
+  height: 93px;
+}
+
+@mixin width {
+  width: 300px;
+}
+
+@mixin height {
+  height: 93px;
+}
+
+@mixin padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-3 );
+  margin-right: var( --scw-spacing-3 );
+  margin-top: var( --scw-spacing-12 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 8.7 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-3 );
+  padding-right: var( --scw-spacing-3 );
+  padding-top: var( --scw-spacing-12 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 8.7 );
+}

package/dist/tokens/segments/comp-scw-testimonial-card/_state-image-testimonial-container-body-vars.scss

@@ -0,0 +1,32 @@
+
+
+$characters: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.';
+$font-size: 1rem;
+$text-align-horizontal: CENTER;
+$text-align-vertical: CENTER;
+$text-transform: none;
+$color: var( --scw-color-grey-02 );
+$font-family: 'Proxima Nova';
+$font-weight: 700;
+$line-height: 1.5rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-bold-04-font );
+$width: 300px;
+$height: 93px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: STRETCH;
+$layout-grow: 1;
+$top: var( --scw-spacing-12 );
+$top-percent: 55.5%;
+$bottom: calc( var( --scw-spacing-1 ) * 8.7 );
+$left: var( --scw-spacing-3 );
+$left-percent: 50%;
+$right: var( --scw-spacing-3 );
+$margin-bottom: 0px;

package/dist/tokens/segments/comp-scw-testimonial-card/_state-image-testimonial-container-mixins.scss

@@ -0,0 +1,72 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );
+  } @else {
+    background-color: var( --scw-color-grey-10 );
+  }
+  border-radius: 10px 10px 10px 10px;
+  box-shadow: 0px 2px 19px 0px rgba(0,0,0,0.09);
+  align-self: stretch;
+  flex: 1; 
+}
+
+@mixin sizing {
+  width: 360px;
+  height: 300px;
+}
+
+@mixin width {
+  width: 360px;
+}
+
+@mixin height {
+  height: 300px;
+}
+
+@mixin padding {
+  padding-left: var( --scw-spacing-3 );
+  padding-right: var( --scw-spacing-3 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+}
+
+@mixin figma-autolayout { 
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: var( --scw-spacing-3 );
+  padding-right: var( --scw-spacing-3 );
+  padding-top: var( --scw-spacing-2 );
+  padding-bottom: var( --scw-spacing-2 );
+  & > *:not(:last-child) { 
+        margin-bottom: var( --scw-spacing-2 ); 
+        --margin-bottom: var( --scw-spacing-2 ); 
+      } 
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}

package/dist/tokens/segments/comp-scw-testimonial-card/_state-image-testimonial-container-source-author-mixins.scss

@@ -0,0 +1,55 @@
+
+
+
+@mixin text (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: var( --scw-type-text-04-font );
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch; 
+}
+
+@mixin sizing {
+  width: 182px;
+  height: 24px;
+}
+
+@mixin width {
+  width: 182px;
+}
+
+@mixin height {
+  height: 24px;
+}
+
+@mixin padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
+}

package/dist/tokens/segments/comp-scw-testimonial-card/_state-image-testimonial-container-source-author-vars.scss

@@ -0,0 +1,31 @@
+
+
+$characters: 'Name';
+$font-size: 1rem;
+$text-align-horizontal: CENTER;
+$text-align-vertical: TOP;
+$text-transform: none;
+$color: var( --scw-color-grey-02 );
+$font-family: 'Proxima Nova';
+$font-weight: 400;
+$line-height: 1.5rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-04-font );
+$width: 182px;
+$height: 24px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: STRETCH;
+$layout-grow: 0;
+$top: 0px;
+$top-percent: 25.53%;
+$bottom: calc( var( --scw-spacing-1 ) * 2.3 );
+$left: 0px;
+$left-percent: 50%;
+$right: 0px;

package/dist/tokens/segments/comp-scw-testimonial-card/_state-image-testimonial-container-source-description-mixins.scss

@@ -0,0 +1,55 @@
+
+
+
+@mixin text (
+  $themeVar: false
+) { 
+  text-align: CENTER;
+  font: 400 0.9375rem/1.406rem 'Proxima Nova';
+  @if $themeVar {
+    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );
+  } @else {
+    color: var( --scw-color-grey-02 );
+  }
+  align-self: stretch; 
+}
+
+@mixin sizing {
+  width: 182px;
+  height: 23px;
+}
+
+@mixin width {
+  width: 182px;
+}
+
+@mixin height {
+  height: 23px;
+}
+
+@mixin padding {
+  padding-left: initial;
+  padding-right: initial;
+  padding-top: initial;
+  padding-bottom: initial;
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: calc( var( --scw-spacing-1 ) * 2.4 );
+  margin-bottom: 0px;
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: calc( var( --scw-spacing-1 ) * 2.4 );
+  padding-bottom: 0px;
+}

package/dist/tokens/segments/comp-scw-testimonial-card/_state-image-testimonial-container-source-description-vars.scss

@@ -0,0 +1,31 @@
+
+
+$characters: 'Description';
+$font-size: 0.9375rem;
+$text-align-horizontal: CENTER;
+$text-align-vertical: TOP;
+$text-transform: none;
+$color: var( --scw-color-grey-02 );
+$font-family: 'Proxima Nova';
+$font-weight: 400;
+$line-height: 1.406rem;
+$letter-spacing: 0rem;
+$font: 400 0.9375rem/1.406rem 'Proxima Nova';
+$width: 182px;
+$height: 23px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: STRETCH;
+$layout-grow: 0;
+$top: calc( var( --scw-spacing-1 ) * 2.4 );
+$top-percent: 75.53%;
+$bottom: 0px;
+$left: 0px;
+$left-percent: 50%;
+$right: 0px;