scu-web-components 0.0.49 → 0.0.50

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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