scu-web-components 0.0.48 → 0.0.50

package/dist/tokens/source/cssApi/colors-savings-092.css.json

@@ -1,51 +1,51 @@
 {
   "background-color": {
-    "output": "\n.scw-background-color-savings-092,\n[scw-background-color-savings-092] {\n  --background-color: var( --scw-color-092 , var( --scw-color-savings-092 ));\n  background-color: var( --background-color );\n}",
+    "output": "\n.scw-background-color-savings-092,\n[scw-background-color-savings-092] {\n  --background-color: var( --scw-color-savings-092 );\n  background-color: var( --background-color );\n}",
     "selectorTemplate": "scw-background-color-[name]-[variation]",
     "selector": "scw-background-color-savings-092"
   },
   "color": {
-    "output": "\n.scw-color-savings-092,\n[scw-color-savings-092] {\n  --color: var( --scw-color-092 , var( --scw-color-savings-092 ));\n  color: var( --color );\n}",
+    "output": "\n.scw-color-savings-092,\n[scw-color-savings-092] {\n  --color: var( --scw-color-savings-092 );\n  color: var( --color );\n}",
     "selectorTemplate": "scw-color-[name]-[variation]",
     "selector": "scw-color-savings-092"
   },
   "border-color": {
-    "output": "\n.scw-border-color-savings-092,\n[scw-border-color-savings-092] {\n  border-color: var( --scw-color-092 , var( --scw-color-savings-092 ));\n}",
+    "output": "\n.scw-border-color-savings-092,\n[scw-border-color-savings-092] {\n  border-color: var( --scw-color-savings-092 );\n}",
     "selectorTemplate": "scw-border-color-[name]-[variation]",
     "selector": "scw-border-color-savings-092"
   },
   "border": {
-    "output": "\n.scw-border-savings-092,\n[scw-border-savings-092] {\n  border: 1px solid  var( --scw-color-092 , var( --scw-color-savings-092 ));\n}",
+    "output": "\n.scw-border-savings-092,\n[scw-border-savings-092] {\n  border: 1px solid  var( --scw-color-savings-092 );\n}",
     "selectorTemplate": "scw-border-[name]-[variation]",
     "selector": "scw-border-savings-092"
   },
   "border-top": {
-    "output": "\n.scw-border-top-savings-092,\n[scw-border-top-savings-092] {\n  border-top: 1px solid  var( --scw-color-092 , var( --scw-color-savings-092 ));\n}",
+    "output": "\n.scw-border-top-savings-092,\n[scw-border-top-savings-092] {\n  border-top: 1px solid  var( --scw-color-savings-092 );\n}",
     "selectorTemplate": "scw-border-top-[name]-[variation]",
     "selector": "scw-border-top-savings-092"
   },
   "border-bottom": {
-    "output": "\n.scw-border-bottom-savings-092,\n[scw-border-bottom-savings-092] {\n  border-bottom: 1px solid  var( --scw-color-092 , var( --scw-color-savings-092 ));\n}",
+    "output": "\n.scw-border-bottom-savings-092,\n[scw-border-bottom-savings-092] {\n  border-bottom: 1px solid  var( --scw-color-savings-092 );\n}",
     "selectorTemplate": "scw-border-bottom-[name]-[variation]",
     "selector": "scw-border-bottom-savings-092"
   },
   "border-left": {
-    "output": "\n.scw-border-left-savings-092,\n[scw-border-left-savings-092] {\n  border-left: 1px solid  var( --scw-color-092 , var( --scw-color-savings-092 ));\n}",
+    "output": "\n.scw-border-left-savings-092,\n[scw-border-left-savings-092] {\n  border-left: 1px solid  var( --scw-color-savings-092 );\n}",
     "selectorTemplate": "scw-border-left-[name]-[variation]",
     "selector": "scw-border-left-savings-092"
   },
   "border-right": {
-    "output": "\n.scw-border-right-savings-092,\n[scw-border-right-savings-092] {\n  border-right: 1px solid  var( --scw-color-092 , var( --scw-color-savings-092 ));\n}",
+    "output": "\n.scw-border-right-savings-092,\n[scw-border-right-savings-092] {\n  border-right: 1px solid  var( --scw-color-savings-092 );\n}",
     "selectorTemplate": "scw-border-right-[name]-[variation]",
     "selector": "scw-border-right-savings-092"
   },
   "color-hover": {
-    "output": "\n.scw-color-hover-savings-092:hover,\n[scw-color-hover-savings-092]:hover {\n  color: var( --scw-color-092 , var( --scw-color-savings-092 ));\n}",
+    "output": "\n.scw-color-hover-savings-092:hover,\n[scw-color-hover-savings-092]:hover {\n  color: var( --scw-color-savings-092 );\n}",
     "selectorTemplate": "scw-color-hover-[name]-[variation]",
     "selector": "scw-color-hover-savings-092"
   },
   "background-color-hover": {
-    "output": "\n.scw-background-color-hover-savings-092:hover,\n[scw-background-color-hover-savings-092]:hover {\n  background-color: var( --scw-color-092 , var( --scw-color-savings-092 ));\n}",
+    "output": "\n.scw-background-color-hover-savings-092:hover,\n[scw-background-color-hover-savings-092]:hover {\n  background-color: var( --scw-color-savings-092 );\n}",
     "selectorTemplate": "scw-background-color-hover-[name]-[variation]",
     "selector": "scw-background-color-hover-savings-092"
   }

package/dist/tokens/source/cssApi/colors-savings-092.scss.json

@@ -1,51 +1,51 @@
 {
   "background-color": {
-    "output": "\n@mixin scw-background-color-savings-092 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    --background-color: var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n    border-color: var( --background-color );\n  } @else {\n    --background-color: var( --scw-color-savings-092 );\n    background-color: var( --background-color );\n  }\n}",
+    "output": "\n@mixin scw-background-color-savings-092 ($themeVar: false) {\n  @if $themeVar {\n    --background-color: var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n    border-color: var( --background-color );\n  } @else {\n    --background-color: var( --scw-color-savings-092 );\n    background-color: var( --background-color );\n  }\n}",
     "selectorTemplate": "scw-background-color-[name]-[variation]",
     "selector": "scw-background-color-savings-092"
   },
   "color": {
-    "output": "\n@mixin scw-color-savings-092 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    --color: var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n    color: var( --color );\n  } @else {\n    --color: var( --scw-color-savings-092 );\n    color: var( --color );\n  }\n}",
+    "output": "\n@mixin scw-color-savings-092 ($themeVar: false) {\n  @if $themeVar {\n    --color: var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n    color: var( --color );\n  } @else {\n    --color: var( --scw-color-savings-092 );\n    color: var( --color );\n  }\n}",
     "selectorTemplate": "scw-color-[name]-[variation]",
     "selector": "scw-color-savings-092"
   },
   "border-color": {
-    "output": "\n@mixin scw-border-color-savings-092 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-color: var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border-color: var( --scw-color-savings-092 );\n  }\n}",
+    "output": "\n@mixin scw-border-color-savings-092 ($themeVar: false) {\n  @if $themeVar {\n    border-color: var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border-color: var( --scw-color-savings-092 );\n  }\n}",
     "selectorTemplate": "scw-border-color-[name]-[variation]",
     "selector": "scw-border-color-savings-092"
   },
   "border": {
-    "output": "\n@mixin scw-border-savings-092 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border: 1px solid  var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border: 1px solid  var( --scw-color-savings-092 );\n  }\n}",
+    "output": "\n@mixin scw-border-savings-092 ($themeVar: false) {\n  @if $themeVar {\n    border: 1px solid  var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border: 1px solid  var( --scw-color-savings-092 );\n  }\n}",
     "selectorTemplate": "scw-border-[name]-[variation]",
     "selector": "scw-border-savings-092"
   },
   "border-top": {
-    "output": "\n@mixin scw-border-top-savings-092 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-top: 1px solid  var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border-top: 1px solid  var( --scw-color-savings-092 );\n  }\n}",
+    "output": "\n@mixin scw-border-top-savings-092 ($themeVar: false) {\n  @if $themeVar {\n    border-top: 1px solid  var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border-top: 1px solid  var( --scw-color-savings-092 );\n  }\n}",
     "selectorTemplate": "scw-border-top-[name]-[variation]",
     "selector": "scw-border-top-savings-092"
   },
   "border-bottom": {
-    "output": "\n@mixin scw-border-bottom-savings-092 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-bottom: 1px solid  var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border-bottom: 1px solid  var( --scw-color-savings-092 );\n  }\n}",
+    "output": "\n@mixin scw-border-bottom-savings-092 ($themeVar: false) {\n  @if $themeVar {\n    border-bottom: 1px solid  var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border-bottom: 1px solid  var( --scw-color-savings-092 );\n  }\n}",
     "selectorTemplate": "scw-border-bottom-[name]-[variation]",
     "selector": "scw-border-bottom-savings-092"
   },
   "border-left": {
-    "output": "\n@mixin scw-border-left-savings-092 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-left: 1px solid  var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border-left: 1px solid  var( --scw-color-savings-092 );\n  }\n}",
+    "output": "\n@mixin scw-border-left-savings-092 ($themeVar: false) {\n  @if $themeVar {\n    border-left: 1px solid  var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border-left: 1px solid  var( --scw-color-savings-092 );\n  }\n}",
     "selectorTemplate": "scw-border-left-[name]-[variation]",
     "selector": "scw-border-left-savings-092"
   },
   "border-right": {
-    "output": "\n@mixin scw-border-right-savings-092 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-right: 1px solid  var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border-right: 1px solid  var( --scw-color-savings-092 );\n  }\n}",
+    "output": "\n@mixin scw-border-right-savings-092 ($themeVar: false) {\n  @if $themeVar {\n    border-right: 1px solid  var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n  } @else {\n    border-right: 1px solid  var( --scw-color-savings-092 );\n  }\n}",
     "selectorTemplate": "scw-border-right-[name]-[variation]",
     "selector": "scw-border-right-savings-092"
   },
   "color-hover": {
-    "output": "\n@mixin scw-color-hover-savings-092 ($themeVar: '--scw-color') {\n  &:hover {\n    @if $themeVar {\n      color: var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n    } @else {\n      color: var( --scw-color-savings-092 );\n    }\n  }\n}",
+    "output": "\n@mixin scw-color-hover-savings-092 ($themeVar: false) {\n  &:hover {\n    @if $themeVar {\n      color: var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n    } @else {\n      color: var( --scw-color-savings-092 );\n    }\n  }\n}",
     "selectorTemplate": "scw-color-hover-[name]-[variation]",
     "selector": "scw-color-hover-savings-092"
   },
   "background-color-hover": {
-    "output": "\n@mixin scw-background-color-hover-savings-092 ($themeVar: '--scw-color') {\n  &:hover {\n    @if $themeVar {\n      background-color: var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n    } @else {\n      background-color: var( --scw-color-savings-092 );\n    }\n  }\n}",
+    "output": "\n@mixin scw-background-color-hover-savings-092 ($themeVar: false) {\n  &:hover {\n    @if $themeVar {\n      background-color: var( #{$themeVar}-092 , var( --scw-color-savings-092 ) );\n    } @else {\n      background-color: var( --scw-color-savings-092 );\n    }\n  }\n}",
     "selectorTemplate": "scw-background-color-hover-[name]-[variation]",
     "selector": "scw-background-color-hover-savings-092"
   }

package/dist/tokens/source/cssApi/colors-savings-095.css.json

@@ -1,51 +1,51 @@
 {
   "background-color": {
-    "output": "\n.scw-background-color-savings-095,\n[scw-background-color-savings-095] {\n  --background-color: var( --scw-color-095 , var( --scw-color-savings-095 ));\n  background-color: var( --background-color );\n}",
+    "output": "\n.scw-background-color-savings-095,\n[scw-background-color-savings-095] {\n  --background-color: var( --scw-color-savings-095 );\n  background-color: var( --background-color );\n}",
     "selectorTemplate": "scw-background-color-[name]-[variation]",
     "selector": "scw-background-color-savings-095"
   },
   "color": {
-    "output": "\n.scw-color-savings-095,\n[scw-color-savings-095] {\n  --color: var( --scw-color-095 , var( --scw-color-savings-095 ));\n  color: var( --color );\n}",
+    "output": "\n.scw-color-savings-095,\n[scw-color-savings-095] {\n  --color: var( --scw-color-savings-095 );\n  color: var( --color );\n}",
     "selectorTemplate": "scw-color-[name]-[variation]",
     "selector": "scw-color-savings-095"
   },
   "border-color": {
-    "output": "\n.scw-border-color-savings-095,\n[scw-border-color-savings-095] {\n  border-color: var( --scw-color-095 , var( --scw-color-savings-095 ));\n}",
+    "output": "\n.scw-border-color-savings-095,\n[scw-border-color-savings-095] {\n  border-color: var( --scw-color-savings-095 );\n}",
     "selectorTemplate": "scw-border-color-[name]-[variation]",
     "selector": "scw-border-color-savings-095"
   },
   "border": {
-    "output": "\n.scw-border-savings-095,\n[scw-border-savings-095] {\n  border: 1px solid  var( --scw-color-095 , var( --scw-color-savings-095 ));\n}",
+    "output": "\n.scw-border-savings-095,\n[scw-border-savings-095] {\n  border: 1px solid  var( --scw-color-savings-095 );\n}",
     "selectorTemplate": "scw-border-[name]-[variation]",
     "selector": "scw-border-savings-095"
   },
   "border-top": {
-    "output": "\n.scw-border-top-savings-095,\n[scw-border-top-savings-095] {\n  border-top: 1px solid  var( --scw-color-095 , var( --scw-color-savings-095 ));\n}",
+    "output": "\n.scw-border-top-savings-095,\n[scw-border-top-savings-095] {\n  border-top: 1px solid  var( --scw-color-savings-095 );\n}",
     "selectorTemplate": "scw-border-top-[name]-[variation]",
     "selector": "scw-border-top-savings-095"
   },
   "border-bottom": {
-    "output": "\n.scw-border-bottom-savings-095,\n[scw-border-bottom-savings-095] {\n  border-bottom: 1px solid  var( --scw-color-095 , var( --scw-color-savings-095 ));\n}",
+    "output": "\n.scw-border-bottom-savings-095,\n[scw-border-bottom-savings-095] {\n  border-bottom: 1px solid  var( --scw-color-savings-095 );\n}",
     "selectorTemplate": "scw-border-bottom-[name]-[variation]",
     "selector": "scw-border-bottom-savings-095"
   },
   "border-left": {
-    "output": "\n.scw-border-left-savings-095,\n[scw-border-left-savings-095] {\n  border-left: 1px solid  var( --scw-color-095 , var( --scw-color-savings-095 ));\n}",
+    "output": "\n.scw-border-left-savings-095,\n[scw-border-left-savings-095] {\n  border-left: 1px solid  var( --scw-color-savings-095 );\n}",
     "selectorTemplate": "scw-border-left-[name]-[variation]",
     "selector": "scw-border-left-savings-095"
   },
   "border-right": {
-    "output": "\n.scw-border-right-savings-095,\n[scw-border-right-savings-095] {\n  border-right: 1px solid  var( --scw-color-095 , var( --scw-color-savings-095 ));\n}",
+    "output": "\n.scw-border-right-savings-095,\n[scw-border-right-savings-095] {\n  border-right: 1px solid  var( --scw-color-savings-095 );\n}",
     "selectorTemplate": "scw-border-right-[name]-[variation]",
     "selector": "scw-border-right-savings-095"
   },
   "color-hover": {
-    "output": "\n.scw-color-hover-savings-095:hover,\n[scw-color-hover-savings-095]:hover {\n  color: var( --scw-color-095 , var( --scw-color-savings-095 ));\n}",
+    "output": "\n.scw-color-hover-savings-095:hover,\n[scw-color-hover-savings-095]:hover {\n  color: var( --scw-color-savings-095 );\n}",
     "selectorTemplate": "scw-color-hover-[name]-[variation]",
     "selector": "scw-color-hover-savings-095"
   },
   "background-color-hover": {
-    "output": "\n.scw-background-color-hover-savings-095:hover,\n[scw-background-color-hover-savings-095]:hover {\n  background-color: var( --scw-color-095 , var( --scw-color-savings-095 ));\n}",
+    "output": "\n.scw-background-color-hover-savings-095:hover,\n[scw-background-color-hover-savings-095]:hover {\n  background-color: var( --scw-color-savings-095 );\n}",
     "selectorTemplate": "scw-background-color-hover-[name]-[variation]",
     "selector": "scw-background-color-hover-savings-095"
   }

package/dist/tokens/source/cssApi/colors-savings-095.scss.json

@@ -1,51 +1,51 @@
 {
   "background-color": {
-    "output": "\n@mixin scw-background-color-savings-095 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    --background-color: var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n    border-color: var( --background-color );\n  } @else {\n    --background-color: var( --scw-color-savings-095 );\n    background-color: var( --background-color );\n  }\n}",
+    "output": "\n@mixin scw-background-color-savings-095 ($themeVar: false) {\n  @if $themeVar {\n    --background-color: var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n    border-color: var( --background-color );\n  } @else {\n    --background-color: var( --scw-color-savings-095 );\n    background-color: var( --background-color );\n  }\n}",
     "selectorTemplate": "scw-background-color-[name]-[variation]",
     "selector": "scw-background-color-savings-095"
   },
   "color": {
-    "output": "\n@mixin scw-color-savings-095 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    --color: var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n    color: var( --color );\n  } @else {\n    --color: var( --scw-color-savings-095 );\n    color: var( --color );\n  }\n}",
+    "output": "\n@mixin scw-color-savings-095 ($themeVar: false) {\n  @if $themeVar {\n    --color: var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n    color: var( --color );\n  } @else {\n    --color: var( --scw-color-savings-095 );\n    color: var( --color );\n  }\n}",
     "selectorTemplate": "scw-color-[name]-[variation]",
     "selector": "scw-color-savings-095"
   },
   "border-color": {
-    "output": "\n@mixin scw-border-color-savings-095 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-color: var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border-color: var( --scw-color-savings-095 );\n  }\n}",
+    "output": "\n@mixin scw-border-color-savings-095 ($themeVar: false) {\n  @if $themeVar {\n    border-color: var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border-color: var( --scw-color-savings-095 );\n  }\n}",
     "selectorTemplate": "scw-border-color-[name]-[variation]",
     "selector": "scw-border-color-savings-095"
   },
   "border": {
-    "output": "\n@mixin scw-border-savings-095 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border: 1px solid  var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border: 1px solid  var( --scw-color-savings-095 );\n  }\n}",
+    "output": "\n@mixin scw-border-savings-095 ($themeVar: false) {\n  @if $themeVar {\n    border: 1px solid  var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border: 1px solid  var( --scw-color-savings-095 );\n  }\n}",
     "selectorTemplate": "scw-border-[name]-[variation]",
     "selector": "scw-border-savings-095"
   },
   "border-top": {
-    "output": "\n@mixin scw-border-top-savings-095 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-top: 1px solid  var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border-top: 1px solid  var( --scw-color-savings-095 );\n  }\n}",
+    "output": "\n@mixin scw-border-top-savings-095 ($themeVar: false) {\n  @if $themeVar {\n    border-top: 1px solid  var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border-top: 1px solid  var( --scw-color-savings-095 );\n  }\n}",
     "selectorTemplate": "scw-border-top-[name]-[variation]",
     "selector": "scw-border-top-savings-095"
   },
   "border-bottom": {
-    "output": "\n@mixin scw-border-bottom-savings-095 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-bottom: 1px solid  var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border-bottom: 1px solid  var( --scw-color-savings-095 );\n  }\n}",
+    "output": "\n@mixin scw-border-bottom-savings-095 ($themeVar: false) {\n  @if $themeVar {\n    border-bottom: 1px solid  var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border-bottom: 1px solid  var( --scw-color-savings-095 );\n  }\n}",
     "selectorTemplate": "scw-border-bottom-[name]-[variation]",
     "selector": "scw-border-bottom-savings-095"
   },
   "border-left": {
-    "output": "\n@mixin scw-border-left-savings-095 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-left: 1px solid  var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border-left: 1px solid  var( --scw-color-savings-095 );\n  }\n}",
+    "output": "\n@mixin scw-border-left-savings-095 ($themeVar: false) {\n  @if $themeVar {\n    border-left: 1px solid  var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border-left: 1px solid  var( --scw-color-savings-095 );\n  }\n}",
     "selectorTemplate": "scw-border-left-[name]-[variation]",
     "selector": "scw-border-left-savings-095"
   },
   "border-right": {
-    "output": "\n@mixin scw-border-right-savings-095 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-right: 1px solid  var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border-right: 1px solid  var( --scw-color-savings-095 );\n  }\n}",
+    "output": "\n@mixin scw-border-right-savings-095 ($themeVar: false) {\n  @if $themeVar {\n    border-right: 1px solid  var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n  } @else {\n    border-right: 1px solid  var( --scw-color-savings-095 );\n  }\n}",
     "selectorTemplate": "scw-border-right-[name]-[variation]",
     "selector": "scw-border-right-savings-095"
   },
   "color-hover": {
-    "output": "\n@mixin scw-color-hover-savings-095 ($themeVar: '--scw-color') {\n  &:hover {\n    @if $themeVar {\n      color: var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n    } @else {\n      color: var( --scw-color-savings-095 );\n    }\n  }\n}",
+    "output": "\n@mixin scw-color-hover-savings-095 ($themeVar: false) {\n  &:hover {\n    @if $themeVar {\n      color: var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n    } @else {\n      color: var( --scw-color-savings-095 );\n    }\n  }\n}",
     "selectorTemplate": "scw-color-hover-[name]-[variation]",
     "selector": "scw-color-hover-savings-095"
   },
   "background-color-hover": {
-    "output": "\n@mixin scw-background-color-hover-savings-095 ($themeVar: '--scw-color') {\n  &:hover {\n    @if $themeVar {\n      background-color: var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n    } @else {\n      background-color: var( --scw-color-savings-095 );\n    }\n  }\n}",
+    "output": "\n@mixin scw-background-color-hover-savings-095 ($themeVar: false) {\n  &:hover {\n    @if $themeVar {\n      background-color: var( #{$themeVar}-095 , var( --scw-color-savings-095 ) );\n    } @else {\n      background-color: var( --scw-color-savings-095 );\n    }\n  }\n}",
     "selectorTemplate": "scw-background-color-hover-[name]-[variation]",
     "selector": "scw-background-color-hover-savings-095"
   }

package/dist/tokens/source/cssApi/colors-student-.css.json

@@ -1,51 +1,51 @@
 {
   "background-color": {
-    "output": "\n.scw-background-color-student,\n[scw-background-color-student] {\n  --background-color: var( --scw-color , var( --scw-color-student ));\n  background-color: var( --background-color );\n}",
+    "output": "\n.scw-background-color-student,\n[scw-background-color-student] {\n  --background-color: var( --scw-color-student );\n  background-color: var( --background-color );\n}",
     "selectorTemplate": "scw-background-color-[name]-[variation]",
     "selector": "scw-background-color-student"
   },
   "color": {
-    "output": "\n.scw-color-student,\n[scw-color-student] {\n  --color: var( --scw-color , var( --scw-color-student ));\n  color: var( --color );\n}",
+    "output": "\n.scw-color-student,\n[scw-color-student] {\n  --color: var( --scw-color-student );\n  color: var( --color );\n}",
     "selectorTemplate": "scw-color-[name]-[variation]",
     "selector": "scw-color-student"
   },
   "border-color": {
-    "output": "\n.scw-border-color-student,\n[scw-border-color-student] {\n  border-color: var( --scw-color , var( --scw-color-student ));\n}",
+    "output": "\n.scw-border-color-student,\n[scw-border-color-student] {\n  border-color: var( --scw-color-student );\n}",
     "selectorTemplate": "scw-border-color-[name]-[variation]",
     "selector": "scw-border-color-student"
   },
   "border": {
-    "output": "\n.scw-border-student,\n[scw-border-student] {\n  border: 1px solid  var( --scw-color , var( --scw-color-student ));\n}",
+    "output": "\n.scw-border-student,\n[scw-border-student] {\n  border: 1px solid  var( --scw-color-student );\n}",
     "selectorTemplate": "scw-border-[name]-[variation]",
     "selector": "scw-border-student"
   },
   "border-top": {
-    "output": "\n.scw-border-top-student,\n[scw-border-top-student] {\n  border-top: 1px solid  var( --scw-color , var( --scw-color-student ));\n}",
+    "output": "\n.scw-border-top-student,\n[scw-border-top-student] {\n  border-top: 1px solid  var( --scw-color-student );\n}",
     "selectorTemplate": "scw-border-top-[name]-[variation]",
     "selector": "scw-border-top-student"
   },
   "border-bottom": {
-    "output": "\n.scw-border-bottom-student,\n[scw-border-bottom-student] {\n  border-bottom: 1px solid  var( --scw-color , var( --scw-color-student ));\n}",
+    "output": "\n.scw-border-bottom-student,\n[scw-border-bottom-student] {\n  border-bottom: 1px solid  var( --scw-color-student );\n}",
     "selectorTemplate": "scw-border-bottom-[name]-[variation]",
     "selector": "scw-border-bottom-student"
   },
   "border-left": {
-    "output": "\n.scw-border-left-student,\n[scw-border-left-student] {\n  border-left: 1px solid  var( --scw-color , var( --scw-color-student ));\n}",
+    "output": "\n.scw-border-left-student,\n[scw-border-left-student] {\n  border-left: 1px solid  var( --scw-color-student );\n}",
     "selectorTemplate": "scw-border-left-[name]-[variation]",
     "selector": "scw-border-left-student"
   },
   "border-right": {
-    "output": "\n.scw-border-right-student,\n[scw-border-right-student] {\n  border-right: 1px solid  var( --scw-color , var( --scw-color-student ));\n}",
+    "output": "\n.scw-border-right-student,\n[scw-border-right-student] {\n  border-right: 1px solid  var( --scw-color-student );\n}",
     "selectorTemplate": "scw-border-right-[name]-[variation]",
     "selector": "scw-border-right-student"
   },
   "color-hover": {
-    "output": "\n.scw-color-hover-student:hover,\n[scw-color-hover-student]:hover {\n  color: var( --scw-color , var( --scw-color-student ));\n}",
+    "output": "\n.scw-color-hover-student:hover,\n[scw-color-hover-student]:hover {\n  color: var( --scw-color-student );\n}",
     "selectorTemplate": "scw-color-hover-[name]-[variation]",
     "selector": "scw-color-hover-student"
   },
   "background-color-hover": {
-    "output": "\n.scw-background-color-hover-student:hover,\n[scw-background-color-hover-student]:hover {\n  background-color: var( --scw-color , var( --scw-color-student ));\n}",
+    "output": "\n.scw-background-color-hover-student:hover,\n[scw-background-color-hover-student]:hover {\n  background-color: var( --scw-color-student );\n}",
     "selectorTemplate": "scw-background-color-hover-[name]-[variation]",
     "selector": "scw-background-color-hover-student"
   }

package/dist/tokens/source/cssApi/colors-student-.scss.json

@@ -1,51 +1,51 @@
 {
   "background-color": {
-    "output": "\n@mixin scw-background-color-student ($themeVar: '--scw-color') {\n  @if $themeVar {\n    --background-color: var( #{$themeVar} , var( --scw-color-student ) );\n    border-color: var( --background-color );\n  } @else {\n    --background-color: var( --scw-color-student );\n    background-color: var( --background-color );\n  }\n}",
+    "output": "\n@mixin scw-background-color-student ($themeVar: false) {\n  @if $themeVar {\n    --background-color: var( #{$themeVar} , var( --scw-color-student ) );\n    border-color: var( --background-color );\n  } @else {\n    --background-color: var( --scw-color-student );\n    background-color: var( --background-color );\n  }\n}",
     "selectorTemplate": "scw-background-color-[name]-[variation]",
     "selector": "scw-background-color-student"
   },
   "color": {
-    "output": "\n@mixin scw-color-student ($themeVar: '--scw-color') {\n  @if $themeVar {\n    --color: var( #{$themeVar} , var( --scw-color-student ) );\n    color: var( --color );\n  } @else {\n    --color: var( --scw-color-student );\n    color: var( --color );\n  }\n}",
+    "output": "\n@mixin scw-color-student ($themeVar: false) {\n  @if $themeVar {\n    --color: var( #{$themeVar} , var( --scw-color-student ) );\n    color: var( --color );\n  } @else {\n    --color: var( --scw-color-student );\n    color: var( --color );\n  }\n}",
     "selectorTemplate": "scw-color-[name]-[variation]",
     "selector": "scw-color-student"
   },
   "border-color": {
-    "output": "\n@mixin scw-border-color-student ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-color: var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border-color: var( --scw-color-student );\n  }\n}",
+    "output": "\n@mixin scw-border-color-student ($themeVar: false) {\n  @if $themeVar {\n    border-color: var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border-color: var( --scw-color-student );\n  }\n}",
     "selectorTemplate": "scw-border-color-[name]-[variation]",
     "selector": "scw-border-color-student"
   },
   "border": {
-    "output": "\n@mixin scw-border-student ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border: 1px solid  var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border: 1px solid  var( --scw-color-student );\n  }\n}",
+    "output": "\n@mixin scw-border-student ($themeVar: false) {\n  @if $themeVar {\n    border: 1px solid  var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border: 1px solid  var( --scw-color-student );\n  }\n}",
     "selectorTemplate": "scw-border-[name]-[variation]",
     "selector": "scw-border-student"
   },
   "border-top": {
-    "output": "\n@mixin scw-border-top-student ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-top: 1px solid  var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border-top: 1px solid  var( --scw-color-student );\n  }\n}",
+    "output": "\n@mixin scw-border-top-student ($themeVar: false) {\n  @if $themeVar {\n    border-top: 1px solid  var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border-top: 1px solid  var( --scw-color-student );\n  }\n}",
     "selectorTemplate": "scw-border-top-[name]-[variation]",
     "selector": "scw-border-top-student"
   },
   "border-bottom": {
-    "output": "\n@mixin scw-border-bottom-student ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-bottom: 1px solid  var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border-bottom: 1px solid  var( --scw-color-student );\n  }\n}",
+    "output": "\n@mixin scw-border-bottom-student ($themeVar: false) {\n  @if $themeVar {\n    border-bottom: 1px solid  var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border-bottom: 1px solid  var( --scw-color-student );\n  }\n}",
     "selectorTemplate": "scw-border-bottom-[name]-[variation]",
     "selector": "scw-border-bottom-student"
   },
   "border-left": {
-    "output": "\n@mixin scw-border-left-student ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-left: 1px solid  var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border-left: 1px solid  var( --scw-color-student );\n  }\n}",
+    "output": "\n@mixin scw-border-left-student ($themeVar: false) {\n  @if $themeVar {\n    border-left: 1px solid  var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border-left: 1px solid  var( --scw-color-student );\n  }\n}",
     "selectorTemplate": "scw-border-left-[name]-[variation]",
     "selector": "scw-border-left-student"
   },
   "border-right": {
-    "output": "\n@mixin scw-border-right-student ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-right: 1px solid  var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border-right: 1px solid  var( --scw-color-student );\n  }\n}",
+    "output": "\n@mixin scw-border-right-student ($themeVar: false) {\n  @if $themeVar {\n    border-right: 1px solid  var( #{$themeVar} , var( --scw-color-student ) );\n  } @else {\n    border-right: 1px solid  var( --scw-color-student );\n  }\n}",
     "selectorTemplate": "scw-border-right-[name]-[variation]",
     "selector": "scw-border-right-student"
   },
   "color-hover": {
-    "output": "\n@mixin scw-color-hover-student ($themeVar: '--scw-color') {\n  &:hover {\n    @if $themeVar {\n      color: var( #{$themeVar} , var( --scw-color-student ) );\n    } @else {\n      color: var( --scw-color-student );\n    }\n  }\n}",
+    "output": "\n@mixin scw-color-hover-student ($themeVar: false) {\n  &:hover {\n    @if $themeVar {\n      color: var( #{$themeVar} , var( --scw-color-student ) );\n    } @else {\n      color: var( --scw-color-student );\n    }\n  }\n}",
     "selectorTemplate": "scw-color-hover-[name]-[variation]",
     "selector": "scw-color-hover-student"
   },
   "background-color-hover": {
-    "output": "\n@mixin scw-background-color-hover-student ($themeVar: '--scw-color') {\n  &:hover {\n    @if $themeVar {\n      background-color: var( #{$themeVar} , var( --scw-color-student ) );\n    } @else {\n      background-color: var( --scw-color-student );\n    }\n  }\n}",
+    "output": "\n@mixin scw-background-color-hover-student ($themeVar: false) {\n  &:hover {\n    @if $themeVar {\n      background-color: var( #{$themeVar} , var( --scw-color-student ) );\n    } @else {\n      background-color: var( --scw-color-student );\n    }\n  }\n}",
     "selectorTemplate": "scw-background-color-hover-[name]-[variation]",
     "selector": "scw-background-color-hover-student"
   }

package/dist/tokens/source/cssApi/colors-student-01.css.json

@@ -1,51 +1,51 @@
 {
   "background-color": {
-    "output": "\n.scw-background-color-student-01,\n[scw-background-color-student-01] {\n  --background-color: var( --scw-color-01 , var( --scw-color-student-01 ));\n  background-color: var( --background-color );\n}",
+    "output": "\n.scw-background-color-student-01,\n[scw-background-color-student-01] {\n  --background-color: var( --scw-color-student-01 );\n  background-color: var( --background-color );\n}",
     "selectorTemplate": "scw-background-color-[name]-[variation]",
     "selector": "scw-background-color-student-01"
   },
   "color": {
-    "output": "\n.scw-color-student-01,\n[scw-color-student-01] {\n  --color: var( --scw-color-01 , var( --scw-color-student-01 ));\n  color: var( --color );\n}",
+    "output": "\n.scw-color-student-01,\n[scw-color-student-01] {\n  --color: var( --scw-color-student-01 );\n  color: var( --color );\n}",
     "selectorTemplate": "scw-color-[name]-[variation]",
     "selector": "scw-color-student-01"
   },
   "border-color": {
-    "output": "\n.scw-border-color-student-01,\n[scw-border-color-student-01] {\n  border-color: var( --scw-color-01 , var( --scw-color-student-01 ));\n}",
+    "output": "\n.scw-border-color-student-01,\n[scw-border-color-student-01] {\n  border-color: var( --scw-color-student-01 );\n}",
     "selectorTemplate": "scw-border-color-[name]-[variation]",
     "selector": "scw-border-color-student-01"
   },
   "border": {
-    "output": "\n.scw-border-student-01,\n[scw-border-student-01] {\n  border: 1px solid  var( --scw-color-01 , var( --scw-color-student-01 ));\n}",
+    "output": "\n.scw-border-student-01,\n[scw-border-student-01] {\n  border: 1px solid  var( --scw-color-student-01 );\n}",
     "selectorTemplate": "scw-border-[name]-[variation]",
     "selector": "scw-border-student-01"
   },
   "border-top": {
-    "output": "\n.scw-border-top-student-01,\n[scw-border-top-student-01] {\n  border-top: 1px solid  var( --scw-color-01 , var( --scw-color-student-01 ));\n}",
+    "output": "\n.scw-border-top-student-01,\n[scw-border-top-student-01] {\n  border-top: 1px solid  var( --scw-color-student-01 );\n}",
     "selectorTemplate": "scw-border-top-[name]-[variation]",
     "selector": "scw-border-top-student-01"
   },
   "border-bottom": {
-    "output": "\n.scw-border-bottom-student-01,\n[scw-border-bottom-student-01] {\n  border-bottom: 1px solid  var( --scw-color-01 , var( --scw-color-student-01 ));\n}",
+    "output": "\n.scw-border-bottom-student-01,\n[scw-border-bottom-student-01] {\n  border-bottom: 1px solid  var( --scw-color-student-01 );\n}",
     "selectorTemplate": "scw-border-bottom-[name]-[variation]",
     "selector": "scw-border-bottom-student-01"
   },
   "border-left": {
-    "output": "\n.scw-border-left-student-01,\n[scw-border-left-student-01] {\n  border-left: 1px solid  var( --scw-color-01 , var( --scw-color-student-01 ));\n}",
+    "output": "\n.scw-border-left-student-01,\n[scw-border-left-student-01] {\n  border-left: 1px solid  var( --scw-color-student-01 );\n}",
     "selectorTemplate": "scw-border-left-[name]-[variation]",
     "selector": "scw-border-left-student-01"
   },
   "border-right": {
-    "output": "\n.scw-border-right-student-01,\n[scw-border-right-student-01] {\n  border-right: 1px solid  var( --scw-color-01 , var( --scw-color-student-01 ));\n}",
+    "output": "\n.scw-border-right-student-01,\n[scw-border-right-student-01] {\n  border-right: 1px solid  var( --scw-color-student-01 );\n}",
     "selectorTemplate": "scw-border-right-[name]-[variation]",
     "selector": "scw-border-right-student-01"
   },
   "color-hover": {
-    "output": "\n.scw-color-hover-student-01:hover,\n[scw-color-hover-student-01]:hover {\n  color: var( --scw-color-01 , var( --scw-color-student-01 ));\n}",
+    "output": "\n.scw-color-hover-student-01:hover,\n[scw-color-hover-student-01]:hover {\n  color: var( --scw-color-student-01 );\n}",
     "selectorTemplate": "scw-color-hover-[name]-[variation]",
     "selector": "scw-color-hover-student-01"
   },
   "background-color-hover": {
-    "output": "\n.scw-background-color-hover-student-01:hover,\n[scw-background-color-hover-student-01]:hover {\n  background-color: var( --scw-color-01 , var( --scw-color-student-01 ));\n}",
+    "output": "\n.scw-background-color-hover-student-01:hover,\n[scw-background-color-hover-student-01]:hover {\n  background-color: var( --scw-color-student-01 );\n}",
     "selectorTemplate": "scw-background-color-hover-[name]-[variation]",
     "selector": "scw-background-color-hover-student-01"
   }

package/dist/tokens/source/cssApi/colors-student-01.scss.json

@@ -1,51 +1,51 @@
 {
   "background-color": {
-    "output": "\n@mixin scw-background-color-student-01 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    --background-color: var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n    border-color: var( --background-color );\n  } @else {\n    --background-color: var( --scw-color-student-01 );\n    background-color: var( --background-color );\n  }\n}",
+    "output": "\n@mixin scw-background-color-student-01 ($themeVar: false) {\n  @if $themeVar {\n    --background-color: var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n    border-color: var( --background-color );\n  } @else {\n    --background-color: var( --scw-color-student-01 );\n    background-color: var( --background-color );\n  }\n}",
     "selectorTemplate": "scw-background-color-[name]-[variation]",
     "selector": "scw-background-color-student-01"
   },
   "color": {
-    "output": "\n@mixin scw-color-student-01 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    --color: var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n    color: var( --color );\n  } @else {\n    --color: var( --scw-color-student-01 );\n    color: var( --color );\n  }\n}",
+    "output": "\n@mixin scw-color-student-01 ($themeVar: false) {\n  @if $themeVar {\n    --color: var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n    color: var( --color );\n  } @else {\n    --color: var( --scw-color-student-01 );\n    color: var( --color );\n  }\n}",
     "selectorTemplate": "scw-color-[name]-[variation]",
     "selector": "scw-color-student-01"
   },
   "border-color": {
-    "output": "\n@mixin scw-border-color-student-01 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-color: var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border-color: var( --scw-color-student-01 );\n  }\n}",
+    "output": "\n@mixin scw-border-color-student-01 ($themeVar: false) {\n  @if $themeVar {\n    border-color: var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border-color: var( --scw-color-student-01 );\n  }\n}",
     "selectorTemplate": "scw-border-color-[name]-[variation]",
     "selector": "scw-border-color-student-01"
   },
   "border": {
-    "output": "\n@mixin scw-border-student-01 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border: 1px solid  var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border: 1px solid  var( --scw-color-student-01 );\n  }\n}",
+    "output": "\n@mixin scw-border-student-01 ($themeVar: false) {\n  @if $themeVar {\n    border: 1px solid  var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border: 1px solid  var( --scw-color-student-01 );\n  }\n}",
     "selectorTemplate": "scw-border-[name]-[variation]",
     "selector": "scw-border-student-01"
   },
   "border-top": {
-    "output": "\n@mixin scw-border-top-student-01 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-top: 1px solid  var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border-top: 1px solid  var( --scw-color-student-01 );\n  }\n}",
+    "output": "\n@mixin scw-border-top-student-01 ($themeVar: false) {\n  @if $themeVar {\n    border-top: 1px solid  var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border-top: 1px solid  var( --scw-color-student-01 );\n  }\n}",
     "selectorTemplate": "scw-border-top-[name]-[variation]",
     "selector": "scw-border-top-student-01"
   },
   "border-bottom": {
-    "output": "\n@mixin scw-border-bottom-student-01 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-bottom: 1px solid  var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border-bottom: 1px solid  var( --scw-color-student-01 );\n  }\n}",
+    "output": "\n@mixin scw-border-bottom-student-01 ($themeVar: false) {\n  @if $themeVar {\n    border-bottom: 1px solid  var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border-bottom: 1px solid  var( --scw-color-student-01 );\n  }\n}",
     "selectorTemplate": "scw-border-bottom-[name]-[variation]",
     "selector": "scw-border-bottom-student-01"
   },
   "border-left": {
-    "output": "\n@mixin scw-border-left-student-01 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-left: 1px solid  var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border-left: 1px solid  var( --scw-color-student-01 );\n  }\n}",
+    "output": "\n@mixin scw-border-left-student-01 ($themeVar: false) {\n  @if $themeVar {\n    border-left: 1px solid  var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border-left: 1px solid  var( --scw-color-student-01 );\n  }\n}",
     "selectorTemplate": "scw-border-left-[name]-[variation]",
     "selector": "scw-border-left-student-01"
   },
   "border-right": {
-    "output": "\n@mixin scw-border-right-student-01 ($themeVar: '--scw-color') {\n  @if $themeVar {\n    border-right: 1px solid  var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border-right: 1px solid  var( --scw-color-student-01 );\n  }\n}",
+    "output": "\n@mixin scw-border-right-student-01 ($themeVar: false) {\n  @if $themeVar {\n    border-right: 1px solid  var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n  } @else {\n    border-right: 1px solid  var( --scw-color-student-01 );\n  }\n}",
     "selectorTemplate": "scw-border-right-[name]-[variation]",
     "selector": "scw-border-right-student-01"
   },
   "color-hover": {
-    "output": "\n@mixin scw-color-hover-student-01 ($themeVar: '--scw-color') {\n  &:hover {\n    @if $themeVar {\n      color: var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n    } @else {\n      color: var( --scw-color-student-01 );\n    }\n  }\n}",
+    "output": "\n@mixin scw-color-hover-student-01 ($themeVar: false) {\n  &:hover {\n    @if $themeVar {\n      color: var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n    } @else {\n      color: var( --scw-color-student-01 );\n    }\n  }\n}",
     "selectorTemplate": "scw-color-hover-[name]-[variation]",
     "selector": "scw-color-hover-student-01"
   },
   "background-color-hover": {
-    "output": "\n@mixin scw-background-color-hover-student-01 ($themeVar: '--scw-color') {\n  &:hover {\n    @if $themeVar {\n      background-color: var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n    } @else {\n      background-color: var( --scw-color-student-01 );\n    }\n  }\n}",
+    "output": "\n@mixin scw-background-color-hover-student-01 ($themeVar: false) {\n  &:hover {\n    @if $themeVar {\n      background-color: var( #{$themeVar}-01 , var( --scw-color-student-01 ) );\n    } @else {\n      background-color: var( --scw-color-student-01 );\n    }\n  }\n}",
     "selectorTemplate": "scw-background-color-hover-[name]-[variation]",
     "selector": "scw-background-color-hover-student-01"
   }