scu-web-components 1.3.18 → 1.3.19

package/dist/tokens/source/htmlStubs/components-scw-select-default-scw-option-select-heading-icon-left-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-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-default-scw-option-select-heading-icon-left.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include default-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-default-scw-option-select-heading.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/default-scw-option-select-heading-mixins\" as default-scw-option-select-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-heading-mixins\" as default-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-mixins\" as default-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include default-scw-option-select-heading-mixins.box;\n  @include default-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include default-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include default-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include default-scw-option-select-heading-close-mixins.box;\n    @include default-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include default-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-default-scw-option-select.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<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>",
+    "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-option-single\">\n    <div class=\"label\">\n      <div class=\"text\">\n        Option\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include default-scw-option-select-mixins.box;\n  @include default-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include default-scw-option-select-scw-option-single-mixins.box;\n    @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include default-scw-option-select-scw-option-single-label-mixins.box;\n      @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-mixins\" as default-scw-option-select-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-heading-mixins\" as default-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-mixins\" as default-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include default-scw-option-select-mixins.box;\n  @include default-scw-option-select-mixins.figma-autolayout;\n\n  .heading {\n    @include default-scw-option-select-heading-mixins.box;\n    @include default-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include default-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include default-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include default-scw-option-select-heading-close-mixins.box;\n      @include default-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include default-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .scw-option-single {\n    @include default-scw-option-select-scw-option-single-mixins.box;\n    @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include default-scw-option-select-scw-option-single-label-mixins.box;\n      @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-select-default-scw-option.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<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>",
+    "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-select/default-scw-option-mixins\" as default-scw-option-mixins;\n@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include default-scw-option-mixins.box;\n  @include default-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include default-scw-option-select-mixins.box;\n    @include default-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include default-scw-option-select-scw-option-single-mixins.box;\n      @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include default-scw-option-select-scw-option-single-label-mixins.box;\n        @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-select/default-scw-option-mixins\" as default-scw-option-mixins;\n@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-mixins\" as default-scw-option-select-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-heading-mixins\" as default-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-mixins\" as default-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include default-scw-option-mixins.box;\n  @include default-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include default-scw-option-select-mixins.box;\n    @include default-scw-option-select-mixins.figma-autolayout;\n\n    .heading {\n      @include default-scw-option-select-heading-mixins.box;\n      @include default-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include default-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include default-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include default-scw-option-select-heading-close-mixins.box;\n        @include default-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include default-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .scw-option-single {\n      @include default-scw-option-select-scw-option-single-mixins.box;\n      @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include default-scw-option-select-scw-option-single-label-mixins.box;\n        @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-select-default.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"default\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 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>",
+    "output": "<div class=\"default\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 class=\"scw-option\">\n    <div class=\"select\">\n      <div class=\"heading\">\n        <div class=\"icon-left\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"heading\">\n          Heading\n        </div>\n        <div class=\"close\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\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>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-select/default-mixins\" as default-mixins;\n@use \"comp-scw-select/default-label-mixins\" as default-label-mixins;\n@use \"comp-scw-select/default-label-label-mixins\" as default-label-label-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-mixins\" as default-label-scw-info-tip-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-mixins\" as default-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-092-mixins\" as default-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-02-mixins\" as default-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/default-input-mixins\" as default-input-mixins;\n@use \"comp-scw-select/default-input-select-mixins\" as default-input-select-mixins;\n@use \"comp-scw-select/default-input-select-select-mixins\" as default-input-select-select-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-mixins\" as default-input-icon-arrow-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-mixins\" as default-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-mixins\" as default-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-vector-mixins\" as default-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/default-feedback-mixins\" as default-feedback-mixins;\n@use \"comp-scw-select/default-feedback-feedback-mixins\" as default-feedback-feedback-mixins;\n@use \"comp-scw-select/default-scw-option-mixins\" as default-scw-option-mixins;\n@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .label {\n    @include default-label-mixins.box;\n    @include default-label-mixins.figma-autolayout;\n\n    .label {\n      @include default-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include default-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include default-label-scw-info-tip-question-circle-mixins.box;\n        @include default-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include default-input-mixins.box;\n    @include default-input-mixins.figma-autolayout;\n\n    .select {\n      @include default-input-select-mixins.box;\n      @include default-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include default-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include default-input-icon-arrow-mixins.box;\n      @include default-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include default-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include default-input-icon-arrow-icon-icon-mixins.box;\n          @include default-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include default-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include default-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include default-feedback-mixins.box;\n    @include default-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include default-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include default-scw-option-mixins.box;\n    @include default-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include default-scw-option-select-mixins.box;\n      @include default-scw-option-select-mixins.figma-autolayout;\n\n      .scw-option-single {\n        @include default-scw-option-select-scw-option-single-mixins.box;\n        @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include default-scw-option-select-scw-option-single-label-mixins.box;\n          @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-select/default-mixins\" as default-mixins;\n@use \"comp-scw-select/default-label-mixins\" as default-label-mixins;\n@use \"comp-scw-select/default-label-label-mixins\" as default-label-label-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-mixins\" as default-label-scw-info-tip-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-mixins\" as default-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-092-mixins\" as default-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/default-label-scw-info-tip-question-circle-vector-color-02-mixins\" as default-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/default-input-mixins\" as default-input-mixins;\n@use \"comp-scw-select/default-input-select-mixins\" as default-input-select-mixins;\n@use \"comp-scw-select/default-input-select-select-mixins\" as default-input-select-select-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-mixins\" as default-input-icon-arrow-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-mixins\" as default-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-mixins\" as default-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/default-input-icon-arrow-icon-icon-vector-mixins\" as default-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/default-feedback-mixins\" as default-feedback-mixins;\n@use \"comp-scw-select/default-feedback-feedback-mixins\" as default-feedback-feedback-mixins;\n@use \"comp-scw-select/default-scw-option-mixins\" as default-scw-option-mixins;\n@use \"comp-scw-select/default-scw-option-select-mixins\" as default-scw-option-select-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-mixins\" as default-scw-option-select-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-mixins\" as default-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-mixins\" as default-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-mixins\" as default-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-heading-mixins\" as default-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-mixins\" as default-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-mixins\" as default-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/default-scw-option-select-heading-close-icon-vector-mixins\" as default-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-mixins\" as default-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-mixins\" as default-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/default-scw-option-select-scw-option-single-label-text-mixins\" as default-scw-option-select-scw-option-single-label-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .label {\n    @include default-label-mixins.box;\n    @include default-label-mixins.figma-autolayout;\n\n    .label {\n      @include default-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include default-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include default-label-scw-info-tip-question-circle-mixins.box;\n        @include default-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include default-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include default-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include default-input-mixins.box;\n    @include default-input-mixins.figma-autolayout;\n\n    .select {\n      @include default-input-select-mixins.box;\n      @include default-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include default-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include default-input-icon-arrow-mixins.box;\n      @include default-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include default-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include default-input-icon-arrow-icon-icon-mixins.box;\n          @include default-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include default-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include default-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include default-feedback-mixins.box;\n    @include default-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include default-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include default-scw-option-mixins.box;\n    @include default-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include default-scw-option-select-mixins.box;\n      @include default-scw-option-select-mixins.figma-autolayout;\n\n      .heading {\n        @include default-scw-option-select-heading-mixins.box;\n        @include default-scw-option-select-heading-mixins.figma-autolayout;\n\n        .icon-left {\n          @include default-scw-option-select-heading-icon-left-mixins.box;\n\n          .icon {\n            @include default-scw-option-select-heading-icon-left-icon-mixins.box;\n            @include default-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n            .vector {\n              @include default-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n              @include default-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .heading {\n          @include default-scw-option-select-heading-heading-mixins.text;\n        }\n\n        .close {\n          @include default-scw-option-select-heading-close-mixins.box;\n          @include default-scw-option-select-heading-close-mixins.figma-autolayout;\n\n          .icon {\n            @include default-scw-option-select-heading-close-icon-mixins.box;\n\n            .vector {\n              @include default-scw-option-select-heading-close-icon-vector-mixins.box;\n              @include default-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .scw-option-single {\n        @include default-scw-option-select-scw-option-single-mixins.box;\n        @include default-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include default-scw-option-select-scw-option-single-label-mixins.box;\n          @include default-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include default-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-select-size-small-scw-option-select-heading-close-icon-vector.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"vector\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-size-small-scw-option-select-heading-close-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-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n    @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-size-small-scw-option-select-heading-close.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.close {\n  @include size-small-scw-option-select-heading-close-mixins.box;\n  @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n      @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-size-small-scw-option-select-heading-heading.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"heading\">\n  Heading\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n\n.heading {\n  @include size-small-scw-option-select-heading-heading-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-size-small-scw-option-select-heading-icon-left-icon-vector.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"vector\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-size-small-scw-option-select-heading-icon-left-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-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-size-small-scw-option-select-heading-icon-left.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-size-small-scw-option-select-heading.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/size-small-scw-option-select-heading-mixins\" as size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include size-small-scw-option-select-heading-mixins.box;\n  @include size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include size-small-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include size-small-scw-option-select-heading-close-mixins.box;\n    @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-size-small-scw-option-select.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<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>",
+    "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-option-single\">\n    <div class=\"label\">\n      <div class=\"text\">\n        Option\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include size-small-scw-option-select-mixins.box;\n  @include size-small-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include size-small-scw-option-select-scw-option-single-mixins.box;\n    @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n      @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-mixins\" as size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include size-small-scw-option-select-mixins.box;\n  @include size-small-scw-option-select-mixins.figma-autolayout;\n\n  .heading {\n    @include size-small-scw-option-select-heading-mixins.box;\n    @include size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include size-small-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include size-small-scw-option-select-heading-close-mixins.box;\n      @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .scw-option-single {\n    @include size-small-scw-option-select-scw-option-single-mixins.box;\n    @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n      @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-select-size-small-scw-option.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<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>",
+    "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-select/size-small-scw-option-mixins\" as size-small-scw-option-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include size-small-scw-option-mixins.box;\n  @include size-small-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include size-small-scw-option-select-mixins.box;\n    @include size-small-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include size-small-scw-option-select-scw-option-single-mixins.box;\n      @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n        @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-select/size-small-scw-option-mixins\" as size-small-scw-option-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-mixins\" as size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include size-small-scw-option-mixins.box;\n  @include size-small-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include size-small-scw-option-select-mixins.box;\n    @include size-small-scw-option-select-mixins.figma-autolayout;\n\n    .heading {\n      @include size-small-scw-option-select-heading-mixins.box;\n      @include size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include size-small-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include size-small-scw-option-select-heading-close-mixins.box;\n        @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .scw-option-single {\n      @include size-small-scw-option-select-scw-option-single-mixins.box;\n      @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n        @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-select-size-small.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"size-small\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 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>",
+    "output": "<div class=\"size-small\">\n  <div class=\"label\">\n    <div class=\"label\">\n      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=\"input\">\n    <div class=\"select\">\n      <div class=\"select\">\n        Select\n      </div>\n    </div>\n    <div class=\"icon-arrow\">\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 class=\"scw-option\">\n    <div class=\"select\">\n      <div class=\"heading\">\n        <div class=\"icon-left\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n        <div class=\"heading\">\n          Heading\n        </div>\n        <div class=\"close\">\n          <div class=\"icon\">\n            <div class=\"vector\">\n            </div>\n          </div>\n        </div>\n      </div>\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>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-select/size-small-mixins\" as size-small-mixins;\n@use \"comp-scw-select/size-small-label-mixins\" as size-small-label-mixins;\n@use \"comp-scw-select/size-small-label-label-mixins\" as size-small-label-label-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-mixins\" as size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-mixins\" as size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/size-small-input-mixins\" as size-small-input-mixins;\n@use \"comp-scw-select/size-small-input-select-mixins\" as size-small-input-select-mixins;\n@use \"comp-scw-select/size-small-input-select-select-mixins\" as size-small-input-select-select-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-mixins\" as size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-mixins\" as size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-mixins\" as size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-vector-mixins\" as size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/size-small-feedback-mixins\" as size-small-feedback-mixins;\n@use \"comp-scw-select/size-small-feedback-feedback-mixins\" as size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/size-small-scw-option-mixins\" as size-small-scw-option-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.size-small {\n  @include size-small-mixins.box;\n  @include size-small-mixins.figma-autolayout;\n\n  .label {\n    @include size-small-label-mixins.box;\n    @include size-small-label-mixins.figma-autolayout;\n\n    .label {\n      @include size-small-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include size-small-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include size-small-label-scw-info-tip-question-circle-mixins.box;\n        @include size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include size-small-input-mixins.box;\n    @include size-small-input-mixins.figma-autolayout;\n\n    .select {\n      @include size-small-input-select-mixins.box;\n      @include size-small-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include size-small-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include size-small-input-icon-arrow-mixins.box;\n      @include size-small-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include size-small-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include size-small-input-icon-arrow-icon-icon-mixins.box;\n          @include size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include size-small-feedback-mixins.box;\n    @include size-small-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include size-small-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include size-small-scw-option-mixins.box;\n    @include size-small-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include size-small-scw-option-select-mixins.box;\n      @include size-small-scw-option-select-mixins.figma-autolayout;\n\n      .scw-option-single {\n        @include size-small-scw-option-select-scw-option-single-mixins.box;\n        @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n          @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-select/size-small-mixins\" as size-small-mixins;\n@use \"comp-scw-select/size-small-label-mixins\" as size-small-label-mixins;\n@use \"comp-scw-select/size-small-label-label-mixins\" as size-small-label-label-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-mixins\" as size-small-label-scw-info-tip-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-mixins\" as size-small-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-092-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-select/size-small-label-scw-info-tip-question-circle-vector-color-02-mixins\" as size-small-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-select/size-small-input-mixins\" as size-small-input-mixins;\n@use \"comp-scw-select/size-small-input-select-mixins\" as size-small-input-select-mixins;\n@use \"comp-scw-select/size-small-input-select-select-mixins\" as size-small-input-select-select-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-mixins\" as size-small-input-icon-arrow-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-mixins\" as size-small-input-icon-arrow-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-mixins\" as size-small-input-icon-arrow-icon-icon-mixins;\n@use \"comp-scw-select/size-small-input-icon-arrow-icon-icon-vector-mixins\" as size-small-input-icon-arrow-icon-icon-vector-mixins;\n@use \"comp-scw-select/size-small-feedback-mixins\" as size-small-feedback-mixins;\n@use \"comp-scw-select/size-small-feedback-feedback-mixins\" as size-small-feedback-feedback-mixins;\n@use \"comp-scw-select/size-small-scw-option-mixins\" as size-small-scw-option-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-mixins\" as size-small-scw-option-select-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-mixins\" as size-small-scw-option-select-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-mixins\" as size-small-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-mixins\" as size-small-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-icon-left-icon-vector-mixins\" as size-small-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-heading-mixins\" as size-small-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-mixins\" as size-small-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-mixins\" as size-small-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-heading-close-icon-vector-mixins\" as size-small-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-mixins\" as size-small-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-mixins\" as size-small-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/size-small-scw-option-select-scw-option-single-label-text-mixins\" as size-small-scw-option-select-scw-option-single-label-text-mixins;\n\n.size-small {\n  @include size-small-mixins.box;\n  @include size-small-mixins.figma-autolayout;\n\n  .label {\n    @include size-small-label-mixins.box;\n    @include size-small-label-mixins.figma-autolayout;\n\n    .label {\n      @include size-small-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include size-small-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include size-small-label-scw-info-tip-question-circle-mixins.box;\n        @include size-small-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include size-small-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include size-small-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include size-small-input-mixins.box;\n    @include size-small-input-mixins.figma-autolayout;\n\n    .select {\n      @include size-small-input-select-mixins.box;\n      @include size-small-input-select-mixins.figma-autolayout;\n\n      .select {\n        @include size-small-input-select-select-mixins.text;\n      }\n    }\n\n    .icon-arrow {\n      @include size-small-input-icon-arrow-mixins.box;\n      @include size-small-input-icon-arrow-mixins.figma-autolayout;\n\n      .icon {\n        @include size-small-input-icon-arrow-icon-mixins.box;\n\n        .icon {\n          @include size-small-input-icon-arrow-icon-icon-mixins.box;\n          @include size-small-input-icon-arrow-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-small-input-icon-arrow-icon-icon-vector-mixins.box;\n            @include size-small-input-icon-arrow-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include size-small-feedback-mixins.box;\n    @include size-small-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include size-small-feedback-feedback-mixins.text;\n    }\n  }\n\n  .scw-option {\n    @include size-small-scw-option-mixins.box;\n    @include size-small-scw-option-mixins.figma-autolayout;\n\n    .select {\n      @include size-small-scw-option-select-mixins.box;\n      @include size-small-scw-option-select-mixins.figma-autolayout;\n\n      .heading {\n        @include size-small-scw-option-select-heading-mixins.box;\n        @include size-small-scw-option-select-heading-mixins.figma-autolayout;\n\n        .icon-left {\n          @include size-small-scw-option-select-heading-icon-left-mixins.box;\n\n          .icon {\n            @include size-small-scw-option-select-heading-icon-left-icon-mixins.box;\n            @include size-small-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n            .vector {\n              @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n              @include size-small-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n\n        .heading {\n          @include size-small-scw-option-select-heading-heading-mixins.text;\n        }\n\n        .close {\n          @include size-small-scw-option-select-heading-close-mixins.box;\n          @include size-small-scw-option-select-heading-close-mixins.figma-autolayout;\n\n          .icon {\n            @include size-small-scw-option-select-heading-close-icon-mixins.box;\n\n            .vector {\n              @include size-small-scw-option-select-heading-close-icon-vector-mixins.box;\n              @include size-small-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n            }\n          }\n        }\n      }\n\n      .scw-option-single {\n        @include size-small-scw-option-select-scw-option-single-mixins.box;\n        @include size-small-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n        .label {\n          @include size-small-scw-option-select-scw-option-single-label-mixins.box;\n          @include size-small-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n          .text {\n            @include size-small-scw-option-select-scw-option-single-label-text-mixins.text;\n          }\n        }\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-select-state-error-scw-option-select-heading-close-icon-vector.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"vector\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n\n.vector {\n  @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-state-error-scw-option-select-heading-close-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-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n\n.icon {\n  @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n  .vector {\n    @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n    @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-state-error-scw-option-select-heading-close.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"close\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-close-mixins\" as state-error-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n\n.close {\n  @include state-error-scw-option-select-heading-close-mixins.box;\n  @include state-error-scw-option-select-heading-close-mixins.figma-autolayout;\n\n  .icon {\n    @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n    .vector {\n      @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n      @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-state-error-scw-option-select-heading-heading.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"heading\">\n  Heading\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-heading-mixins\" as state-error-scw-option-select-heading-heading-mixins;\n\n.heading {\n  @include state-error-scw-option-select-heading-heading-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-state-error-scw-option-select-heading-icon-left-icon-vector.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"vector\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.vector {\n  @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-state-error-scw-option-select-heading-icon-left-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-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon {\n  @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n\n  .vector {\n    @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n    @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-state-error-scw-option-select-heading-icon-left.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"icon-left\">\n  <div class=\"icon\">\n    <div class=\"vector\">\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-mixins\" as state-error-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n\n.icon-left {\n  @include state-error-scw-option-select-heading-icon-left-mixins.box;\n\n  .icon {\n    @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n    @include state-error-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n    .vector {\n      @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n      @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-state-error-scw-option-select-heading.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"heading\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n  <div class=\"heading\">\n    Heading\n  </div>\n  <div class=\"close\">\n    <div class=\"icon\">\n      <div class=\"vector\">\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-select/state-error-scw-option-select-heading-mixins\" as state-error-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-mixins\" as state-error-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-heading-mixins\" as state-error-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-mixins\" as state-error-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n\n.heading {\n  @include state-error-scw-option-select-heading-mixins.box;\n  @include state-error-scw-option-select-heading-mixins.figma-autolayout;\n\n  .icon-left {\n    @include state-error-scw-option-select-heading-icon-left-mixins.box;\n\n    .icon {\n      @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n      @include state-error-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n      .vector {\n        @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n        @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .heading {\n    @include state-error-scw-option-select-heading-heading-mixins.text;\n  }\n\n  .close {\n    @include state-error-scw-option-select-heading-close-mixins.box;\n    @include state-error-scw-option-select-heading-close-mixins.figma-autolayout;\n\n    .icon {\n      @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n      .vector {\n        @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n        @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-select-state-error-scw-option-select.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<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>",
+    "output": "<div class=\"select\">\n  <div class=\"heading\">\n    <div class=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n    <div class=\"heading\">\n      Heading\n    </div>\n    <div class=\"close\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"scw-option-single\">\n    <div class=\"label\">\n      <div class=\"text\">\n        Option\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include state-error-scw-option-select-mixins.box;\n  @include state-error-scw-option-select-mixins.figma-autolayout;\n\n  .scw-option-single {\n    @include state-error-scw-option-select-scw-option-single-mixins.box;\n    @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n      @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-mixins\" as state-error-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-mixins\" as state-error-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-heading-mixins\" as state-error-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-mixins\" as state-error-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n\n.select {\n  @include state-error-scw-option-select-mixins.box;\n  @include state-error-scw-option-select-mixins.figma-autolayout;\n\n  .heading {\n    @include state-error-scw-option-select-heading-mixins.box;\n    @include state-error-scw-option-select-heading-mixins.figma-autolayout;\n\n    .icon-left {\n      @include state-error-scw-option-select-heading-icon-left-mixins.box;\n\n      .icon {\n        @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n        @include state-error-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n        .vector {\n          @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n          @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n\n    .heading {\n      @include state-error-scw-option-select-heading-heading-mixins.text;\n    }\n\n    .close {\n      @include state-error-scw-option-select-heading-close-mixins.box;\n      @include state-error-scw-option-select-heading-close-mixins.figma-autolayout;\n\n      .icon {\n        @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n        .vector {\n          @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n          @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .scw-option-single {\n    @include state-error-scw-option-select-scw-option-single-mixins.box;\n    @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n    .label {\n      @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n      @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n      .text {\n        @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-select-state-error-scw-option.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<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>",
+    "output": "<div class=\"scw-option\">\n  <div class=\"select\">\n    <div class=\"heading\">\n      <div class=\"icon-left\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n      <div class=\"heading\">\n        Heading\n      </div>\n      <div class=\"close\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\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>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-select/state-error-scw-option-mixins\" as state-error-scw-option-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include state-error-scw-option-mixins.box;\n  @include state-error-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include state-error-scw-option-select-mixins.box;\n    @include state-error-scw-option-select-mixins.figma-autolayout;\n\n    .scw-option-single {\n      @include state-error-scw-option-select-scw-option-single-mixins.box;\n      @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n        @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-select/state-error-scw-option-mixins\" as state-error-scw-option-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-mixins\" as state-error-scw-option-select-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-mixins\" as state-error-scw-option-select-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-mixins\" as state-error-scw-option-select-heading-icon-left-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-mixins\" as state-error-scw-option-select-heading-icon-left-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-icon-left-icon-vector-mixins\" as state-error-scw-option-select-heading-icon-left-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-heading-mixins\" as state-error-scw-option-select-heading-heading-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-mixins\" as state-error-scw-option-select-heading-close-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-mixins\" as state-error-scw-option-select-heading-close-icon-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-heading-close-icon-vector-mixins\" as state-error-scw-option-select-heading-close-icon-vector-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-mixins\" as state-error-scw-option-select-scw-option-single-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-mixins\" as state-error-scw-option-select-scw-option-single-label-mixins;\n@use \"comp-scw-select/state-error-scw-option-select-scw-option-single-label-text-mixins\" as state-error-scw-option-select-scw-option-single-label-text-mixins;\n\n.scw-option {\n  @include state-error-scw-option-mixins.box;\n  @include state-error-scw-option-mixins.figma-autolayout;\n\n  .select {\n    @include state-error-scw-option-select-mixins.box;\n    @include state-error-scw-option-select-mixins.figma-autolayout;\n\n    .heading {\n      @include state-error-scw-option-select-heading-mixins.box;\n      @include state-error-scw-option-select-heading-mixins.figma-autolayout;\n\n      .icon-left {\n        @include state-error-scw-option-select-heading-icon-left-mixins.box;\n\n        .icon {\n          @include state-error-scw-option-select-heading-icon-left-icon-mixins.box;\n          @include state-error-scw-option-select-heading-icon-left-icon-mixins.absolute-layout;\n\n          .vector {\n            @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.box;\n            @include state-error-scw-option-select-heading-icon-left-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n\n      .heading {\n        @include state-error-scw-option-select-heading-heading-mixins.text;\n      }\n\n      .close {\n        @include state-error-scw-option-select-heading-close-mixins.box;\n        @include state-error-scw-option-select-heading-close-mixins.figma-autolayout;\n\n        .icon {\n          @include state-error-scw-option-select-heading-close-icon-mixins.box;\n\n          .vector {\n            @include state-error-scw-option-select-heading-close-icon-vector-mixins.box;\n            @include state-error-scw-option-select-heading-close-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .scw-option-single {\n      @include state-error-scw-option-select-scw-option-single-mixins.box;\n      @include state-error-scw-option-select-scw-option-single-mixins.figma-autolayout;\n\n      .label {\n        @include state-error-scw-option-select-scw-option-single-label-mixins.box;\n        @include state-error-scw-option-select-scw-option-single-label-mixins.figma-autolayout;\n\n        .text {\n          @include state-error-scw-option-select-scw-option-single-label-text-mixins.text;\n        }\n      }\n    }\n  }\n}",
     "example": ""
   }
 }