scu-web-components 1.1.0 → 1.1.2

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-link-2-label.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-link-2.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-box.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-label.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"label\">\n  Checkbox label\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-label-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-label-mixins;\n\n.label {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-label-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"vector-color-02\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.vector-color-02 {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"vector-color-092\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n\n.vector-color-092 {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"question-circle\">\n  <div class=\"vector-color-092\">\n  </div>\n  <div class=\"vector-color-02\">\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.question-circle {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n\n  .vector-color-092 {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n  }\n\n  .vector-color-02 {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<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>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.scw-info-tip {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins.box;\n\n  .question-circle {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.absolute-layout;\n\n    .vector-color-092 {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n    }\n\n    .vector-color-02 {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-scw-checkbox-checkbox.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"checkbox\">\n  <div class=\"box\">\n  </div>\n  <div class=\"label\">\n    Checkbox label\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>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-box-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-box-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-label-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n\n.checkbox {\n  @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.box;\n  @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.figma-autolayout;\n\n  .box {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.figma-autolayout;\n  }\n\n  .label {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-label-mixins.text;\n  }\n\n  .scw-info-tip {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins.box;\n\n    .question-circle {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.absolute-layout;\n\n      .vector-color-092 {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n      }\n\n      .vector-color-02 {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-scw-checkbox-feedback.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"feedback\">\n  This field is required.\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-feedback-mixins\" as scw-modal-footer-left-scw-checkbox-feedback-mixins;\n\n.feedback {\n  @include scw-modal-footer-left-scw-checkbox-feedback-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left-scw-checkbox.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"scw-checkbox\">\n</div>",
+    "output": "<div class=\"scw-checkbox\">\n  <div class=\"checkbox\">\n    <div class=\"box\">\n    </div>\n    <div class=\"label\">\n      Checkbox label\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    This field is required.\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n\n.scw-checkbox {\n  @include scw-modal-footer-left-scw-checkbox-mixins.box;\n  @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n}",
+    "output": "@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-box-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-box-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-label-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-feedback-mixins\" as scw-modal-footer-left-scw-checkbox-feedback-mixins;\n\n.scw-checkbox {\n  @include scw-modal-footer-left-scw-checkbox-mixins.box;\n  @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n\n  .checkbox {\n    @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.figma-autolayout;\n\n    .box {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.figma-autolayout;\n    }\n\n    .label {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include scw-modal-footer-left-scw-checkbox-feedback-mixins.text;\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-left.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"left\">\n  <div class=\"link-1\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n  <div class=\"link-2\">\n    <div class=\"label\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-checkbox\">\n  </div>\n</div>",
+    "output": "<div class=\"left\">\n  <div class=\"link-1\">\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        Label\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=\"link-2\">\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        Label\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=\"scw-checkbox\">\n    <div class=\"checkbox\">\n      <div class=\"box\">\n      </div>\n      <div class=\"label\">\n        Checkbox label\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      This field is required.\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-modal/scw-modal-footer-left-mixins\" as scw-modal-footer-left-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-mixins\" as scw-modal-footer-left-link-1-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-mixins\" as scw-modal-footer-left-link-2-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n\n.left {\n  @include scw-modal-footer-left-mixins.box;\n  @include scw-modal-footer-left-mixins.figma-autolayout;\n\n  .link-1 {\n    @include scw-modal-footer-left-link-1-mixins.box;\n    @include scw-modal-footer-left-link-1-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-left-link-1-label-mixins.box;\n      @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n      }\n\n      .label {\n        @include scw-modal-footer-left-link-1-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n      }\n    }\n  }\n\n  .link-2 {\n    @include scw-modal-footer-left-link-2-mixins.box;\n    @include scw-modal-footer-left-link-2-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-left-link-2-label-mixins.box;\n      @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n      }\n\n      .label {\n        @include scw-modal-footer-left-link-2-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n      }\n    }\n  }\n\n  .scw-checkbox {\n    @include scw-modal-footer-left-scw-checkbox-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n  }\n}",
+    "output": "@use \"comp-scw-modal/scw-modal-footer-left-mixins\" as scw-modal-footer-left-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-mixins\" as scw-modal-footer-left-link-1-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-mixins\" as scw-modal-footer-left-link-1-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-label-mixins\" as scw-modal-footer-left-link-1-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-mixins\" as scw-modal-footer-left-link-2-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-mixins\" as scw-modal-footer-left-link-2-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-label-mixins\" as scw-modal-footer-left-link-2-label-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins\" as scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-box-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-box-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-label-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-label-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins\" as scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-modal/scw-modal-footer-left-scw-checkbox-feedback-mixins\" as scw-modal-footer-left-scw-checkbox-feedback-mixins;\n\n.left {\n  @include scw-modal-footer-left-mixins.box;\n  @include scw-modal-footer-left-mixins.figma-autolayout;\n\n  .link-1 {\n    @include scw-modal-footer-left-link-1-mixins.box;\n    @include scw-modal-footer-left-link-1-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-left-link-1-label-mixins.box;\n      @include scw-modal-footer-left-link-1-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-left-link-1-label-left-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.box;\n          @include scw-modal-footer-left-link-1-label-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-left-link-1-label-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include scw-modal-footer-left-link-1-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-left-link-1-label-right-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.box;\n          @include scw-modal-footer-left-link-1-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-left-link-1-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .link-2 {\n    @include scw-modal-footer-left-link-2-mixins.box;\n    @include scw-modal-footer-left-link-2-mixins.figma-autolayout;\n\n    .label {\n      @include scw-modal-footer-left-link-2-label-mixins.box;\n      @include scw-modal-footer-left-link-2-label-mixins.figma-autolayout;\n\n      .left-icon {\n        @include scw-modal-footer-left-link-2-label-left-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.box;\n          @include scw-modal-footer-left-link-2-label-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-left-link-2-label-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .label {\n        @include scw-modal-footer-left-link-2-label-label-mixins.text;\n      }\n\n      .right-icon {\n        @include scw-modal-footer-left-link-2-label-right-icon-mixins.box;\n\n        .icon {\n          @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.box;\n          @include scw-modal-footer-left-link-2-label-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.box;\n            @include scw-modal-footer-left-link-2-label-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .scw-checkbox {\n    @include scw-modal-footer-left-scw-checkbox-mixins.box;\n    @include scw-modal-footer-left-scw-checkbox-mixins.figma-autolayout;\n\n    .checkbox {\n      @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.box;\n      @include scw-modal-footer-left-scw-checkbox-checkbox-mixins.figma-autolayout;\n\n      .box {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.box;\n        @include scw-modal-footer-left-scw-checkbox-checkbox-box-mixins.figma-autolayout;\n      }\n\n      .label {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-label-mixins.text;\n      }\n\n      .scw-info-tip {\n        @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-mixins.box;\n\n        .question-circle {\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.box;\n          @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-mixins.absolute-layout;\n\n          .vector-color-092 {\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.box;\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.box;\n            @include scw-modal-footer-left-scw-checkbox-checkbox-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .feedback {\n      @include scw-modal-footer-left-scw-checkbox-feedback-mixins.text;\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-3-label-left-icon-icon-vector.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-3-label-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-modal/scw-modal-footer-right-link-3-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-3-label-left-icon.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"left-icon\">\n</div>",
+    "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-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n\n.left-icon {\n  @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n}",
+    "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include scw-modal-footer-right-link-3-label-left-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.box;\n    @include scw-modal-footer-right-link-3-label-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-right-link-3-label-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-3-label-right-icon-icon-vector.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-3-label-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-modal/scw-modal-footer-right-link-3-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-3-label-right-icon.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"right-icon\">\n</div>",
+    "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-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n\n.right-icon {\n  @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n}",
+    "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include scw-modal-footer-right-link-3-label-right-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.box;\n    @include scw-modal-footer-right-link-3-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-right-link-3-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-3-label.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-3.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-4-label-left-icon-icon-vector.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-4-label-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-modal/scw-modal-footer-right-link-4-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-4-label-left-icon.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"left-icon\">\n</div>",
+    "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-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n\n.left-icon {\n  @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n}",
+    "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins;\n\n.left-icon {\n  @include scw-modal-footer-right-link-4-label-left-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.box;\n    @include scw-modal-footer-right-link-4-label-left-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-right-link-4-label-left-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-4-label-right-icon-icon-vector.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-4-label-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-modal/scw-modal-footer-right-link-4-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins;\n\n.icon {\n  @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.box;\n\n  .vector {\n    @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.box;\n    @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-4-label-right-icon.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"right-icon\">\n</div>",
+    "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-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n\n.right-icon {\n  @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n}",
+    "output": "@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-mixins;\n@use \"comp-scw-modal/scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins\" as scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins;\n\n.right-icon {\n  @include scw-modal-footer-right-link-4-label-right-icon-mixins.box;\n\n  .icon {\n    @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.box;\n    @include scw-modal-footer-right-link-4-label-right-icon-icon-mixins.absolute-layout;\n\n    .vector {\n      @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.box;\n      @include scw-modal-footer-right-link-4-label-right-icon-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-4-label.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right-link-4.json

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

package/dist/tokens/source/htmlStubs/components-scw-modal-scw-modal-footer-right.json

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