scu-web-components 0.0.49 → 0.0.51

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

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

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

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

package/dist/tokens/source/cssApi/colors-error-dark.css.json

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

package/dist/tokens/source/cssApi/colors-error-dark.scss.json

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

package/dist/tokens/source/cssApi/colors-error-light.css.json

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

package/dist/tokens/source/cssApi/colors-error-light.scss.json

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

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

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

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

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