scu-web-components 0.0.9 → 0.0.10

package/dist/tokens/segments/comp-scw-link/_color-checking-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
+$text-transform: none;
 $color: var( --scw-color-grey-10 );
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_color-checking-mixins.scss

@@ -2,7 +2,7 @@
 
 
 @mixin box { 
-  background-color: var( --scw-color-accent-04 , var( --scw-color-accent-checking-04 ) );
+  background-color: var( --scw-color-theme-04 , var( --scw-color-accent-checking-04 ) );
   border-radius: 10px 10px 10px 10px; 
 }
 

package/dist/tokens/segments/comp-scw-link/_color-checking-vars.scss

@@ -1,6 +1,6 @@
 
 
-$background-color: var( --scw-color-accent-checking-04 );
+$background-color: var( --scw-color-theme-04 , var( --scw-color-accent-checking-04 ));
 $blend-mode: NORMAL;
 $corner-radius-top-left: 10px;
 $corner-radius-top-right: 10px;

package/dist/tokens/segments/comp-scw-link/_color-credit-cards-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
+$text-transform: none;
 $color: var( --scw-color-grey-10 );
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_color-credit-cards-mixins.scss

@@ -2,7 +2,7 @@
 
 
 @mixin box { 
-  background-color: var( --scw-color-accent-04 , var( --scw-color-accent-credit-cards-04 ) );
+  background-color: var( --scw-color-theme-04 , var( --scw-color-accent-credit-cards-04 ) );
   border-radius: 10px 10px 10px 10px; 
 }
 

package/dist/tokens/segments/comp-scw-link/_color-credit-cards-vars.scss

@@ -1,6 +1,6 @@
 
 
-$background-color: var( --scw-color-accent-credit-cards-04 );
+$background-color: var( --scw-color-theme-04 , var( --scw-color-accent-credit-cards-04 ));
 $blend-mode: NORMAL;
 $corner-radius-top-left: 10px;
 $corner-radius-top-right: 10px;

package/dist/tokens/segments/comp-scw-link/_color-investments-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
+$text-transform: none;
 $color: var( --scw-color-grey-10 );
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_color-investments-mixins.scss

@@ -2,7 +2,7 @@
 
 
 @mixin box { 
-  background-color: var( --scw-color-accent-04 , var( --scw-color-accent-investments-04 ) );
+  background-color: var( --scw-color-theme-04 , var( --scw-color-accent-investments-04 ) );
   border-radius: 10px 10px 10px 10px; 
 }
 

package/dist/tokens/segments/comp-scw-link/_color-investments-vars.scss

@@ -1,6 +1,6 @@
 
 
-$background-color: var( --scw-color-accent-investments-04 );
+$background-color: var( --scw-color-theme-04 , var( --scw-color-accent-investments-04 ));
 $blend-mode: NORMAL;
 $corner-radius-top-left: 10px;
 $corner-radius-top-right: 10px;

package/dist/tokens/segments/comp-scw-link/_color-mortgage-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
+$text-transform: none;
 $color: var( --scw-color-grey-10 );
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_color-mortgage-mixins.scss

@@ -2,7 +2,7 @@
 
 
 @mixin box { 
-  background-color: var( --scw-color-accent-04 , var( --scw-color-accent-mortgage-04 ) );
+  background-color: var( --scw-color-theme-04 , var( --scw-color-accent-mortgage-04 ) );
   border-radius: 10px 10px 10px 10px; 
 }
 

package/dist/tokens/segments/comp-scw-link/_color-mortgage-vars.scss

@@ -1,6 +1,6 @@
 
 
-$background-color: var( --scw-color-accent-mortgage-04 );
+$background-color: var( --scw-color-theme-04 , var( --scw-color-accent-mortgage-04 ));
 $blend-mode: NORMAL;
 $corner-radius-top-left: 10px;
 $corner-radius-top-right: 10px;

package/dist/tokens/segments/comp-scw-link/_color-savings-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
+$text-transform: none;
 $color: var( --scw-color-grey-10 );
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_color-savings-mixins.scss

@@ -2,7 +2,7 @@
 
 
 @mixin box { 
-  background-color: var( --scw-color-accent-04 , var( --scw-color-accent-savings-04 ) );
+  background-color: var( --scw-color-theme-04 , var( --scw-color-accent-savings-04 ) );
   border-radius: 10px 10px 10px 10px; 
 }
 

package/dist/tokens/segments/comp-scw-link/_color-savings-vars.scss

@@ -1,6 +1,6 @@
 
 
-$background-color: var( --scw-color-accent-savings-04 );
+$background-color: var( --scw-color-theme-04 , var( --scw-color-accent-savings-04 ));
 $blend-mode: NORMAL;
 $corner-radius-top-left: 10px;
 $corner-radius-top-right: 10px;

package/dist/tokens/segments/comp-scw-link/_color-student-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
+$text-transform: none;
 $color: var( --scw-color-grey-10 );
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_color-student-mixins.scss

@@ -2,7 +2,7 @@
 
 
 @mixin box { 
-  background-color: var( --scw-color-accent-04 , var( --scw-color-accent-student-04 ) );
+  background-color: var( --scw-color-theme-04 , var( --scw-color-accent-student-04 ) );
   border-radius: 10px 10px 10px 10px; 
 }
 

package/dist/tokens/segments/comp-scw-link/_color-student-vars.scss

@@ -1,6 +1,6 @@
 
 
-$background-color: var( --scw-color-accent-student-04 );
+$background-color: var( --scw-color-theme-04 , var( --scw-color-accent-student-04 ));
 $blend-mode: NORMAL;
 $corner-radius-top-left: 10px;
 $corner-radius-top-right: 10px;

package/dist/tokens/segments/comp-scw-link/_default-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
+$text-transform: none;
 $color: var( --scw-color-grey-10 );
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_default-mixins.scss

@@ -2,7 +2,7 @@
 
 
 @mixin box { 
-  background-color: var( --scw-color-accent-03 , var( --scw-color-primary-03 ) );
+  background-color: var( --scw-color-theme-03 , var( --scw-color-primary-03 ) );
   border-radius: 10px 10px 10px 10px; 
 }
 

package/dist/tokens/segments/comp-scw-link/_default-vars.scss

@@ -1,6 +1,6 @@
 
 
-$background-color: var( --scw-color-primary-03 );
+$background-color: var( --scw-color-theme-03 , var( --scw-color-primary-03 ));
 $blend-mode: NORMAL;
 $corner-radius-top-left: 10px;
 $corner-radius-top-right: 10px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-checking-label-mixins.scss

@@ -4,7 +4,7 @@
 @mixin text { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-06-font );
-  color: var( --scw-color-accent-03 , var( --scw-color-accent-checking-03 ) ); 
+  color: var( --scw-color-theme-03 , var( --scw-color-accent-checking-03 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-checking-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
-$color: var( --scw-color-accent-checking-03 );
+$text-transform: none;
+$color: var( --scw-color-theme-03 , var( --scw-color-accent-checking-03 ));
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-checking-mixins.scss

@@ -6,7 +6,7 @@
   border-radius: 10px 10px 10px 10px;
   border-width: 2px;
   border-style: solid;
-  border-color: var( --scw-color-accent-04 , var( --scw-color-accent-checking-04 ) ); 
+  border-color: var( --scw-color-theme-04 , var( --scw-color-accent-checking-04 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-checking-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
-$stroke-color: var( --scw-color-accent-checking-04 );
+$stroke-color: var( --scw-color-theme-04 , var( --scw-color-accent-checking-04 ));
 $stroke-weight: 2px;
 $stroke-align: OUTSIDE;
 $corner-radius-top-left: 10px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-credit-cards-label-mixins.scss

@@ -4,7 +4,7 @@
 @mixin text { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-06-font );
-  color: var( --scw-color-accent-03 , var( --scw-color-accent-credit-cards-03 ) ); 
+  color: var( --scw-color-theme-03 , var( --scw-color-accent-credit-cards-03 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-credit-cards-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
-$color: var( --scw-color-accent-credit-cards-03 );
+$text-transform: none;
+$color: var( --scw-color-theme-03 , var( --scw-color-accent-credit-cards-03 ));
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-credit-cards-mixins.scss

@@ -6,7 +6,7 @@
   border-radius: 10px 10px 10px 10px;
   border-width: 2px;
   border-style: solid;
-  border-color: var( --scw-color-accent-04 , var( --scw-color-accent-credit-cards-04 ) ); 
+  border-color: var( --scw-color-theme-04 , var( --scw-color-accent-credit-cards-04 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-credit-cards-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
-$stroke-color: var( --scw-color-accent-credit-cards-04 );
+$stroke-color: var( --scw-color-theme-04 , var( --scw-color-accent-credit-cards-04 ));
 $stroke-weight: 2px;
 $stroke-align: OUTSIDE;
 $corner-radius-top-left: 10px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-investments-label-mixins.scss

@@ -4,7 +4,7 @@
 @mixin text { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-06-font );
-  color: var( --scw-color-accent-03 , var( --scw-color-accent-investments-03 ) ); 
+  color: var( --scw-color-theme-03 , var( --scw-color-accent-investments-03 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-investments-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
-$color: var( --scw-color-accent-investments-03 );
+$text-transform: none;
+$color: var( --scw-color-theme-03 , var( --scw-color-accent-investments-03 ));
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-investments-mixins.scss

@@ -6,7 +6,7 @@
   border-radius: 10px 10px 10px 10px;
   border-width: 2px;
   border-style: solid;
-  border-color: var( --scw-color-accent-04 , var( --scw-color-accent-investments-04 ) ); 
+  border-color: var( --scw-color-theme-04 , var( --scw-color-accent-investments-04 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-investments-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
-$stroke-color: var( --scw-color-accent-investments-04 );
+$stroke-color: var( --scw-color-theme-04 , var( --scw-color-accent-investments-04 ));
 $stroke-weight: 2px;
 $stroke-align: OUTSIDE;
 $corner-radius-top-left: 10px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-mortgage-label-mixins.scss

@@ -4,7 +4,7 @@
 @mixin text { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-06-font );
-  color: var( --scw-color-accent-03 , var( --scw-color-accent-mortgage-03 ) ); 
+  color: var( --scw-color-theme-03 , var( --scw-color-accent-mortgage-03 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-mortgage-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
-$color: var( --scw-color-accent-mortgage-03 );
+$text-transform: none;
+$color: var( --scw-color-theme-03 , var( --scw-color-accent-mortgage-03 ));
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-mortgage-mixins.scss

@@ -6,7 +6,7 @@
   border-radius: 10px 10px 10px 10px;
   border-width: 2px;
   border-style: solid;
-  border-color: var( --scw-color-accent-04 , var( --scw-color-accent-mortgage-04 ) ); 
+  border-color: var( --scw-color-theme-04 , var( --scw-color-accent-mortgage-04 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-mortgage-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
-$stroke-color: var( --scw-color-accent-mortgage-04 );
+$stroke-color: var( --scw-color-theme-04 , var( --scw-color-accent-mortgage-04 ));
 $stroke-weight: 2px;
 $stroke-align: OUTSIDE;
 $corner-radius-top-left: 10px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-savings-label-mixins.scss

@@ -4,7 +4,7 @@
 @mixin text { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-06-font );
-  color: var( --scw-color-accent-03 , var( --scw-color-accent-savings-03 ) ); 
+  color: var( --scw-color-theme-03 , var( --scw-color-accent-savings-03 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-savings-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
-$color: var( --scw-color-accent-savings-03 );
+$text-transform: none;
+$color: var( --scw-color-theme-03 , var( --scw-color-accent-savings-03 ));
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-savings-mixins.scss

@@ -6,7 +6,7 @@
   border-radius: 10px 10px 10px 10px;
   border-width: 2px;
   border-style: solid;
-  border-color: var( --scw-color-accent-04 , var( --scw-color-accent-savings-04 ) ); 
+  border-color: var( --scw-color-theme-04 , var( --scw-color-accent-savings-04 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-savings-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
-$stroke-color: var( --scw-color-accent-savings-04 );
+$stroke-color: var( --scw-color-theme-04 , var( --scw-color-accent-savings-04 ));
 $stroke-weight: 2px;
 $stroke-align: OUTSIDE;
 $corner-radius-top-left: 10px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-student-label-mixins.scss

@@ -4,7 +4,7 @@
 @mixin text { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-06-font );
-  color: var( --scw-color-accent-03 , var( --scw-color-accent-student-03 ) ); 
+  color: var( --scw-color-theme-03 , var( --scw-color-accent-student-03 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-student-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
-$color: var( --scw-color-accent-student-03 );
+$text-transform: none;
+$color: var( --scw-color-theme-03 , var( --scw-color-accent-student-03 ));
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-student-mixins.scss

@@ -6,7 +6,7 @@
   border-radius: 10px 10px 10px 10px;
   border-width: 2px;
   border-style: solid;
-  border-color: var( --scw-color-accent-04 , var( --scw-color-accent-student-04 ) ); 
+  border-color: var( --scw-color-theme-04 , var( --scw-color-accent-student-04 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-color-student-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
-$stroke-color: var( --scw-color-accent-student-04 );
+$stroke-color: var( --scw-color-theme-04 , var( --scw-color-accent-student-04 ));
 $stroke-weight: 2px;
 $stroke-align: OUTSIDE;
 $corner-radius-top-left: 10px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-label-mixins.scss

@@ -4,7 +4,7 @@
 @mixin text { 
   text-align: LEFT;
   font: var( --scw-type-text-bold-06-font );
-  color: var( --scw-color-accent-03 , var( --scw-color-primary-03 ) ); 
+  color: var( --scw-color-theme-03 , var( --scw-color-primary-03 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-bold-06-text-transform );
-$color: var( --scw-color-primary-03 );
+$text-transform: none;
+$color: var( --scw-color-theme-03 , var( --scw-color-primary-03 ));
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: var( --scw-type-text-bold-06-line-height );
-$letter-spacing: var( --scw-type-text-bold-06-letter-spacing );
+$line-height: 1.318rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
 $height: 22px;

package/dist/tokens/segments/comp-scw-link/_design-outlined-mixins.scss

@@ -6,7 +6,7 @@
   border-radius: 10px 10px 10px 10px;
   border-width: 2px;
   border-style: solid;
-  border-color: var( --scw-color-accent-04 , var( --scw-color-primary-04 ) ); 
+  border-color: var( --scw-color-theme-04 , var( --scw-color-primary-04 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-outlined-vars.scss

@@ -2,7 +2,7 @@
 
 $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
-$stroke-color: var( --scw-color-primary-04 );
+$stroke-color: var( --scw-color-theme-04 , var( --scw-color-primary-04 ));
 $stroke-weight: 2px;
 $stroke-align: OUTSIDE;
 $corner-radius-top-left: 10px;

package/dist/tokens/segments/comp-scw-link/_design-text-color-checking-label-mixins.scss

@@ -4,7 +4,7 @@
 @mixin text { 
   text-align: LEFT;
   font: var( --scw-type-text-font );
-  color: var( --scw-color-accent-03 , var( --scw-color-accent-checking-03 ) ); 
+  color: var( --scw-color-theme-03 , var( --scw-color-accent-checking-03 ) ); 
 }
 
 @mixin sizing {

package/dist/tokens/segments/comp-scw-link/_design-text-color-checking-label-vars.scss

@@ -4,12 +4,12 @@ $characters: 'Label';
 $font-size: 1rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
-$text-transform: var( --scw-type-text-text-transform );
-$color: var( --scw-color-accent-checking-03 );
+$text-transform: none;
+$color: var( --scw-color-theme-03 , var( --scw-color-accent-checking-03 ));
 $font-family: 'Proxima Nova';
 $font-weight: 400;
-$line-height: var( --scw-type-text-line-height );
-$letter-spacing: var( --scw-type-text-letter-spacing );
+$line-height: 1.172rem;
+$letter-spacing: 0rem;
 $font: var( --scw-type-text-font );
 $width: 39px;
 $height: 19px;

package/dist/tokens/segments/comp-scw-link/_design-text-color-checking-underline-mixins.scss

@@ -2,7 +2,7 @@
 
 
 @mixin box { 
-  background-color: var( --scw-color-accent-03 , var( --scw-color-accent-checking-03 ) );
+  background-color: var( --scw-color-theme-03 , var( --scw-color-accent-checking-03 ) );
   align-self: stretch; 
 }