scu-web-components 0.0.11 → 0.0.14

package/dist/tokens/source/cssApi/colors-checking-03.scss.json

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

package/dist/tokens/source/cssApi/colors-checking-04.css.json

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

package/dist/tokens/source/cssApi/colors-checking-04.scss.json

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

package/dist/tokens/source/cssApi/colors-checking-05.css.json

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

package/dist/tokens/source/cssApi/colors-checking-05.scss.json

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

package/dist/tokens/source/cssApi/colors-checking-06.css.json

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

package/dist/tokens/source/cssApi/colors-checking-06.scss.json

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

package/dist/tokens/source/cssApi/colors-checking-07.css.json

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

package/dist/tokens/source/cssApi/colors-checking-07.scss.json

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