scu-web-components 0.0.9 → 0.0.10

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-mortgage-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: rgba(0,0,0,0);
 $width: 190px;
-$height: 26px;
+$height: 37px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -14,8 +14,8 @@ $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 28.6 );
-$top-percent: 31.02%;
-$bottom: calc( var( --scw-spacing-1 ) * 65.2 );
+$top-percent: 31.59%;
+$bottom: calc( var( --scw-spacing-1 ) * 64.1 );
 $left: calc( var( --scw-spacing-1 ) * 46 );
 $left-percent: 20.85%;
 $right: calc( var( --scw-spacing-1 ) * 201.2 );

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-primary-label-mixins.scss

@@ -3,13 +3,13 @@
 
 @mixin text { 
   text-align: LEFT;
-  font: var( --scw-type-text-bold-08-font );
-  color: var( --scw-color-accent-03 , var( --scw-color-primary-03 ) ); 
+  font: var( --scw-type-text-bold-condensed-09-font );
+  color: var( --scw-color-theme-03 , var( --scw-color-primary-03 ) ); 
 }
 
 @mixin sizing {
   width: 190px;
-  height: 29px;
+  height: 37px;
 }
 
 @mixin width {
@@ -17,7 +17,7 @@
 }
 
 @mixin height {
-  height: 29px;
+  height: 37px;
 }
 
 @mixin padding {
@@ -30,23 +30,23 @@
 @mixin absolute-layout {
   position: absolute;
   left: 0px;
-  right: calc( var( --scw-spacing-1 ) * -1.6 );
+  right: 0px;
   top: 0px;
-  bottom: calc( var( --scw-spacing-1 ) * -0.3 ); 
+  bottom: 0px; 
 }
 
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: 0px;
-  margin-right: calc( var( --scw-spacing-1 ) * -1.6 );
+  margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+  margin-bottom: 0px;
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
-  padding-right: calc( var( --scw-spacing-1 ) * -1.6 );
+  padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+  padding-bottom: 0px;
 }

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-primary-label-vars.scss

@@ -1,18 +1,18 @@
 
 
 $characters: 'Heading 2';
-$font-size: 1.5rem;
+$font-size: 1.875rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
-$text-transform: var( --scw-type-text-bold-08-text-transform );
-$color: var( --scw-color-primary-03 );
-$font-family: 'Proxima Nova';
+$text-transform: none;
+$color: var( --scw-color-theme-03 , var( --scw-color-primary-03 ));
+$font-family: 'Proxima Nova Condensed';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-08-line-height );
-$letter-spacing: var( --scw-type-text-bold-08-letter-spacing );
-$font: var( --scw-type-text-bold-08-font );
+$line-height: 2.197rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-bold-condensed-09-font );
 $width: 190px;
-$height: 29px;
+$height: 37px;
 $constraint-horizontal: STRETCH;
 $constraint-vertical: STRETCH;
 $constrain-proportions: false;
@@ -24,8 +24,8 @@ $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
 $top: 0px;
-$top-percent: 55.77%;
-$bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+$top-percent: 50%;
+$bottom: 0px;
 $left: 0px;
-$left-percent: 54.6%;
-$right: calc( var( --scw-spacing-1 ) * -1.6 );
+$left-percent: 50%;
+$right: 0px;

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-primary-mixins.scss

@@ -6,16 +6,16 @@
 }
 
 @mixin sizing {
-  width: 174px;
-  height: 26px;
+  width: 190px;
+  height: 37px;
 }
 
 @mixin width {
-  width: 174px;
+  width: 190px;
 }
 
 @mixin height {
-  height: 26px;
+  height: 37px;
 }
 
 @mixin padding {
@@ -32,23 +32,23 @@
 @mixin absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 24 );
-  width: 174px;
+  width: 190px;
   top: calc( var( --scw-spacing-1 ) * 28.4 );
-  height: 26px; 
+  height: 37px; 
 }
 
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 24 );
-  margin-right: calc( var( --scw-spacing-1 ) * 224.8 );
+  margin-right: calc( var( --scw-spacing-1 ) * 223.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 28.4 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 65.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 64.3 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 24 );
-  padding-right: calc( var( --scw-spacing-1 ) * 224.8 );
+  padding-right: calc( var( --scw-spacing-1 ) * 223.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 28.4 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 65.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 64.3 );
 }

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-primary-vars.scss

@@ -1,8 +1,8 @@
 
 
 $background-color: rgba(0,0,0,0);
-$width: 174px;
-$height: 26px;
+$width: 190px;
+$height: 37px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -14,11 +14,11 @@ $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 28.4 );
-$top-percent: 30.81%;
-$bottom: calc( var( --scw-spacing-1 ) * 65.4 );
+$top-percent: 31.38%;
+$bottom: calc( var( --scw-spacing-1 ) * 64.3 );
 $left: calc( var( --scw-spacing-1 ) * 24 );
-$left-percent: 12.28%;
-$right: calc( var( --scw-spacing-1 ) * 224.8 );
+$left-percent: 12.58%;
+$right: calc( var( --scw-spacing-1 ) * 223.2 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-savings-label-mixins.scss

@@ -3,13 +3,13 @@
 
 @mixin text { 
   text-align: LEFT;
-  font: var( --scw-type-text-bold-08-font );
-  color: var( --scw-color-accent-04 , var( --scw-color-accent-savings-04 ) ); 
+  font: var( --scw-type-text-bold-condensed-09-font );
+  color: var( --scw-color-theme-04 , var( --scw-color-accent-savings-04 ) ); 
 }
 
 @mixin sizing {
   width: 190px;
-  height: 29px;
+  height: 37px;
 }
 
 @mixin width {
@@ -17,7 +17,7 @@
 }
 
 @mixin height {
-  height: 29px;
+  height: 37px;
 }
 
 @mixin padding {
@@ -32,7 +32,7 @@
   left: 0px;
   right: 0px;
   top: 0px;
-  bottom: calc( var( --scw-spacing-1 ) * -0.3 ); 
+  bottom: 0px; 
 }
 
 @mixin html-autolayout-margins {
@@ -40,7 +40,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+  margin-bottom: 0px;
 }
 
 @mixin html-autolayout-padding {
@@ -48,5 +48,5 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+  padding-bottom: 0px;
 }

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-savings-label-vars.scss

@@ -1,18 +1,18 @@
 
 
 $characters: 'Heading 2';
-$font-size: 1.5rem;
+$font-size: 1.875rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
-$text-transform: var( --scw-type-text-bold-08-text-transform );
-$color: var( --scw-color-accent-savings-04 );
-$font-family: 'Proxima Nova';
+$text-transform: none;
+$color: var( --scw-color-theme-04 , var( --scw-color-accent-savings-04 ));
+$font-family: 'Proxima Nova Condensed';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-08-line-height );
-$letter-spacing: var( --scw-type-text-bold-08-letter-spacing );
-$font: var( --scw-type-text-bold-08-font );
+$line-height: 2.197rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-bold-condensed-09-font );
 $width: 190px;
-$height: 29px;
+$height: 37px;
 $constraint-horizontal: STRETCH;
 $constraint-vertical: STRETCH;
 $constrain-proportions: false;
@@ -24,8 +24,8 @@ $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
 $top: 0px;
-$top-percent: 55.77%;
-$bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+$top-percent: 50%;
+$bottom: 0px;
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-savings-mixins.scss

@@ -7,7 +7,7 @@
 
 @mixin sizing {
   width: 190px;
-  height: 26px;
+  height: 37px;
 }
 
 @mixin width {
@@ -15,7 +15,7 @@
 }
 
 @mixin height {
-  height: 26px;
+  height: 37px;
 }
 
 @mixin padding {
@@ -34,7 +34,7 @@
   left: calc( var( --scw-spacing-1 ) * 68 );
   width: 190px;
   top: calc( var( --scw-spacing-1 ) * 28.5 );
-  height: 26px; 
+  height: 37px; 
 }
 
 @mixin html-autolayout-margins {
@@ -42,7 +42,7 @@
   margin-left: calc( var( --scw-spacing-1 ) * 68 );
   margin-right: calc( var( --scw-spacing-1 ) * 179.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 28.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 65.3 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 64.2 );
 }
 
 @mixin html-autolayout-padding {
@@ -50,5 +50,5 @@
   padding-left: calc( var( --scw-spacing-1 ) * 68 );
   padding-right: calc( var( --scw-spacing-1 ) * 179.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 28.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 65.3 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 64.2 );
 }

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-savings-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: rgba(0,0,0,0);
 $width: 190px;
-$height: 26px;
+$height: 37px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -14,8 +14,8 @@ $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 28.5 );
-$top-percent: 30.91%;
-$bottom: calc( var( --scw-spacing-1 ) * 65.3 );
+$top-percent: 31.48%;
+$bottom: calc( var( --scw-spacing-1 ) * 64.2 );
 $left: calc( var( --scw-spacing-1 ) * 68 );
 $left-percent: 29.11%;
 $right: calc( var( --scw-spacing-1 ) * 179.2 );

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-student-label-mixins.scss

@@ -3,13 +3,13 @@
 
 @mixin text { 
   text-align: LEFT;
-  font: var( --scw-type-text-bold-08-font );
-  color: var( --scw-color-accent-04 , var( --scw-color-accent-student-04 ) ); 
+  font: var( --scw-type-text-bold-condensed-09-font );
+  color: var( --scw-color-theme-04 , var( --scw-color-accent-student-04 ) ); 
 }
 
 @mixin sizing {
   width: 190px;
-  height: 29px;
+  height: 37px;
 }
 
 @mixin width {
@@ -17,7 +17,7 @@
 }
 
 @mixin height {
-  height: 29px;
+  height: 37px;
 }
 
 @mixin padding {
@@ -32,7 +32,7 @@
   left: 0px;
   right: 0px;
   top: 0px;
-  bottom: calc( var( --scw-spacing-1 ) * -0.3 ); 
+  bottom: 0px; 
 }
 
 @mixin html-autolayout-margins {
@@ -40,7 +40,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+  margin-bottom: 0px;
 }
 
 @mixin html-autolayout-padding {
@@ -48,5 +48,5 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+  padding-bottom: 0px;
 }

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-student-label-vars.scss

@@ -1,18 +1,18 @@
 
 
 $characters: 'Heading 2';
-$font-size: 1.5rem;
+$font-size: 1.875rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
-$text-transform: var( --scw-type-text-bold-08-text-transform );
-$color: var( --scw-color-accent-student-04 );
-$font-family: 'Proxima Nova';
+$text-transform: none;
+$color: var( --scw-color-theme-04 , var( --scw-color-accent-student-04 ));
+$font-family: 'Proxima Nova Condensed';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-08-line-height );
-$letter-spacing: var( --scw-type-text-bold-08-letter-spacing );
-$font: var( --scw-type-text-bold-08-font );
+$line-height: 2.197rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-bold-condensed-09-font );
 $width: 190px;
-$height: 29px;
+$height: 37px;
 $constraint-horizontal: STRETCH;
 $constraint-vertical: STRETCH;
 $constrain-proportions: false;
@@ -24,8 +24,8 @@ $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
 $top: 0px;
-$top-percent: 55.77%;
-$bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+$top-percent: 50%;
+$bottom: 0px;
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-student-mixins.scss

@@ -7,7 +7,7 @@
 
 @mixin sizing {
   width: 190px;
-  height: 26px;
+  height: 37px;
 }
 
 @mixin width {
@@ -15,7 +15,7 @@
 }
 
 @mixin height {
-  height: 26px;
+  height: 37px;
 }
 
 @mixin padding {
@@ -34,7 +34,7 @@
   left: calc( var( --scw-spacing-1 ) * 90 );
   width: 190px;
   top: calc( var( --scw-spacing-1 ) * 28.5 );
-  height: 26px; 
+  height: 37px; 
 }
 
 @mixin html-autolayout-margins {
@@ -42,7 +42,7 @@
   margin-left: calc( var( --scw-spacing-1 ) * 90 );
   margin-right: calc( var( --scw-spacing-1 ) * 157.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 28.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 65.3 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 64.2 );
 }
 
 @mixin html-autolayout-padding {
@@ -50,5 +50,5 @@
   padding-left: calc( var( --scw-spacing-1 ) * 90 );
   padding-right: calc( var( --scw-spacing-1 ) * 157.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 28.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 65.3 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 64.2 );
 }

package/dist/tokens/segments/comp-scw-heading/_size-h2-color-student-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: rgba(0,0,0,0);
 $width: 190px;
-$height: 26px;
+$height: 37px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -14,8 +14,8 @@ $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 28.5 );
-$top-percent: 30.91%;
-$bottom: calc( var( --scw-spacing-1 ) * 65.3 );
+$top-percent: 31.48%;
+$bottom: calc( var( --scw-spacing-1 ) * 64.2 );
 $left: calc( var( --scw-spacing-1 ) * 90 );
 $left-percent: 37.38%;
 $right: calc( var( --scw-spacing-1 ) * 157.2 );

package/dist/tokens/segments/comp-scw-heading/_size-h2-label-mixins.scss

@@ -3,13 +3,13 @@
 
 @mixin text { 
   text-align: LEFT;
-  font: var( --scw-type-text-bold-08-font );
+  font: var( --scw-type-text-bold-condensed-09-font );
   color: var( --scw-color-grey-02 ); 
 }
 
 @mixin sizing {
   width: 190px;
-  height: 29px;
+  height: 37px;
 }
 
 @mixin width {
@@ -17,7 +17,7 @@
 }
 
 @mixin height {
-  height: 29px;
+  height: 37px;
 }
 
 @mixin padding {
@@ -32,7 +32,7 @@
   left: 0px;
   right: 0px;
   top: 0px;
-  bottom: calc( var( --scw-spacing-1 ) * -0.3 ); 
+  bottom: 0px; 
 }
 
 @mixin html-autolayout-margins {
@@ -40,7 +40,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+  margin-bottom: 0px;
 }
 
 @mixin html-autolayout-padding {
@@ -48,5 +48,5 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+  padding-bottom: 0px;
 }

package/dist/tokens/segments/comp-scw-heading/_size-h2-label-vars.scss

@@ -1,18 +1,18 @@
 
 
 $characters: 'Heading 2';
-$font-size: 1.5rem;
+$font-size: 1.875rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
-$text-transform: var( --scw-type-text-bold-08-text-transform );
+$text-transform: none;
 $color: var( --scw-color-grey-02 );
-$font-family: 'Proxima Nova';
+$font-family: 'Proxima Nova Condensed';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-08-line-height );
-$letter-spacing: var( --scw-type-text-bold-08-letter-spacing );
-$font: var( --scw-type-text-bold-08-font );
+$line-height: 2.197rem;
+$letter-spacing: 0rem;
+$font: var( --scw-type-text-bold-condensed-09-font );
 $width: 190px;
-$height: 29px;
+$height: 37px;
 $constraint-horizontal: STRETCH;
 $constraint-vertical: STRETCH;
 $constrain-proportions: false;
@@ -24,8 +24,8 @@ $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
 $top: 0px;
-$top-percent: 55.77%;
-$bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+$top-percent: 50%;
+$bottom: 0px;
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;

package/dist/tokens/segments/comp-scw-heading/_size-h2-mixins.scss

@@ -7,7 +7,7 @@
 
 @mixin sizing {
   width: 190px;
-  height: 26px;
+  height: 37px;
 }
 
 @mixin width {
@@ -15,7 +15,7 @@
 }
 
 @mixin height {
-  height: 26px;
+  height: 37px;
 }
 
 @mixin padding {
@@ -34,7 +34,7 @@
   left: var( --scw-spacing-2 );
   width: 190px;
   top: calc( var( --scw-spacing-1 ) * 28.3 );
-  height: 26px; 
+  height: 37px; 
 }
 
 @mixin html-autolayout-margins {
@@ -42,7 +42,7 @@
   margin-left: var( --scw-spacing-2 );
   margin-right: calc( var( --scw-spacing-1 ) * 245.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 28.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 65.5 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 64.4 );
 }
 
 @mixin html-autolayout-padding {
@@ -50,5 +50,5 @@
   padding-left: var( --scw-spacing-2 );
   padding-right: calc( var( --scw-spacing-1 ) * 245.2 );
   padding-top: calc( var( --scw-spacing-1 ) * 28.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 65.5 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 64.4 );
 }

package/dist/tokens/segments/comp-scw-heading/_size-h2-state-disabled-color-investments-label-mixins.scss

@@ -3,13 +3,13 @@
 
 @mixin text { 
   text-align: LEFT;
-  font: var( --scw-type-text-bold-08-font );
-  color: var( --scw-color-accent-09 , var( --scw-color-accent-investments-09 ) ); 
+  font: var( --scw-type-text-bold-condensed-09-font );
+  color: var( --scw-color-theme-09 , var( --scw-color-accent-investments-09 ) ); 
 }
 
 @mixin sizing {
   width: 190px;
-  height: 29px;
+  height: 37px;
 }
 
 @mixin width {
@@ -17,7 +17,7 @@
 }
 
 @mixin height {
-  height: 29px;
+  height: 37px;
 }
 
 @mixin padding {
@@ -32,7 +32,7 @@
   left: 0px;
   right: 0px;
   top: 0px;
-  bottom: calc( var( --scw-spacing-1 ) * -0.3 ); 
+  bottom: 0px; 
 }
 
 @mixin html-autolayout-margins {
@@ -40,7 +40,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+  margin-bottom: 0px;
 }
 
 @mixin html-autolayout-padding {
@@ -48,5 +48,5 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * -0.3 );
+  padding-bottom: 0px;
 }