npm - scu-web-components - Versions diffs - 0.0.49 → 0.0.50 - Mend

scu-web-components 0.0.49 → 0.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1369) hide show

package/dist/themes/themes.css ADDED Viewed

@@ -0,0 +1,335 @@
+.scw-theme-primary,
+[scw-theme-primary] {
+  --scw-theme-color: var( --scw-color-primary-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-primary-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-primary-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-primary-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-primary-08 );
+}
+.scw-theme-primary-dark,
+[scw-theme-primary-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-primary-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-primary-04 );
+  --scw-theme-color-light: var( --scw-color-primary-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-primary-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-primary-08 );
+}
+.scw-theme-grey,
+[scw-theme-grey] {
+  --scw-theme-color: var( --scw-color-grey-02 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-grey-01 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-02 );
+  --scw-theme-icon-color-secondary: var( --scw-color-grey-03 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-grey-05 );
+}
+.scw-theme-grey-dark,
+[scw-theme-grey-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-grey-02 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-01 );
+  --scw-theme-color-light: var( --scw-color-grey-02 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-grey-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-grey-08 );
+}
+.scw-theme-mortgage,
+[scw-theme-mortgage] {
+  --scw-theme-color: var( --scw-color-mortgage-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-mortgage-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-mortgage-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-mortgage-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-mortgage-08 );
+}
+.scw-theme-mortgage-dark,
+[scw-theme-mortgage-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-mortgage-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-mortgage-04 );
+  --scw-theme-color-light: var( --scw-color-mortgage-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-mortgage-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-mortgage-08 );
+}
+.scw-theme-investments,
+[scw-theme-investments] {
+  --scw-theme-color: var( --scw-color-investments-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-investments-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-investments-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-investments-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-investments-08 );
+}
+.scw-theme-investments-dark,
+[scw-theme-investments-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-investments-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-investments-04 );
+  --scw-theme-color-light: var( --scw-color-investments-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-investments-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-investments-08 );
+}
+.scw-theme-credit-cards,
+[scw-theme-credit-cards] {
+  --scw-theme-color: var( --scw-color-credit-cards-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-credit-cards-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-credit-cards-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-credit-cards-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-credit-cards-08 );
+}
+.scw-theme-credit-cards-dark,
+[scw-theme-credit-cards-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-credit-cards-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-credit-cards-04 );
+  --scw-theme-color-light: var( --scw-color-credit-cards-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-credit-cards-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-credit-cards-08 );
+}
+.scw-theme-student,
+[scw-theme-student] {
+  --scw-theme-color: var( --scw-color-student-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-student-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-student-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-student-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-student-08 );
+}
+.scw-theme-student-dark,
+[scw-theme-student-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-student-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-student-04 );
+  --scw-theme-color-light: var( --scw-color-student-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-student-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-student-08 );
+}
+.scw-theme-savings,
+[scw-theme-savings] {
+  --scw-theme-color: var( --scw-color-savings-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-savings-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-savings-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-savings-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-savings-08 );
+}
+.scw-theme-savings-dark,
+[scw-theme-savings-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-savings-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-savings-04 );
+  --scw-theme-color-light: var( --scw-color-savings-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-savings-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-savings-08 );
+}
+.scw-theme-checking,
+[scw-theme-checking] {
+  --scw-theme-color: var( --scw-color-checking-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-checking-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-checking-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-checking-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-checking-08 );
+}
+.scw-theme-checking-dark,
+[scw-theme-checking-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-checking-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-checking-04 );
+  --scw-theme-color-light: var( --scw-color-checking-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-checking-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-checking-08 );
+}
+.scw-theme-red-shoes,
+[scw-theme-red-shoes] {
+  --scw-theme-color: var( --scw-color-red-shoes-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-red-shoes-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-red-shoes-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-red-shoes-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-red-shoes-08 );
+}
+.scw-theme-red-shoes-dark,
+[scw-theme-red-shoes-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-red-shoes-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-red-shoes-04 );
+  --scw-theme-color-light: var( --scw-color-red-shoes-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-red-shoes-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-red-shoes-08 );
+}
+.scw-theme-business,
+[scw-theme-business] {
+  --scw-theme-color: var( --scw-color-business-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-business-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-business-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-business-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-business-08 );
+}
+.scw-theme-business-dark,
+[scw-theme-business-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-business-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-business-04 );
+  --scw-theme-color-light: var( --scw-color-business-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-business-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-business-08 );
+}
+.scw-theme-personal,
+[scw-theme-personal] {
+  --scw-theme-color: var( --scw-color-personal-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-personal-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-personal-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-personal-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-personal-08 );
+}
+.scw-theme-personal-dark,
+[scw-theme-personal-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-personal-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-personal-04 );
+  --scw-theme-color-light: var( --scw-color-personal-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-personal-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-personal-08 );
+}
+.scw-theme-heloc,
+[scw-theme-heloc] {
+  --scw-theme-color: var( --scw-color-heloc-05 );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-heloc-04 );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-heloc-05 );
+  --scw-theme-icon-color-secondary: var( --scw-color-heloc-06 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-heloc-08 );
+}
+.scw-theme-heloc-dark,
+[scw-theme-heloc-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-heloc-05 );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-heloc-04 );
+  --scw-theme-color-light: var( --scw-color-heloc-05 );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-heloc-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-heloc-08 );
+}

package/dist/tokens/css.html CHANGED Viewed

@@ -22,7 +22,7 @@
 			const clipboardType = urlParams.get('clipboardType');
 			import run from './apps/cheatsheet/main.js';
-			run('.', import.meta, '0.7.38', '../example/dist/tokens', clipboardType );
+			run('.', import.meta, '0.7.39', '../example/dist/tokens', clipboardType );
 		</script>
 		<style>
@@ -52,7 +52,7 @@
 		<div id="main"></div>
 		<div id="main-loading">
-			Loading Summit Tokenizer Cheatsheet 0.7.38
+			Loading Summit Tokenizer Cheatsheet 0.7.39
 		</div>
   </body>

package/dist/tokens/css.html.gz CHANGED Viewed

Binary file

package/dist/tokens/segments/comp-scw-alert/_description-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: CENTER;
   font: var( --scw-type-text-font );

package/dist/tokens/segments/comp-scw-alert/_index-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-alert/_message-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: CENTER;
   font: var( --scw-type-text-bold-font );

package/dist/tokens/segments/comp-scw-card/_color-checking-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_color-checking-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_color-credit-cards-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_color-investments-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_color-investments-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_color-mortgage-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_color-mortgage-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_color-savings-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_color-savings-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_color-student-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_color-student-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_default-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_default-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_size-medium-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_size-medium-color-checking-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_size-medium-color-checking-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_size-medium-color-credit-cards-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_size-medium-color-credit-cards-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_size-medium-color-investments-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_size-medium-color-investments-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_size-medium-color-mortgage-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_size-medium-color-mortgage-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_size-medium-color-savings-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_size-medium-color-savings-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-card/_size-medium-color-student-action-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin box (
-  $bgThemeVar: '--scw-color',
+  $bgThemeVar: false,
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {

package/dist/tokens/segments/comp-scw-card/_size-medium-color-student-super-heading-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-font );

package/dist/tokens/segments/comp-scw-heading/_default-label-mixins.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 @mixin text (
-  $themeVar: '--scw-color'
+  $themeVar: false
 ) {
   text-align: LEFT;
   font: var( --scw-type-text-bold-condensed-10-font );