scu-web-components 0.0.12 → 0.0.13

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/tokens/source/cssApi/colors-business-08.css.json

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

package/dist/tokens/source/cssApi/colors-business-08.scss.json

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