scu-web-components 0.0.97 → 0.0.99

package/dist/tokens/source/cssVariables/colors-primary-095.json

@@ -1,6 +1,6 @@
 {
   "color": {
-    "output": "--scw-color-primary-095: rgba(214,244,174,1);",
+    "output": "--scw-color-primary-095: rgba(241,252,230,1);",
     "property": "--scw-color-primary-095",
     "category": "Color"
   }

package/dist/tokens/source/cssVariables.css

@@ -10,7 +10,7 @@
 --scw-color-primary-08: rgba(187,234,128,1);
 --scw-color-primary-09: rgba(214,244,174,1);
 --scw-color-primary-092: rgba(228,248,209,1);
---scw-color-primary-095: rgba(214,244,174,1);
+--scw-color-primary-095: rgba(241,252,230,1);
 --scw-color-grey-00: rgba(0,0,0,1);
 --scw-color-grey-01: rgba(29,31,32,1);
 --scw-color-grey-02: rgba(73,77,79,1);

package/dist/tokens/source/cssVariables.json

@@ -78,7 +78,7 @@
   },
   "colors-primary-095": {
     "color": {
-      "output": "--scw-color-primary-095: rgba(214,244,174,1);",
+      "output": "--scw-color-primary-095: rgba(241,252,230,1);",
       "property": "--scw-color-primary-095",
       "category": "Color"
     }

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row-header-label.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"header-label\">\n  Free Checking\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n\n.header-label {\n  @include table-scw-table-header-header-row-header-label-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"label\">\n  Open Account\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n\n.label {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"vector\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.vector {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.icon {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n\n  .vector {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"left-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n  .icon {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"vector\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.vector {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"icon\">\n  <div class=\"vector\">\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.icon {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n\n  .vector {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"right-icon\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n  .icon {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base-scw-link-label-base.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"scw-link-label-base\">\n  <div class=\"left-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"label\">\n    Open Account\n  </div>\n  <div class=\"right-icon\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-link-label-base {\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n  .left-icon {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n    .icon {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .label {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n  }\n\n  .right-icon {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n    .icon {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row-scw-link-base.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"scw-link-base\">\n  <div class=\"scw-link-label-base\">\n    <div class=\"left-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"label\">\n      Open Account\n    </div>\n    <div class=\"right-icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n  @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n  .scw-link-label-base {\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n    .left-icon {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n      .icon {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .label {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n    }\n\n    .right-icon {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n      .icon {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-header-row.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"header-row\">\n  <div class=\"header-label\">\n    Free Checking\n  </div>\n  <div class=\"scw-link-base\">\n    <div class=\"scw-link-label-base\">\n      <div class=\"left-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"label\">\n        Open Account\n      </div>\n      <div class=\"right-icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.header-row {\n  @include table-scw-table-header-header-row-mixins.box;\n  @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-scw-table-header-header-row-header-label-mixins.text;\n  }\n\n  .scw-link-base {\n    @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n    @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n    .scw-link-label-base {\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n        .icon {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n      }\n\n      .right-icon {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n        .icon {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header-placeholder.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"placeholder\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-placeholder-mixins\" as table-scw-table-header-placeholder-mixins;\n\n.placeholder {\n  @include table-scw-table-header-placeholder-mixins.box;\n  @include table-scw-table-header-placeholder-mixins.figma-autolayout;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-header.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"scw-table-header\">\n  <div class=\"placeholder\">\n  </div>\n  <div class=\"header-row\">\n    <div class=\"header-label\">\n      Free Checking\n    </div>\n    <div class=\"scw-link-base\">\n      <div class=\"scw-link-label-base\">\n        <div class=\"left-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"label\">\n          Open Account\n        </div>\n        <div class=\"right-icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-header-mixins\" as table-scw-table-header-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-placeholder-mixins\" as table-scw-table-header-placeholder-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-table-header {\n  @include table-scw-table-header-mixins.box;\n  @include table-scw-table-header-mixins.figma-autolayout;\n\n  .placeholder {\n    @include table-scw-table-header-placeholder-mixins.box;\n    @include table-scw-table-header-placeholder-mixins.figma-autolayout;\n  }\n\n  .header-row {\n    @include table-scw-table-header-header-row-mixins.box;\n    @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-scw-table-header-header-row-header-label-mixins.text;\n    }\n\n    .scw-link-base {\n      @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n      @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n      .scw-link-label-base {\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n        .left-icon {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n          .icon {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .label {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n        }\n\n        .right-icon {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n          .icon {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-row-cell-cell-data-header-label.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"header-label\">\n  Lorem Ipsum\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.header-label {\n  @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-row-cell-cell-data.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Lorem Ipsum\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.cell-data {\n  @include table-scw-table-row-cell-cell-data-mixins.box;\n  @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-row-cell-label-cell-data-header-label.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"header-label\">\n  Heading\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.header-label {\n  @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-row-cell-label-cell-data.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Heading\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-data {\n  @include table-scw-table-row-cell-label-cell-data-mixins.box;\n  @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-row-cell-label.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"cell-label\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Heading\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-label {\n  @include table-scw-table-row-cell-label-mixins.box;\n  @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n  .cell-data {\n    @include table-scw-table-row-cell-label-cell-data-mixins.box;\n    @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-row-cell.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"cell\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Lorem Ipsum\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.cell {\n  @include table-scw-table-row-cell-mixins.box;\n  @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n  .cell-data {\n    @include table-scw-table-row-cell-cell-data-mixins.box;\n    @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n    .header-label {\n      @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table-scw-table-row.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"scw-table-row\">\n  <div class=\"cell-label\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Heading\n      </div>\n    </div>\n  </div>\n  <div class=\"cell\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Lorem Ipsum\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-table-row {\n  @include table-scw-table-row-mixins.box;\n  @include table-scw-table-row-mixins.figma-autolayout;\n\n  .cell-label {\n    @include table-scw-table-row-cell-label-mixins.box;\n    @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-scw-table-row-cell-label-cell-data-mixins.box;\n      @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n\n  .cell {\n    @include table-scw-table-row-cell-mixins.box;\n    @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n    .cell-data {\n      @include table-scw-table-row-cell-cell-data-mixins.box;\n      @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table-table.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"table\">\n  <div class=\"scw-table-header\">\n    <div class=\"placeholder\">\n    </div>\n    <div class=\"header-row\">\n      <div class=\"header-label\">\n        Free Checking\n      </div>\n      <div class=\"scw-link-base\">\n        <div class=\"scw-link-label-base\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            Open Account\n          </div>\n          <div class=\"right-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-table-row\">\n    <div class=\"cell-label\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Heading\n        </div>\n      </div>\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Lorem Ipsum\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/table-mixins\" as table-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-mixins\" as table-scw-table-header-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-placeholder-mixins\" as table-scw-table-header-placeholder-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.table {\n  @include table-mixins.box;\n  @include table-mixins.figma-autolayout;\n\n  .scw-table-header {\n    @include table-scw-table-header-mixins.box;\n    @include table-scw-table-header-mixins.figma-autolayout;\n\n    .placeholder {\n      @include table-scw-table-header-placeholder-mixins.box;\n      @include table-scw-table-header-placeholder-mixins.figma-autolayout;\n    }\n\n    .header-row {\n      @include table-scw-table-header-header-row-mixins.box;\n      @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n      .header-label {\n        @include table-scw-table-header-header-row-header-label-mixins.text;\n      }\n\n      .scw-link-base {\n        @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n        @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n        .scw-link-label-base {\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n          .left-icon {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n            .icon {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n          }\n\n          .right-icon {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n            .icon {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .scw-table-row {\n    @include table-scw-table-row-mixins.box;\n    @include table-scw-table-row-mixins.figma-autolayout;\n\n    .cell-label {\n      @include table-scw-table-row-cell-label-mixins.box;\n      @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-scw-table-row-cell-label-cell-data-mixins.box;\n        @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n\n    .cell {\n      @include table-scw-table-row-cell-mixins.box;\n      @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n      .cell-data {\n        @include table-scw-table-row-cell-cell-data-mixins.box;\n        @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n        }\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-comparison-table.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"scw-comparison-table\">\n  <div class=\"table\">\n    <div class=\"scw-table-header\">\n      <div class=\"placeholder\">\n      </div>\n      <div class=\"header-row\">\n        <div class=\"header-label\">\n          Free Checking\n        </div>\n        <div class=\"scw-link-base\">\n          <div class=\"scw-link-label-base\">\n            <div class=\"left-icon\">\n              <div class=\"icon\">\n                <div class=\"vector\">\n                </div>\n              </div>\n            </div>\n            <div class=\"label\">\n              Open Account\n            </div>\n            <div class=\"right-icon\">\n              <div class=\"icon\">\n                <div class=\"vector\">\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"scw-table-row\">\n      <div class=\"cell-label\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Heading\n          </div>\n        </div>\n      </div>\n      <div class=\"cell\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Lorem Ipsum\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-comparison-table/index-mixins\" as index-mixins;\n@use \"comp-scw-comparison-table/table-mixins\" as table-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-mixins\" as table-scw-table-header-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-placeholder-mixins\" as table-scw-table-header-placeholder-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-mixins\" as table-scw-table-header-header-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-header-label-mixins\" as table-scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-mixins\" as table-scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-comparison-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n\n.scw-comparison-table {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .table {\n    @include table-mixins.box;\n    @include table-mixins.figma-autolayout;\n\n    .scw-table-header {\n      @include table-scw-table-header-mixins.box;\n      @include table-scw-table-header-mixins.figma-autolayout;\n\n      .placeholder {\n        @include table-scw-table-header-placeholder-mixins.box;\n        @include table-scw-table-header-placeholder-mixins.figma-autolayout;\n      }\n\n      .header-row {\n        @include table-scw-table-header-header-row-mixins.box;\n        @include table-scw-table-header-header-row-mixins.figma-autolayout;\n\n        .header-label {\n          @include table-scw-table-header-header-row-header-label-mixins.text;\n        }\n\n        .scw-link-base {\n          @include table-scw-table-header-header-row-scw-link-base-mixins.box;\n          @include table-scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n          .scw-link-label-base {\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n            @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n            .left-icon {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n              .icon {\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n                .vector {\n                  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n                  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.absolute-layout;\n                }\n              }\n            }\n\n            .label {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n            }\n\n            .right-icon {\n              @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n              .icon {\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n                @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n                .vector {\n                  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n                  @include table-scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.absolute-layout;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .scw-table-row {\n      @include table-scw-table-row-mixins.box;\n      @include table-scw-table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-scw-table-row-cell-label-mixins.box;\n        @include table-scw-table-row-cell-label-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-table-row-cell-label-cell-data-mixins.box;\n          @include table-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n\n      .cell {\n        @include table-scw-table-row-cell-mixins.box;\n        @include table-scw-table-row-cell-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-table-row-cell-cell-data-mixins.box;\n          @include table-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-table-row-cell-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-rate-table-mobile-table-row-cell-cell-data-header-label.json

@@ -1,6 +1,6 @@
 {
   "html": {
-    "output": "<div class=\"header-label\">\n  Free Checking\n</div>",
+    "output": "<div class=\"header-label\">\n  Lorem Ipsum\n</div>",
     "example": ""
   },
   "scss": {

package/dist/tokens/source/htmlStubs/components-scw-rate-table-mobile-table-row-cell-cell-data.json

@@ -1,6 +1,6 @@
 {
   "html": {
-    "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Free Checking\n  </div>\n</div>",
+    "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Lorem Ipsum\n  </div>\n</div>",
     "example": ""
   },
   "scss": {

package/dist/tokens/source/htmlStubs/components-scw-rate-table-mobile-table-row-cell-label-cell-data-header-label.json

@@ -1,6 +1,6 @@
 {
   "html": {
-    "output": "<div class=\"header-label\">\n  Free Checking\n</div>",
+    "output": "<div class=\"header-label\">\n  Heading\n</div>",
     "example": ""
   },
   "scss": {

package/dist/tokens/source/htmlStubs/components-scw-rate-table-mobile-table-row-cell-label-cell-data.json

@@ -1,6 +1,6 @@
 {
   "html": {
-    "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Free Checking\n  </div>\n</div>",
+    "output": "<div class=\"cell-data\">\n  <div class=\"header-label\">\n    Heading\n  </div>\n</div>",
     "example": ""
   },
   "scss": {

package/dist/tokens/source/htmlStubs/components-scw-rate-table-mobile-table-row-cell-label.json

@@ -1,6 +1,6 @@
 {
   "html": {
-    "output": "<div class=\"cell-label\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Free Checking\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"cell-label\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Heading\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {

package/dist/tokens/source/htmlStubs/components-scw-rate-table-mobile-table-row-cell.json

@@ -1,6 +1,6 @@
 {
   "html": {
-    "output": "<div class=\"cell\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Free Checking\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"cell\">\n  <div class=\"cell-data\">\n    <div class=\"header-label\">\n      Lorem Ipsum\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {

package/dist/tokens/source/htmlStubs/components-scw-rate-table-mobile-table-row.json

@@ -1,6 +1,6 @@
 {
   "html": {
-    "output": "<div class=\"row\">\n  <div class=\"cell-label\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Free Checking\n      </div>\n    </div>\n  </div>\n  <div class=\"cell\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Free Checking\n      </div>\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"row\">\n  <div class=\"cell-label\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Heading\n      </div>\n    </div>\n  </div>\n  <div class=\"cell\">\n    <div class=\"cell-data\">\n      <div class=\"header-label\">\n        Lorem Ipsum\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {

package/dist/tokens/source/htmlStubs/components-scw-rate-table-mobile-table.json

@@ -1,6 +1,6 @@
 {
   "html": {
-    "output": "<div class=\"table\">\n  <div class=\"header-row\">\n    <div class=\"header-row\">\n      <div class=\"header-label\">\n        Header data\n      </div>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"cell-label\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Free Checking\n        </div>\n      </div>\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Free Checking\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"featured-row\">\n    <div class=\"border\">\n      <div class=\"border-fill\">\n      </div>\n    </div>\n    <div class=\"label\">\n      <div class=\"star\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"cell-label\">\n        Featured Rate\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"cell-label\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Free Checking\n          </div>\n        </div>\n      </div>\n      <div class=\"cell\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Free Checking\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"table\">\n  <div class=\"header-row\">\n    <div class=\"header-row\">\n      <div class=\"header-label\">\n        Header data\n      </div>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"cell-label\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Heading\n        </div>\n      </div>\n    </div>\n    <div class=\"cell\">\n      <div class=\"cell-data\">\n        <div class=\"header-label\">\n          Lorem Ipsum\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"featured-row\">\n    <div class=\"border\">\n      <div class=\"border-fill\">\n      </div>\n    </div>\n    <div class=\"label\">\n      <div class=\"star\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"cell-label\">\n        Featured Rate\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"cell-label\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Free Checking\n          </div>\n        </div>\n      </div>\n      <div class=\"cell\">\n        <div class=\"cell-data\">\n          <div class=\"header-label\">\n            Free Checking\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {