scu-web-components 1.1.0 → 1.1.2

package/dist/tokens/source/htmlStubs/components-scw-rate-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-rate-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-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-rate-table-table-scw-table-row-cell-label.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"cell-label\">\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": {
-    "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-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}",
+    "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-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-rate-table-table-scw-table-row-cell.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"cell\">\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": {
-    "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n\n.cell {\n  @include table-scw-table-row-cell-mixins.box;\n  @include table-scw-table-row-cell-mixins.figma-autolayout;\n}",
+    "output": "@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-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-rate-table-table-scw-table-row.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"scw-table-row\">\n  <div class=\"cell-label\">\n  </div>\n  <div class=\"cell\">\n  </div>\n</div>",
+    "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-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-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\n  .cell {\n    @include table-scw-table-row-cell-mixins.box;\n    @include table-scw-table-row-cell-mixins.figma-autolayout;\n  }\n}",
+    "output": "@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-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-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-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-rate-table-table.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"table\">\n  <div class=\"header-row\">\n    <div class=\"cell\">\n      <div class=\"label\">\n        Header data\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-table-row\">\n    <div class=\"cell-label\">\n    </div>\n    <div class=\"cell\">\n    </div>\n  </div>\n  <div class=\"scw-featured-rate-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=\"scw-table-row\">\n      <div class=\"cell-label\">\n      </div>\n      <div class=\"cell\">\n      </div>\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"table\">\n  <div class=\"header-row\">\n    <div class=\"cell\">\n      <div class=\"label\">\n        Header data\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 class=\"scw-featured-rate-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=\"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-rate-table/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-mixins\" as table-header-row-cell-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-label-mixins\" as table-header-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-mixins\" as table-scw-featured-rate-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-mixins\" as table-scw-featured-rate-row-border-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-border-fill-mixins\" as table-scw-featured-rate-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-mixins\" as table-scw-featured-rate-row-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-mixins\" as table-scw-featured-rate-row-label-star-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-vector-mixins\" as table-scw-featured-rate-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-cell-label-mixins\" as table-scw-featured-rate-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n\n.table {\n  @include table-mixins.box;\n  @include table-mixins.figma-autolayout;\n\n  .header-row {\n    @include table-header-row-mixins.box;\n    @include table-header-row-mixins.figma-autolayout;\n\n    .cell {\n      @include table-header-row-cell-mixins.box;\n      @include table-header-row-cell-mixins.figma-autolayout;\n\n      .label {\n        @include table-header-row-cell-label-mixins.text;\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\n    .cell {\n      @include table-scw-table-row-cell-mixins.box;\n      @include table-scw-table-row-cell-mixins.figma-autolayout;\n    }\n  }\n\n  .scw-featured-rate-row {\n    @include table-scw-featured-rate-row-mixins.box;\n    @include table-scw-featured-rate-row-mixins.figma-autolayout;\n\n    .border {\n      @include table-scw-featured-rate-row-border-mixins.box;\n\n      .border-fill {\n        @include table-scw-featured-rate-row-border-border-fill-mixins.box;\n        @include table-scw-featured-rate-row-border-border-fill-mixins.absolute-layout;\n      }\n    }\n\n    .label {\n      @include table-scw-featured-rate-row-label-mixins.box;\n      @include table-scw-featured-rate-row-label-mixins.figma-autolayout;\n\n      .star {\n        @include table-scw-featured-rate-row-label-star-mixins.box;\n\n        .vector {\n          @include table-scw-featured-rate-row-label-star-vector-mixins.box;\n          @include table-scw-featured-rate-row-label-star-vector-mixins.absolute-layout;\n        }\n      }\n\n      .cell-label {\n        @include table-scw-featured-rate-row-label-cell-label-mixins.text;\n      }\n    }\n\n    .scw-table-row {\n      @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n      @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n      }\n\n      .cell {\n        @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-rate-table/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-mixins\" as table-header-row-cell-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-label-mixins\" as table-header-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-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-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-mixins\" as table-scw-featured-rate-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-mixins\" as table-scw-featured-rate-row-border-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-border-fill-mixins\" as table-scw-featured-rate-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-mixins\" as table-scw-featured-rate-row-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-mixins\" as table-scw-featured-rate-row-label-star-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-vector-mixins\" as table-scw-featured-rate-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-cell-label-mixins\" as table-scw-featured-rate-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-featured-rate-row-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  .header-row {\n    @include table-header-row-mixins.box;\n    @include table-header-row-mixins.figma-autolayout;\n\n    .cell {\n      @include table-header-row-cell-mixins.box;\n      @include table-header-row-cell-mixins.figma-autolayout;\n\n      .label {\n        @include table-header-row-cell-label-mixins.text;\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  .scw-featured-rate-row {\n    @include table-scw-featured-rate-row-mixins.box;\n    @include table-scw-featured-rate-row-mixins.figma-autolayout;\n\n    .border {\n      @include table-scw-featured-rate-row-border-mixins.box;\n\n      .border-fill {\n        @include table-scw-featured-rate-row-border-border-fill-mixins.box;\n        @include table-scw-featured-rate-row-border-border-fill-mixins.absolute-layout;\n      }\n    }\n\n    .label {\n      @include table-scw-featured-rate-row-label-mixins.box;\n      @include table-scw-featured-rate-row-label-mixins.figma-autolayout;\n\n      .star {\n        @include table-scw-featured-rate-row-label-star-mixins.box;\n\n        .vector {\n          @include table-scw-featured-rate-row-label-star-vector-mixins.box;\n          @include table-scw-featured-rate-row-label-star-vector-mixins.absolute-layout;\n        }\n      }\n\n      .cell-label {\n        @include table-scw-featured-rate-row-label-cell-label-mixins.text;\n      }\n    }\n\n    .scw-table-row {\n      @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n      @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n      .cell-label {\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n          }\n        }\n      }\n\n      .cell {\n        @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n\n        .cell-data {\n          @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n          .header-label {\n            @include table-scw-featured-rate-row-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.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"scw-rate-table\">\n  <div class=\"header\">\n    <div class=\"text\">\n      <div class=\"title\">\n        Rate Table Title\n      </div>\n      <div class=\"subtitle\">\n        Sub Title\n      </div>\n    </div>\n    <div class=\"tools\">\n      <div class=\"scw-link-base\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            More Info\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"amount\">\n    <div class=\"label\">\n      <div class=\"label\">\n        Enter your loan amount to calculate\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"input\">\n      <div class=\"icon-left\">\n      </div>\n      <div class=\"placeholder\">\n        <div class=\"placeholder\">\n          Loan Amount\n        </div>\n      </div>\n      <div class=\"icon-right\">\n      </div>\n    </div>\n    <div class=\"feedback\">\n    </div>\n  </div>\n  <div class=\"filter\">\n    <div class=\"frame-809\">\n      <div class=\"label\">\n        <div class=\"label\">\n          Filter by loan-to-value up to\n        </div>\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"feedback\">\n    </div>\n    <div class=\"scw-option\">\n    </div>\n    <div class=\"radio-group\">\n      <div class=\"radio-button\">\n        <div class=\"label\">\n          Option 1\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    <div class=\"title\">\n      Up to 70% LTV\n    </div>\n  </div>\n  <div class=\"table\">\n    <div class=\"header-row\">\n      <div class=\"cell\">\n        <div class=\"label\">\n          Header data\n        </div>\n      </div>\n    </div>\n    <div class=\"scw-table-row\">\n      <div class=\"cell-label\">\n      </div>\n      <div class=\"cell\">\n      </div>\n    </div>\n    <div class=\"scw-featured-rate-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=\"scw-table-row\">\n        <div class=\"cell-label\">\n        </div>\n        <div class=\"cell\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"footer\">\n    <div class=\"text\">\n      Rates effective 11/02/2023.\n    </div>\n    <div class=\"scw-link-base\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        <div class=\"label\">\n          View all rates & disclosures\n        </div>\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n  <div class=\"disclosures\">\n    <div class=\"scw-base-disclosure\">\n      <div class=\"text\">\n        1,2 Certificates may have penalty for early withdrawal. Fees may reduce earnings on the account.\n      </div>\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"scw-rate-table\">\n  <div class=\"header\">\n    <div class=\"text\">\n      <div class=\"title\">\n        Rate Table Title\n      </div>\n      <div class=\"subtitle\">\n        Sub Title\n      </div>\n    </div>\n    <div class=\"tools\">\n      <div class=\"scw-link-base\">\n        <div class=\"label\">\n          <div class=\"left-icon\">\n            <div class=\"icon\">\n              <div class=\"vector\">\n              </div>\n            </div>\n          </div>\n          <div class=\"label\">\n            More Info\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=\"amount\">\n    <div class=\"label\">\n      <div class=\"label\">\n        Enter your loan amount to calculate\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"input\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"placeholder\">\n        <div class=\"placeholder\">\n          Loan Amount\n        </div>\n      </div>\n      <div class=\"icon-right\">\n        <div class=\"icon\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"feedback\">\n      <div class=\"feedback\">\n        Feedback\n      </div>\n    </div>\n  </div>\n  <div class=\"filter\">\n    <div class=\"frame-809\">\n      <div class=\"label\">\n        <div class=\"label\">\n          Filter by loan-to-value up to\n        </div>\n      </div>\n      <div class=\"scw-info-tip\">\n        <div class=\"question-circle\">\n          <div class=\"vector-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"feedback\">\n      <div class=\"feedback\">\n        Feedback\n      </div>\n    </div>\n    <div class=\"scw-option\">\n      <div class=\"select\">\n        <div class=\"scw-option-single\">\n          <div class=\"label\">\n            <div class=\"text\">\n              Option\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"radio-group\">\n      <div class=\"radio-button\">\n        <div class=\"label\">\n          Option 1\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    <div class=\"title\">\n      Up to 70% LTV\n    </div>\n  </div>\n  <div class=\"table\">\n    <div class=\"header-row\">\n      <div class=\"cell\">\n        <div class=\"label\">\n          Header data\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 class=\"scw-featured-rate-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=\"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>\n  <div class=\"footer\">\n    <div class=\"text\">\n      Rates effective 11/02/2023.\n    </div>\n    <div class=\"scw-link-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        <div class=\"label\">\n          View all rates & disclosures\n        </div>\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 class=\"disclosures\">\n    <div class=\"scw-base-disclosure\">\n      <div class=\"text\">\n        1,2 Certificates may have penalty for early withdrawal. Fees may reduce earnings on the account.\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-rate-table/index-mixins\" as index-mixins;\n@use \"comp-scw-rate-table/header-mixins\" as header-mixins;\n@use \"comp-scw-rate-table/header-text-mixins\" as header-text-mixins;\n@use \"comp-scw-rate-table/header-text-title-mixins\" as header-text-title-mixins;\n@use \"comp-scw-rate-table/header-text-subtitle-mixins\" as header-text-subtitle-mixins;\n@use \"comp-scw-rate-table/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table/amount-mixins\" as amount-mixins;\n@use \"comp-scw-rate-table/amount-label-mixins\" as amount-label-mixins;\n@use \"comp-scw-rate-table/amount-label-label-mixins\" as amount-label-label-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-mixins\" as amount-label-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-mixins\" as amount-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-092-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-02-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table/amount-feedback-mixins\" as amount-feedback-mixins;\n@use \"comp-scw-rate-table/filter-mixins\" as filter-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-mixins\" as filter-frame-809-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-mixins\" as filter-frame-809-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-label-mixins\" as filter-frame-809-label-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-mixins\" as filter-frame-809-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-mixins\" as filter-frame-809-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-mixins\" as filter-radio-group-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-mixins\" as filter-radio-group-radio-button-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-label-mixins\" as filter-radio-group-radio-button-label-mixins;\n@use \"comp-scw-rate-table/heading-mixins\" as heading-mixins;\n@use \"comp-scw-rate-table/heading-title-mixins\" as heading-title-mixins;\n@use \"comp-scw-rate-table/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-mixins\" as table-header-row-cell-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-label-mixins\" as table-header-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-mixins\" as table-scw-featured-rate-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-mixins\" as table-scw-featured-rate-row-border-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-border-fill-mixins\" as table-scw-featured-rate-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-mixins\" as table-scw-featured-rate-row-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-mixins\" as table-scw-featured-rate-row-label-star-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-vector-mixins\" as table-scw-featured-rate-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-cell-label-mixins\" as table-scw-featured-rate-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/footer-mixins\" as footer-mixins;\n@use \"comp-scw-rate-table/footer-text-mixins\" as footer-text-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table/disclosures-mixins\" as disclosures-mixins;\n@use \"comp-scw-rate-table/disclosures-scw-base-disclosure-mixins\" as disclosures-scw-base-disclosure-mixins;\n@use \"comp-scw-rate-table/disclosures-scw-base-disclosure-text-mixins\" as disclosures-scw-base-disclosure-text-mixins;\n\n.scw-rate-table {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .header {\n    @include header-mixins.box;\n    @include header-mixins.figma-autolayout;\n\n    .text {\n      @include header-text-mixins.box;\n      @include header-text-mixins.figma-autolayout;\n\n      .title {\n        @include header-text-title-mixins.text;\n      }\n\n      .subtitle {\n        @include header-text-subtitle-mixins.text;\n      }\n    }\n\n    .tools {\n      @include header-tools-mixins.box;\n      @include header-tools-mixins.figma-autolayout;\n\n      .scw-link-base {\n        @include header-tools-scw-link-base-mixins.box;\n        @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n        .label {\n          @include header-tools-scw-link-base-label-mixins.box;\n          @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include header-tools-scw-link-base-label-left-icon-mixins.box;\n          }\n\n          .label {\n            @include header-tools-scw-link-base-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include header-tools-scw-link-base-label-right-icon-mixins.box;\n          }\n        }\n      }\n    }\n  }\n\n  .amount {\n    @include amount-mixins.box;\n    @include amount-mixins.figma-autolayout;\n\n    .label {\n      @include amount-label-mixins.box;\n      @include amount-label-mixins.figma-autolayout;\n\n      .label {\n        @include amount-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include amount-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include amount-label-scw-info-tip-question-circle-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include amount-input-mixins.box;\n      @include amount-input-mixins.figma-autolayout;\n\n      .icon-left {\n        @include amount-input-icon-left-mixins.box;\n        @include amount-input-icon-left-mixins.figma-autolayout;\n      }\n\n      .placeholder {\n        @include amount-input-placeholder-mixins.box;\n        @include amount-input-placeholder-mixins.figma-autolayout;\n\n        .placeholder {\n          @include amount-input-placeholder-placeholder-mixins.text;\n        }\n      }\n\n      .icon-right {\n        @include amount-input-icon-right-mixins.box;\n        @include amount-input-icon-right-mixins.figma-autolayout;\n      }\n    }\n\n    .feedback {\n      @include amount-feedback-mixins.box;\n      @include amount-feedback-mixins.figma-autolayout;\n    }\n  }\n\n  .filter {\n    @include filter-mixins.box;\n    @include filter-mixins.figma-autolayout;\n\n    .frame-809 {\n      @include filter-frame-809-mixins.box;\n      @include filter-frame-809-mixins.figma-autolayout;\n\n      .label {\n        @include filter-frame-809-label-mixins.box;\n        @include filter-frame-809-label-mixins.figma-autolayout;\n\n        .label {\n          @include filter-frame-809-label-label-mixins.text;\n        }\n      }\n\n      .scw-info-tip {\n        @include filter-frame-809-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include filter-feedback-mixins.box;\n      @include filter-feedback-mixins.figma-autolayout;\n    }\n\n    .scw-option {\n      @include filter-scw-option-mixins.box;\n      @include filter-scw-option-mixins.figma-autolayout;\n    }\n\n    .radio-group {\n      @include filter-radio-group-mixins.box;\n      @include filter-radio-group-mixins.figma-autolayout;\n\n      .radio-button {\n        @include filter-radio-group-radio-button-mixins.box;\n        @include filter-radio-group-radio-button-mixins.figma-autolayout;\n\n        .label {\n          @include filter-radio-group-radio-button-label-mixins.text;\n        }\n      }\n    }\n  }\n\n  .heading {\n    @include heading-mixins.box;\n    @include heading-mixins.figma-autolayout;\n\n    .title {\n      @include heading-title-mixins.text;\n    }\n  }\n\n  .table {\n    @include table-mixins.box;\n    @include table-mixins.figma-autolayout;\n\n    .header-row {\n      @include table-header-row-mixins.box;\n      @include table-header-row-mixins.figma-autolayout;\n\n      .cell {\n        @include table-header-row-cell-mixins.box;\n        @include table-header-row-cell-mixins.figma-autolayout;\n\n        .label {\n          @include table-header-row-cell-label-mixins.text;\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\n      .cell {\n        @include table-scw-table-row-cell-mixins.box;\n        @include table-scw-table-row-cell-mixins.figma-autolayout;\n      }\n    }\n\n    .scw-featured-rate-row {\n      @include table-scw-featured-rate-row-mixins.box;\n      @include table-scw-featured-rate-row-mixins.figma-autolayout;\n\n      .border {\n        @include table-scw-featured-rate-row-border-mixins.box;\n\n        .border-fill {\n          @include table-scw-featured-rate-row-border-border-fill-mixins.box;\n          @include table-scw-featured-rate-row-border-border-fill-mixins.absolute-layout;\n        }\n      }\n\n      .label {\n        @include table-scw-featured-rate-row-label-mixins.box;\n        @include table-scw-featured-rate-row-label-mixins.figma-autolayout;\n\n        .star {\n          @include table-scw-featured-rate-row-label-star-mixins.box;\n\n          .vector {\n            @include table-scw-featured-rate-row-label-star-vector-mixins.box;\n            @include table-scw-featured-rate-row-label-star-vector-mixins.absolute-layout;\n          }\n        }\n\n        .cell-label {\n          @include table-scw-featured-rate-row-label-cell-label-mixins.text;\n        }\n      }\n\n      .scw-table-row {\n        @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n        .cell-label {\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n        }\n\n        .cell {\n          @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n        }\n      }\n    }\n  }\n\n  .footer {\n    @include footer-mixins.box;\n    @include footer-mixins.figma-autolayout;\n\n    .text {\n      @include footer-text-mixins.text;\n    }\n\n    .scw-link-base {\n      @include footer-scw-link-base-mixins.box;\n      @include footer-scw-link-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include footer-scw-link-base-left-icon-mixins.box;\n      }\n\n      .label {\n        @include footer-scw-link-base-label-mixins.box;\n        @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n        .label {\n          @include footer-scw-link-base-label-label-mixins.text;\n        }\n      }\n\n      .right-icon {\n        @include footer-scw-link-base-right-icon-mixins.box;\n      }\n    }\n  }\n\n  .disclosures {\n    @include disclosures-mixins.box;\n    @include disclosures-mixins.figma-autolayout;\n\n    .scw-base-disclosure {\n      @include disclosures-scw-base-disclosure-mixins.box;\n      @include disclosures-scw-base-disclosure-mixins.figma-autolayout;\n\n      .text {\n        @include disclosures-scw-base-disclosure-text-mixins.text;\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-rate-table/index-mixins\" as index-mixins;\n@use \"comp-scw-rate-table/header-mixins\" as header-mixins;\n@use \"comp-scw-rate-table/header-text-mixins\" as header-text-mixins;\n@use \"comp-scw-rate-table/header-text-title-mixins\" as header-text-title-mixins;\n@use \"comp-scw-rate-table/header-text-subtitle-mixins\" as header-text-subtitle-mixins;\n@use \"comp-scw-rate-table/header-tools-mixins\" as header-tools-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-mixins\" as header-tools-scw-link-base-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-mixins\" as header-tools-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-mixins\" as header-tools-scw-link-base-label-left-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-mixins\" as header-tools-scw-link-base-label-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-left-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-label-mixins\" as header-tools-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-mixins\" as header-tools-scw-link-base-label-right-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-mixins\" as header-tools-scw-link-base-label-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/header-tools-scw-link-base-label-right-icon-icon-vector-mixins\" as header-tools-scw-link-base-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/amount-mixins\" as amount-mixins;\n@use \"comp-scw-rate-table/amount-label-mixins\" as amount-label-mixins;\n@use \"comp-scw-rate-table/amount-label-label-mixins\" as amount-label-label-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-mixins\" as amount-label-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-mixins\" as amount-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-092-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/amount-label-scw-info-tip-question-circle-vector-color-02-mixins\" as amount-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/amount-input-mixins\" as amount-input-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-mixins\" as amount-input-icon-left-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-mixins\" as amount-input-icon-left-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-mixins\" as amount-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-left-icon-icon-vector-mixins\" as amount-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-mixins\" as amount-input-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-placeholder-placeholder-mixins\" as amount-input-placeholder-placeholder-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-mixins\" as amount-input-icon-right-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-mixins\" as amount-input-icon-right-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-mixins\" as amount-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/amount-input-icon-right-icon-icon-vector-mixins\" as amount-input-icon-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/amount-feedback-mixins\" as amount-feedback-mixins;\n@use \"comp-scw-rate-table/amount-feedback-feedback-mixins\" as amount-feedback-feedback-mixins;\n@use \"comp-scw-rate-table/filter-mixins\" as filter-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-mixins\" as filter-frame-809-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-mixins\" as filter-frame-809-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-label-label-mixins\" as filter-frame-809-label-label-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-mixins\" as filter-frame-809-scw-info-tip-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-mixins\" as filter-frame-809-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-rate-table/filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins\" as filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-rate-table/filter-feedback-mixins\" as filter-feedback-mixins;\n@use \"comp-scw-rate-table/filter-feedback-feedback-mixins\" as filter-feedback-feedback-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-mixins\" as filter-scw-option-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-mixins\" as filter-scw-option-select-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-mixins\" as filter-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-mixins\" as filter-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-rate-table/filter-scw-option-select-scw-option-single-label-text-mixins\" as filter-scw-option-select-scw-option-single-label-text-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-mixins\" as filter-radio-group-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-mixins\" as filter-radio-group-radio-button-mixins;\n@use \"comp-scw-rate-table/filter-radio-group-radio-button-label-mixins\" as filter-radio-group-radio-button-label-mixins;\n@use \"comp-scw-rate-table/heading-mixins\" as heading-mixins;\n@use \"comp-scw-rate-table/heading-title-mixins\" as heading-title-mixins;\n@use \"comp-scw-rate-table/table-mixins\" as table-mixins;\n@use \"comp-scw-rate-table/table-header-row-mixins\" as table-header-row-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-mixins\" as table-header-row-cell-mixins;\n@use \"comp-scw-rate-table/table-header-row-cell-label-mixins\" as table-header-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-mixins\" as table-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-mixins\" as table-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-label-cell-data-mixins\" as table-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-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-rate-table/table-scw-table-row-cell-mixins\" as table-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-mixins\" as table-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-table-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-mixins\" as table-scw-featured-rate-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-mixins\" as table-scw-featured-rate-row-border-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-border-border-fill-mixins\" as table-scw-featured-rate-row-border-border-fill-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-mixins\" as table-scw-featured-rate-row-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-mixins\" as table-scw-featured-rate-row-label-star-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-star-vector-mixins\" as table-scw-featured-rate-row-label-star-vector-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-label-cell-label-mixins\" as table-scw-featured-rate-row-label-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-mixins\" as table-scw-featured-rate-row-scw-table-row-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins;\n@use \"comp-scw-rate-table/table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins\" as table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins;\n@use \"comp-scw-rate-table/footer-mixins\" as footer-mixins;\n@use \"comp-scw-rate-table/footer-text-mixins\" as footer-text-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-mixins\" as footer-scw-link-base-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-mixins\" as footer-scw-link-base-left-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-mixins\" as footer-scw-link-base-left-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-left-icon-icon-vector-mixins\" as footer-scw-link-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-mixins\" as footer-scw-link-base-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-label-label-mixins\" as footer-scw-link-base-label-label-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-mixins\" as footer-scw-link-base-right-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-mixins\" as footer-scw-link-base-right-icon-icon-mixins;\n@use \"comp-scw-rate-table/footer-scw-link-base-right-icon-icon-vector-mixins\" as footer-scw-link-base-right-icon-icon-vector-mixins;\n@use \"comp-scw-rate-table/disclosures-mixins\" as disclosures-mixins;\n@use \"comp-scw-rate-table/disclosures-scw-base-disclosure-mixins\" as disclosures-scw-base-disclosure-mixins;\n@use \"comp-scw-rate-table/disclosures-scw-base-disclosure-text-mixins\" as disclosures-scw-base-disclosure-text-mixins;\n\n.scw-rate-table {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .header {\n    @include header-mixins.box;\n    @include header-mixins.figma-autolayout;\n\n    .text {\n      @include header-text-mixins.box;\n      @include header-text-mixins.figma-autolayout;\n\n      .title {\n        @include header-text-title-mixins.text;\n      }\n\n      .subtitle {\n        @include header-text-subtitle-mixins.text;\n      }\n    }\n\n    .tools {\n      @include header-tools-mixins.box;\n      @include header-tools-mixins.figma-autolayout;\n\n      .scw-link-base {\n        @include header-tools-scw-link-base-mixins.box;\n        @include header-tools-scw-link-base-mixins.figma-autolayout;\n\n        .label {\n          @include header-tools-scw-link-base-label-mixins.box;\n          @include header-tools-scw-link-base-label-mixins.figma-autolayout;\n\n          .left-icon {\n            @include header-tools-scw-link-base-label-left-icon-mixins.box;\n\n            .icon {\n              @include header-tools-scw-link-base-label-left-icon-icon-mixins.box;\n              @include header-tools-scw-link-base-label-left-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.box;\n                @include header-tools-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n\n          .label {\n            @include header-tools-scw-link-base-label-label-mixins.text;\n          }\n\n          .right-icon {\n            @include header-tools-scw-link-base-label-right-icon-mixins.box;\n\n            .icon {\n              @include header-tools-scw-link-base-label-right-icon-icon-mixins.box;\n              @include header-tools-scw-link-base-label-right-icon-icon-mixins.absolute-layout;\n\n              .vector {\n                @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.box;\n                @include header-tools-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .amount {\n    @include amount-mixins.box;\n    @include amount-mixins.figma-autolayout;\n\n    .label {\n      @include amount-label-mixins.box;\n      @include amount-label-mixins.figma-autolayout;\n\n      .label {\n        @include amount-label-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include amount-label-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include amount-label-scw-info-tip-question-circle-mixins.box;\n          @include amount-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include amount-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .input {\n      @include amount-input-mixins.box;\n      @include amount-input-mixins.figma-autolayout;\n\n      .icon-left {\n        @include amount-input-icon-left-mixins.box;\n        @include amount-input-icon-left-mixins.figma-autolayout;\n\n        .icon {\n          @include amount-input-icon-left-icon-mixins.box;\n\n          .icon {\n            @include amount-input-icon-left-icon-icon-mixins.box;\n            @include amount-input-icon-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include amount-input-icon-left-icon-icon-vector-mixins.box;\n              @include amount-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .placeholder {\n        @include amount-input-placeholder-mixins.box;\n        @include amount-input-placeholder-mixins.figma-autolayout;\n\n        .placeholder {\n          @include amount-input-placeholder-placeholder-mixins.text;\n        }\n      }\n\n      .icon-right {\n        @include amount-input-icon-right-mixins.box;\n        @include amount-input-icon-right-mixins.figma-autolayout;\n\n        .icon {\n          @include amount-input-icon-right-icon-mixins.box;\n\n          .icon {\n            @include amount-input-icon-right-icon-icon-mixins.box;\n            @include amount-input-icon-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include amount-input-icon-right-icon-icon-vector-mixins.box;\n              @include amount-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include amount-feedback-mixins.box;\n      @include amount-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include amount-feedback-feedback-mixins.text;\n      }\n    }\n  }\n\n  .filter {\n    @include filter-mixins.box;\n    @include filter-mixins.figma-autolayout;\n\n    .frame-809 {\n      @include filter-frame-809-mixins.box;\n      @include filter-frame-809-mixins.figma-autolayout;\n\n      .label {\n        @include filter-frame-809-label-mixins.box;\n        @include filter-frame-809-label-mixins.figma-autolayout;\n\n        .label {\n          @include filter-frame-809-label-label-mixins.text;\n        }\n      }\n\n      .scw-info-tip {\n        @include filter-frame-809-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.box;\n          @include filter-frame-809-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include filter-frame-809-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include filter-feedback-mixins.box;\n      @include filter-feedback-mixins.figma-autolayout;\n\n      .feedback {\n        @include filter-feedback-feedback-mixins.text;\n      }\n    }\n\n    .scw-option {\n      @include filter-scw-option-mixins.box;\n      @include filter-scw-option-mixins.figma-autolayout;\n\n      .select {\n        @include filter-scw-option-select-mixins.box;\n        @include filter-scw-option-select-mixins.figma-autolayout;\n\n        .scw-option-single {\n          @include filter-scw-option-select-scw-option-single-mixins.box;\n          @include filter-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n          .label {\n            @include filter-scw-option-select-scw-option-single-label-mixins.box;\n            @include filter-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n            .text {\n              @include filter-scw-option-select-scw-option-single-label-text-mixins.text;\n            }\n          }\n        }\n      }\n    }\n\n    .radio-group {\n      @include filter-radio-group-mixins.box;\n      @include filter-radio-group-mixins.figma-autolayout;\n\n      .radio-button {\n        @include filter-radio-group-radio-button-mixins.box;\n        @include filter-radio-group-radio-button-mixins.figma-autolayout;\n\n        .label {\n          @include filter-radio-group-radio-button-label-mixins.text;\n        }\n      }\n    }\n  }\n\n  .heading {\n    @include heading-mixins.box;\n    @include heading-mixins.figma-autolayout;\n\n    .title {\n      @include heading-title-mixins.text;\n    }\n  }\n\n  .table {\n    @include table-mixins.box;\n    @include table-mixins.figma-autolayout;\n\n    .header-row {\n      @include table-header-row-mixins.box;\n      @include table-header-row-mixins.figma-autolayout;\n\n      .cell {\n        @include table-header-row-cell-mixins.box;\n        @include table-header-row-cell-mixins.figma-autolayout;\n\n        .label {\n          @include table-header-row-cell-label-mixins.text;\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    .scw-featured-rate-row {\n      @include table-scw-featured-rate-row-mixins.box;\n      @include table-scw-featured-rate-row-mixins.figma-autolayout;\n\n      .border {\n        @include table-scw-featured-rate-row-border-mixins.box;\n\n        .border-fill {\n          @include table-scw-featured-rate-row-border-border-fill-mixins.box;\n          @include table-scw-featured-rate-row-border-border-fill-mixins.absolute-layout;\n        }\n      }\n\n      .label {\n        @include table-scw-featured-rate-row-label-mixins.box;\n        @include table-scw-featured-rate-row-label-mixins.figma-autolayout;\n\n        .star {\n          @include table-scw-featured-rate-row-label-star-mixins.box;\n\n          .vector {\n            @include table-scw-featured-rate-row-label-star-vector-mixins.box;\n            @include table-scw-featured-rate-row-label-star-vector-mixins.absolute-layout;\n          }\n        }\n\n        .cell-label {\n          @include table-scw-featured-rate-row-label-cell-label-mixins.text;\n        }\n      }\n\n      .scw-table-row {\n        @include table-scw-featured-rate-row-scw-table-row-mixins.box;\n        @include table-scw-featured-rate-row-scw-table-row-mixins.figma-autolayout;\n\n        .cell-label {\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-label-mixins.figma-autolayout;\n\n          .cell-data {\n            @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.box;\n            @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n            .header-label {\n              @include table-scw-featured-rate-row-scw-table-row-cell-label-cell-data-header-label-mixins.text;\n            }\n          }\n        }\n\n        .cell {\n          @include table-scw-featured-rate-row-scw-table-row-cell-mixins.box;\n          @include table-scw-featured-rate-row-scw-table-row-cell-mixins.figma-autolayout;\n\n          .cell-data {\n            @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.box;\n            @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-mixins.figma-autolayout;\n\n            .header-label {\n              @include table-scw-featured-rate-row-scw-table-row-cell-cell-data-header-label-mixins.text;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .footer {\n    @include footer-mixins.box;\n    @include footer-mixins.figma-autolayout;\n\n    .text {\n      @include footer-text-mixins.text;\n    }\n\n    .scw-link-base {\n      @include footer-scw-link-base-mixins.box;\n      @include footer-scw-link-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include footer-scw-link-base-left-icon-mixins.box;\n\n        .icon {\n          @include footer-scw-link-base-left-icon-icon-mixins.box;\n          @include footer-scw-link-base-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include footer-scw-link-base-left-icon-icon-vector-mixins.box;\n            @include footer-scw-link-base-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include footer-scw-link-base-label-mixins.box;\n        @include footer-scw-link-base-label-mixins.figma-autolayout;\n\n        .label {\n          @include footer-scw-link-base-label-label-mixins.text;\n        }\n      }\n\n      .right-icon {\n        @include footer-scw-link-base-right-icon-mixins.box;\n\n        .icon {\n          @include footer-scw-link-base-right-icon-icon-mixins.box;\n          @include footer-scw-link-base-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include footer-scw-link-base-right-icon-icon-vector-mixins.box;\n            @include footer-scw-link-base-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .disclosures {\n    @include disclosures-mixins.box;\n    @include disclosures-mixins.figma-autolayout;\n\n    .scw-base-disclosure {\n      @include disclosures-scw-base-disclosure-mixins.box;\n      @include disclosures-scw-base-disclosure-mixins.figma-autolayout;\n\n      .text {\n        @include disclosures-scw-base-disclosure-text-mixins.text;\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-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-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n\n.label {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-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-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.vector {\n  @include 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-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-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n    @include 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-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-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n  .icon {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n      @include 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-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-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.vector {\n  @include 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-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-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n    @include 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-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-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n  .icon {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n      @include 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-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-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as 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 scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n  @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n  .left-icon {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n    .icon {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n        @include 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 scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n  }\n\n  .right-icon {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n    .icon {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n      .vector {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n        @include 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-table-scw-table-header-header-row-scw-link-base.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"scw-link-base\">\n</div>",
+    "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-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n\n.scw-link-base {\n  @include scw-table-header-header-row-scw-link-base-mixins.box;\n  @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n}",
+    "output": "@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-link-base {\n  @include scw-table-header-header-row-scw-link-base-mixins.box;\n  @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n  .scw-link-label-base {\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n    .left-icon {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n      .icon {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n          @include 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 scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n    }\n\n    .right-icon {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n      .icon {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n          @include 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-table-scw-table-header-header-row.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"header-row\">\n  <div class=\"header-label\">\n    Lorem Ipsum\n  </div>\n  <div class=\"scw-link-base\">\n  </div>\n</div>",
+    "output": "<div class=\"header-row\">\n  <div class=\"header-label\">\n    Lorem Ipsum\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-table/scw-table-header-header-row-mixins\" as scw-table-header-header-row-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-header-label-mixins\" as scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n\n.header-row {\n  @include scw-table-header-header-row-mixins.box;\n  @include scw-table-header-header-row-mixins.figma-autolayout;\n\n  .header-label {\n    @include scw-table-header-header-row-header-label-mixins.text;\n  }\n\n  .scw-link-base {\n    @include scw-table-header-header-row-scw-link-base-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n  }\n}",
+    "output": "@use \"comp-scw-table/scw-table-header-header-row-mixins\" as scw-table-header-header-row-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-header-label-mixins\" as scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.header-row {\n  @include scw-table-header-header-row-mixins.box;\n  @include scw-table-header-header-row-mixins.figma-autolayout;\n\n  .header-label {\n    @include scw-table-header-header-row-header-label-mixins.text;\n  }\n\n  .scw-link-base {\n    @include scw-table-header-header-row-scw-link-base-mixins.box;\n    @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n    .scw-link-label-base {\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n        .icon {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n            @include 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 scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n        .icon {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n            @include 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-table-scw-table-header.json

@@ -1,10 +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      Lorem Ipsum\n    </div>\n    <div class=\"scw-link-base\">\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"scw-table-header\">\n  <div class=\"placeholder\">\n  </div>\n  <div class=\"header-row\">\n    <div class=\"header-label\">\n      Lorem Ipsum\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-table/scw-table-header-mixins\" as scw-table-header-mixins;\n@use \"comp-scw-table/scw-table-header-placeholder-mixins\" as scw-table-header-placeholder-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-mixins\" as scw-table-header-header-row-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-header-label-mixins\" as scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n\n.scw-table-header {\n  @include scw-table-header-mixins.box;\n  @include scw-table-header-mixins.figma-autolayout;\n\n  .placeholder {\n    @include scw-table-header-placeholder-mixins.box;\n    @include scw-table-header-placeholder-mixins.figma-autolayout;\n  }\n\n  .header-row {\n    @include scw-table-header-header-row-mixins.box;\n    @include scw-table-header-header-row-mixins.figma-autolayout;\n\n    .header-label {\n      @include scw-table-header-header-row-header-label-mixins.text;\n    }\n\n    .scw-link-base {\n      @include scw-table-header-header-row-scw-link-base-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n    }\n  }\n}",
+    "output": "@use \"comp-scw-table/scw-table-header-mixins\" as scw-table-header-mixins;\n@use \"comp-scw-table/scw-table-header-placeholder-mixins\" as scw-table-header-placeholder-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-mixins\" as scw-table-header-header-row-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-header-label-mixins\" as scw-table-header-header-row-header-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-mixins\" as scw-table-header-header-row-scw-link-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins;\n@use \"comp-scw-table/scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins\" as scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins;\n\n.scw-table-header {\n  @include scw-table-header-mixins.box;\n  @include scw-table-header-mixins.figma-autolayout;\n\n  .placeholder {\n    @include scw-table-header-placeholder-mixins.box;\n    @include scw-table-header-placeholder-mixins.figma-autolayout;\n  }\n\n  .header-row {\n    @include scw-table-header-header-row-mixins.box;\n    @include scw-table-header-header-row-mixins.figma-autolayout;\n\n    .header-label {\n      @include scw-table-header-header-row-header-label-mixins.text;\n    }\n\n    .scw-link-base {\n      @include scw-table-header-header-row-scw-link-base-mixins.box;\n      @include scw-table-header-header-row-scw-link-base-mixins.figma-autolayout;\n\n      .scw-link-label-base {\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.box;\n        @include scw-table-header-header-row-scw-link-base-scw-link-label-base-mixins.figma-autolayout;\n\n        .left-icon {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-mixins.box;\n\n          .icon {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.box;\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-table-header-header-row-scw-link-base-scw-link-label-base-left-icon-icon-vector-mixins.box;\n              @include 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 scw-table-header-header-row-scw-link-base-scw-link-label-base-label-mixins.text;\n        }\n\n        .right-icon {\n          @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-mixins.box;\n\n          .icon {\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.box;\n            @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-mixins.absolute-layout;\n\n            .vector {\n              @include scw-table-header-header-row-scw-link-base-scw-link-label-base-right-icon-icon-vector-mixins.box;\n              @include 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-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-table/scw-table-row-cell-label-cell-data-header-label-mixins\" as scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.header-label {\n  @include scw-table-row-cell-label-cell-data-header-label-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-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-table/scw-table-row-cell-label-cell-data-mixins\" as scw-table-row-cell-label-cell-data-mixins;\n@use \"comp-scw-table/scw-table-row-cell-label-cell-data-header-label-mixins\" as scw-table-row-cell-label-cell-data-header-label-mixins;\n\n.cell-data {\n  @include scw-table-row-cell-label-cell-data-mixins.box;\n  @include scw-table-row-cell-label-cell-data-mixins.figma-autolayout;\n\n  .header-label {\n    @include scw-table-row-cell-label-cell-data-header-label-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

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

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

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

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