scu-web-components 1.3.20 → 1.3.21

package/dist/tokens/source/htmlStubs/components-scw-input-default-input-text-left-x.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"x\">\n  X\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/default-input-text-left-x-mixins\" as default-input-text-left-x-mixins;\n\n.x {\n  @include default-input-text-left-x-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-default-input-text-left.json

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

package/dist/tokens/source/htmlStubs/components-scw-input-default-input-text-right-x.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"x\">\n  X\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/default-input-text-right-x-mixins\" as default-input-text-right-x-mixins;\n\n.x {\n  @include default-input-text-right-x-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-default-input-text-right.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"text-right\">\n  <div class=\"x\">\n    X\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/default-input-text-right-mixins\" as default-input-text-right-mixins;\n@use \"comp-scw-input/default-input-text-right-x-mixins\" as default-input-text-right-x-mixins;\n\n.text-right {\n  @include default-input-text-right-mixins.box;\n  @include default-input-text-right-mixins.figma-autolayout;\n\n  .x {\n    @include default-input-text-right-x-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

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

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Placeholder\n    </div>\n  </div>\n  <div class=\"icon-right\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"text-left\">\n    <div class=\"x\">\n      X\n    </div>\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Placeholder\n    </div>\n  </div>\n  <div class=\"text-right\">\n    <div class=\"x\">\n      X\n    </div>\n  </div>\n  <div class=\"icon-right\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input/default-input-mixins\" as default-input-mixins;\n@use \"comp-scw-input/default-input-icon-left-mixins\" as default-input-icon-left-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-mixins\" as default-input-icon-left-icon-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-icon-mixins\" as default-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-icon-vector-mixins\" as default-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/default-input-placeholder-mixins\" as default-input-placeholder-mixins;\n@use \"comp-scw-input/default-input-placeholder-placeholder-mixins\" as default-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/default-input-icon-right-mixins\" as default-input-icon-right-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-mixins\" as default-input-icon-right-icon-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-icon-mixins\" as default-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-icon-vector-mixins\" as default-input-icon-right-icon-icon-vector-mixins;\n\n.input {\n  @include default-input-mixins.box;\n  @include default-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include default-input-icon-left-mixins.box;\n    @include default-input-icon-left-mixins.figma-autolayout;\n\n    .icon {\n      @include default-input-icon-left-icon-mixins.box;\n\n      .icon {\n        @include default-input-icon-left-icon-icon-mixins.box;\n        @include default-input-icon-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include default-input-icon-left-icon-icon-vector-mixins.box;\n          @include default-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .placeholder {\n    @include default-input-placeholder-mixins.box;\n    @include default-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include default-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include default-input-icon-right-mixins.box;\n    @include default-input-icon-right-mixins.figma-autolayout;\n\n    .icon {\n      @include default-input-icon-right-icon-mixins.box;\n\n      .icon {\n        @include default-input-icon-right-icon-icon-mixins.box;\n        @include default-input-icon-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include default-input-icon-right-icon-icon-vector-mixins.box;\n          @include default-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-input/default-input-mixins\" as default-input-mixins;\n@use \"comp-scw-input/default-input-icon-left-mixins\" as default-input-icon-left-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-mixins\" as default-input-icon-left-icon-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-icon-mixins\" as default-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-icon-vector-mixins\" as default-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/default-input-text-left-mixins\" as default-input-text-left-mixins;\n@use \"comp-scw-input/default-input-text-left-x-mixins\" as default-input-text-left-x-mixins;\n@use \"comp-scw-input/default-input-placeholder-mixins\" as default-input-placeholder-mixins;\n@use \"comp-scw-input/default-input-placeholder-placeholder-mixins\" as default-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/default-input-text-right-mixins\" as default-input-text-right-mixins;\n@use \"comp-scw-input/default-input-text-right-x-mixins\" as default-input-text-right-x-mixins;\n@use \"comp-scw-input/default-input-icon-right-mixins\" as default-input-icon-right-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-mixins\" as default-input-icon-right-icon-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-icon-mixins\" as default-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-icon-vector-mixins\" as default-input-icon-right-icon-icon-vector-mixins;\n\n.input {\n  @include default-input-mixins.box;\n  @include default-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include default-input-icon-left-mixins.box;\n    @include default-input-icon-left-mixins.figma-autolayout;\n\n    .icon {\n      @include default-input-icon-left-icon-mixins.box;\n\n      .icon {\n        @include default-input-icon-left-icon-icon-mixins.box;\n        @include default-input-icon-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include default-input-icon-left-icon-icon-vector-mixins.box;\n          @include default-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .text-left {\n    @include default-input-text-left-mixins.box;\n    @include default-input-text-left-mixins.figma-autolayout;\n\n    .x {\n      @include default-input-text-left-x-mixins.text;\n    }\n  }\n\n  .placeholder {\n    @include default-input-placeholder-mixins.box;\n    @include default-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include default-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .text-right {\n    @include default-input-text-right-mixins.box;\n    @include default-input-text-right-mixins.figma-autolayout;\n\n    .x {\n      @include default-input-text-right-x-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include default-input-icon-right-mixins.box;\n    @include default-input-icon-right-mixins.figma-autolayout;\n\n    .icon {\n      @include default-input-icon-right-icon-mixins.box;\n\n      .icon {\n        @include default-input-icon-right-icon-icon-mixins.box;\n        @include default-input-icon-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include default-input-icon-right-icon-icon-vector-mixins.box;\n          @include default-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-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=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"placeholder\">\n      <div class=\"placeholder\">\n        Placeholder\n      </div>\n    </div>\n    <div class=\"icon-right\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n    <div class=\"feedback\">\n      Feedback\n    </div>\n  </div>\n</div>",
+    "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=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"text-left\">\n      <div class=\"x\">\n        X\n      </div>\n    </div>\n    <div class=\"placeholder\">\n      <div class=\"placeholder\">\n        Placeholder\n      </div>\n    </div>\n    <div class=\"text-right\">\n      <div class=\"x\">\n        X\n      </div>\n    </div>\n    <div class=\"icon-right\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n    <div class=\"feedback\">\n      Feedback\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input/default-mixins\" as default-mixins;\n@use \"comp-scw-input/default-label-mixins\" as default-label-mixins;\n@use \"comp-scw-input/default-label-label-mixins\" as default-label-label-mixins;\n@use \"comp-scw-input/default-label-scw-info-tip-mixins\" as default-label-scw-info-tip-mixins;\n@use \"comp-scw-input/default-label-scw-info-tip-question-circle-mixins\" as default-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-input/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-input/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-input/default-input-mixins\" as default-input-mixins;\n@use \"comp-scw-input/default-input-icon-left-mixins\" as default-input-icon-left-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-mixins\" as default-input-icon-left-icon-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-icon-mixins\" as default-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-icon-vector-mixins\" as default-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/default-input-placeholder-mixins\" as default-input-placeholder-mixins;\n@use \"comp-scw-input/default-input-placeholder-placeholder-mixins\" as default-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/default-input-icon-right-mixins\" as default-input-icon-right-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-mixins\" as default-input-icon-right-icon-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-icon-mixins\" as default-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-icon-vector-mixins\" as default-input-icon-right-icon-icon-vector-mixins;\n@use \"comp-scw-input/default-feedback-mixins\" as default-feedback-mixins;\n@use \"comp-scw-input/default-feedback-feedback-mixins\" as default-feedback-feedback-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    .icon-left {\n      @include default-input-icon-left-mixins.box;\n      @include default-input-icon-left-mixins.figma-autolayout;\n\n      .icon {\n        @include default-input-icon-left-icon-mixins.box;\n\n        .icon {\n          @include default-input-icon-left-icon-icon-mixins.box;\n          @include default-input-icon-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include default-input-icon-left-icon-icon-vector-mixins.box;\n            @include default-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .placeholder {\n      @include default-input-placeholder-mixins.box;\n      @include default-input-placeholder-mixins.figma-autolayout;\n\n      .placeholder {\n        @include default-input-placeholder-placeholder-mixins.text;\n      }\n    }\n\n    .icon-right {\n      @include default-input-icon-right-mixins.box;\n      @include default-input-icon-right-mixins.figma-autolayout;\n\n      .icon {\n        @include default-input-icon-right-icon-mixins.box;\n\n        .icon {\n          @include default-input-icon-right-icon-icon-mixins.box;\n          @include default-input-icon-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include default-input-icon-right-icon-icon-vector-mixins.box;\n            @include default-input-icon-right-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}",
+    "output": "@use \"comp-scw-input/default-mixins\" as default-mixins;\n@use \"comp-scw-input/default-label-mixins\" as default-label-mixins;\n@use \"comp-scw-input/default-label-label-mixins\" as default-label-label-mixins;\n@use \"comp-scw-input/default-label-scw-info-tip-mixins\" as default-label-scw-info-tip-mixins;\n@use \"comp-scw-input/default-label-scw-info-tip-question-circle-mixins\" as default-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-input/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-input/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-input/default-input-mixins\" as default-input-mixins;\n@use \"comp-scw-input/default-input-icon-left-mixins\" as default-input-icon-left-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-mixins\" as default-input-icon-left-icon-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-icon-mixins\" as default-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/default-input-icon-left-icon-icon-vector-mixins\" as default-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/default-input-text-left-mixins\" as default-input-text-left-mixins;\n@use \"comp-scw-input/default-input-text-left-x-mixins\" as default-input-text-left-x-mixins;\n@use \"comp-scw-input/default-input-placeholder-mixins\" as default-input-placeholder-mixins;\n@use \"comp-scw-input/default-input-placeholder-placeholder-mixins\" as default-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/default-input-text-right-mixins\" as default-input-text-right-mixins;\n@use \"comp-scw-input/default-input-text-right-x-mixins\" as default-input-text-right-x-mixins;\n@use \"comp-scw-input/default-input-icon-right-mixins\" as default-input-icon-right-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-mixins\" as default-input-icon-right-icon-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-icon-mixins\" as default-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/default-input-icon-right-icon-icon-vector-mixins\" as default-input-icon-right-icon-icon-vector-mixins;\n@use \"comp-scw-input/default-feedback-mixins\" as default-feedback-mixins;\n@use \"comp-scw-input/default-feedback-feedback-mixins\" as default-feedback-feedback-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    .icon-left {\n      @include default-input-icon-left-mixins.box;\n      @include default-input-icon-left-mixins.figma-autolayout;\n\n      .icon {\n        @include default-input-icon-left-icon-mixins.box;\n\n        .icon {\n          @include default-input-icon-left-icon-icon-mixins.box;\n          @include default-input-icon-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include default-input-icon-left-icon-icon-vector-mixins.box;\n            @include default-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .text-left {\n      @include default-input-text-left-mixins.box;\n      @include default-input-text-left-mixins.figma-autolayout;\n\n      .x {\n        @include default-input-text-left-x-mixins.text;\n      }\n    }\n\n    .placeholder {\n      @include default-input-placeholder-mixins.box;\n      @include default-input-placeholder-mixins.figma-autolayout;\n\n      .placeholder {\n        @include default-input-placeholder-placeholder-mixins.text;\n      }\n    }\n\n    .text-right {\n      @include default-input-text-right-mixins.box;\n      @include default-input-text-right-mixins.figma-autolayout;\n\n      .x {\n        @include default-input-text-right-x-mixins.text;\n      }\n    }\n\n    .icon-right {\n      @include default-input-icon-right-mixins.box;\n      @include default-input-icon-right-mixins.figma-autolayout;\n\n      .icon {\n        @include default-input-icon-right-icon-mixins.box;\n\n        .icon {\n          @include default-input-icon-right-icon-icon-mixins.box;\n          @include default-input-icon-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include default-input-icon-right-icon-icon-vector-mixins.box;\n            @include default-input-icon-right-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}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-input-text-left-x.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"x\">\n  X\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-large-input-text-left-x-mixins\" as size-large-input-text-left-x-mixins;\n\n.x {\n  @include size-large-input-text-left-x-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-input-text-left.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"text-left\">\n  <div class=\"x\">\n    X\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-large-input-text-left-mixins\" as size-large-input-text-left-mixins;\n@use \"comp-scw-input/size-large-input-text-left-x-mixins\" as size-large-input-text-left-x-mixins;\n\n.text-left {\n  @include size-large-input-text-left-mixins.box;\n  @include size-large-input-text-left-mixins.figma-autolayout;\n\n  .x {\n    @include size-large-input-text-left-x-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-input-text-right-x.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"x\">\n  X\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-large-input-text-right-x-mixins\" as size-large-input-text-right-x-mixins;\n\n.x {\n  @include size-large-input-text-right-x-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-input-text-right.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"text-right\">\n  <div class=\"x\">\n    X\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-large-input-text-right-mixins\" as size-large-input-text-right-mixins;\n@use \"comp-scw-input/size-large-input-text-right-x-mixins\" as size-large-input-text-right-x-mixins;\n\n.text-right {\n  @include size-large-input-text-right-mixins.box;\n  @include size-large-input-text-right-mixins.figma-autolayout;\n\n  .x {\n    @include size-large-input-text-right-x-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-input.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Placeholder\n    </div>\n  </div>\n  <div class=\"icon-right\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"text-left\">\n    <div class=\"x\">\n      X\n    </div>\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Placeholder\n    </div>\n  </div>\n  <div class=\"text-right\">\n    <div class=\"x\">\n      X\n    </div>\n  </div>\n  <div class=\"icon-right\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input/size-large-input-mixins\" as size-large-input-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-mixins\" as size-large-input-icon-left-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-mixins\" as size-large-input-icon-left-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-icon-mixins\" as size-large-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-icon-vector-mixins\" as size-large-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-large-input-placeholder-mixins\" as size-large-input-placeholder-mixins;\n@use \"comp-scw-input/size-large-input-placeholder-placeholder-mixins\" as size-large-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-mixins\" as size-large-input-icon-right-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-mixins\" as size-large-input-icon-right-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-icon-mixins\" as size-large-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-icon-vector-mixins\" as size-large-input-icon-right-icon-icon-vector-mixins;\n\n.input {\n  @include size-large-input-mixins.box;\n  @include size-large-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include size-large-input-icon-left-mixins.box;\n    @include size-large-input-icon-left-mixins.figma-autolayout;\n\n    .icon {\n      @include size-large-input-icon-left-icon-mixins.box;\n\n      .icon {\n        @include size-large-input-icon-left-icon-icon-mixins.box;\n        @include size-large-input-icon-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-large-input-icon-left-icon-icon-vector-mixins.box;\n          @include size-large-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .placeholder {\n    @include size-large-input-placeholder-mixins.box;\n    @include size-large-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include size-large-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include size-large-input-icon-right-mixins.box;\n    @include size-large-input-icon-right-mixins.figma-autolayout;\n\n    .icon {\n      @include size-large-input-icon-right-icon-mixins.box;\n\n      .icon {\n        @include size-large-input-icon-right-icon-icon-mixins.box;\n        @include size-large-input-icon-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-large-input-icon-right-icon-icon-vector-mixins.box;\n          @include size-large-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-input/size-large-input-mixins\" as size-large-input-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-mixins\" as size-large-input-icon-left-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-mixins\" as size-large-input-icon-left-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-icon-mixins\" as size-large-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-icon-vector-mixins\" as size-large-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-large-input-text-left-mixins\" as size-large-input-text-left-mixins;\n@use \"comp-scw-input/size-large-input-text-left-x-mixins\" as size-large-input-text-left-x-mixins;\n@use \"comp-scw-input/size-large-input-placeholder-mixins\" as size-large-input-placeholder-mixins;\n@use \"comp-scw-input/size-large-input-placeholder-placeholder-mixins\" as size-large-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/size-large-input-text-right-mixins\" as size-large-input-text-right-mixins;\n@use \"comp-scw-input/size-large-input-text-right-x-mixins\" as size-large-input-text-right-x-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-mixins\" as size-large-input-icon-right-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-mixins\" as size-large-input-icon-right-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-icon-mixins\" as size-large-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-icon-vector-mixins\" as size-large-input-icon-right-icon-icon-vector-mixins;\n\n.input {\n  @include size-large-input-mixins.box;\n  @include size-large-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include size-large-input-icon-left-mixins.box;\n    @include size-large-input-icon-left-mixins.figma-autolayout;\n\n    .icon {\n      @include size-large-input-icon-left-icon-mixins.box;\n\n      .icon {\n        @include size-large-input-icon-left-icon-icon-mixins.box;\n        @include size-large-input-icon-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-large-input-icon-left-icon-icon-vector-mixins.box;\n          @include size-large-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .text-left {\n    @include size-large-input-text-left-mixins.box;\n    @include size-large-input-text-left-mixins.figma-autolayout;\n\n    .x {\n      @include size-large-input-text-left-x-mixins.text;\n    }\n  }\n\n  .placeholder {\n    @include size-large-input-placeholder-mixins.box;\n    @include size-large-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include size-large-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .text-right {\n    @include size-large-input-text-right-mixins.box;\n    @include size-large-input-text-right-mixins.figma-autolayout;\n\n    .x {\n      @include size-large-input-text-right-x-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include size-large-input-icon-right-mixins.box;\n    @include size-large-input-icon-right-mixins.figma-autolayout;\n\n    .icon {\n      @include size-large-input-icon-right-icon-mixins.box;\n\n      .icon {\n        @include size-large-input-icon-right-icon-icon-mixins.box;\n        @include size-large-input-icon-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-large-input-icon-right-icon-icon-vector-mixins.box;\n          @include size-large-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-type-rounded-input-text-left-x.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"x\">\n  X\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-large-type-rounded-input-text-left-x-mixins\" as size-large-type-rounded-input-text-left-x-mixins;\n\n.x {\n  @include size-large-type-rounded-input-text-left-x-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-type-rounded-input-text-left.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"text-left\">\n  <div class=\"x\">\n    X\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-large-type-rounded-input-text-left-mixins\" as size-large-type-rounded-input-text-left-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-text-left-x-mixins\" as size-large-type-rounded-input-text-left-x-mixins;\n\n.text-left {\n  @include size-large-type-rounded-input-text-left-mixins.box;\n  @include size-large-type-rounded-input-text-left-mixins.figma-autolayout;\n\n  .x {\n    @include size-large-type-rounded-input-text-left-x-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-type-rounded-input-text-right-x.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"x\">\n  X\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-large-type-rounded-input-text-right-x-mixins\" as size-large-type-rounded-input-text-right-x-mixins;\n\n.x {\n  @include size-large-type-rounded-input-text-right-x-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-type-rounded-input-text-right.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"text-right\">\n  <div class=\"x\">\n    X\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-large-type-rounded-input-text-right-mixins\" as size-large-type-rounded-input-text-right-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-text-right-x-mixins\" as size-large-type-rounded-input-text-right-x-mixins;\n\n.text-right {\n  @include size-large-type-rounded-input-text-right-mixins.box;\n  @include size-large-type-rounded-input-text-right-mixins.figma-autolayout;\n\n  .x {\n    @include size-large-type-rounded-input-text-right-x-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-type-rounded-input.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Placeholder\n    </div>\n  </div>\n  <div class=\"icon-right\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"ellipse-245-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"text-left\">\n    <div class=\"x\">\n      X\n    </div>\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Placeholder\n    </div>\n  </div>\n  <div class=\"text-right\">\n    <div class=\"x\">\n      X\n    </div>\n  </div>\n  <div class=\"icon-right\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"ellipse-245-color-092\">\n        </div>\n        <div class=\"vector-color-02\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input/size-large-type-rounded-input-mixins\" as size-large-type-rounded-input-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-mixins\" as size-large-type-rounded-input-icon-left-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-mixins\" as size-large-type-rounded-input-icon-left-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-icon-mixins\" as size-large-type-rounded-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-icon-vector-mixins\" as size-large-type-rounded-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-placeholder-mixins\" as size-large-type-rounded-input-placeholder-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-placeholder-placeholder-mixins\" as size-large-type-rounded-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-mixins\" as size-large-type-rounded-input-icon-right-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-mixins\" as size-large-type-rounded-input-icon-right-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins;\n\n.input {\n  @include size-large-type-rounded-input-mixins.box;\n  @include size-large-type-rounded-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include size-large-type-rounded-input-icon-left-mixins.box;\n    @include size-large-type-rounded-input-icon-left-mixins.figma-autolayout;\n\n    .icon {\n      @include size-large-type-rounded-input-icon-left-icon-mixins.box;\n\n      .icon {\n        @include size-large-type-rounded-input-icon-left-icon-icon-mixins.box;\n        @include size-large-type-rounded-input-icon-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-large-type-rounded-input-icon-left-icon-icon-vector-mixins.box;\n          @include size-large-type-rounded-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .placeholder {\n    @include size-large-type-rounded-input-placeholder-mixins.box;\n    @include size-large-type-rounded-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include size-large-type-rounded-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include size-large-type-rounded-input-icon-right-mixins.box;\n    @include size-large-type-rounded-input-icon-right-mixins.figma-autolayout;\n\n    .icon {\n      @include size-large-type-rounded-input-icon-right-icon-mixins.box;\n\n      .icon {\n        @include size-large-type-rounded-input-icon-right-icon-icon-mixins.box;\n        @include size-large-type-rounded-input-icon-right-icon-icon-mixins.absolute-layout;\n\n        .ellipse-245-color-092 {\n          @include size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins.box;\n          @include size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.box;\n          @include size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-input/size-large-type-rounded-input-mixins\" as size-large-type-rounded-input-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-mixins\" as size-large-type-rounded-input-icon-left-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-mixins\" as size-large-type-rounded-input-icon-left-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-icon-mixins\" as size-large-type-rounded-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-icon-vector-mixins\" as size-large-type-rounded-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-text-left-mixins\" as size-large-type-rounded-input-text-left-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-text-left-x-mixins\" as size-large-type-rounded-input-text-left-x-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-placeholder-mixins\" as size-large-type-rounded-input-placeholder-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-placeholder-placeholder-mixins\" as size-large-type-rounded-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-text-right-mixins\" as size-large-type-rounded-input-text-right-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-text-right-x-mixins\" as size-large-type-rounded-input-text-right-x-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-mixins\" as size-large-type-rounded-input-icon-right-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-mixins\" as size-large-type-rounded-input-icon-right-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins;\n\n.input {\n  @include size-large-type-rounded-input-mixins.box;\n  @include size-large-type-rounded-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include size-large-type-rounded-input-icon-left-mixins.box;\n    @include size-large-type-rounded-input-icon-left-mixins.figma-autolayout;\n\n    .icon {\n      @include size-large-type-rounded-input-icon-left-icon-mixins.box;\n\n      .icon {\n        @include size-large-type-rounded-input-icon-left-icon-icon-mixins.box;\n        @include size-large-type-rounded-input-icon-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-large-type-rounded-input-icon-left-icon-icon-vector-mixins.box;\n          @include size-large-type-rounded-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .text-left {\n    @include size-large-type-rounded-input-text-left-mixins.box;\n    @include size-large-type-rounded-input-text-left-mixins.figma-autolayout;\n\n    .x {\n      @include size-large-type-rounded-input-text-left-x-mixins.text;\n    }\n  }\n\n  .placeholder {\n    @include size-large-type-rounded-input-placeholder-mixins.box;\n    @include size-large-type-rounded-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include size-large-type-rounded-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .text-right {\n    @include size-large-type-rounded-input-text-right-mixins.box;\n    @include size-large-type-rounded-input-text-right-mixins.figma-autolayout;\n\n    .x {\n      @include size-large-type-rounded-input-text-right-x-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include size-large-type-rounded-input-icon-right-mixins.box;\n    @include size-large-type-rounded-input-icon-right-mixins.figma-autolayout;\n\n    .icon {\n      @include size-large-type-rounded-input-icon-right-icon-mixins.box;\n\n      .icon {\n        @include size-large-type-rounded-input-icon-right-icon-icon-mixins.box;\n        @include size-large-type-rounded-input-icon-right-icon-icon-mixins.absolute-layout;\n\n        .ellipse-245-color-092 {\n          @include size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins.box;\n          @include size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.box;\n          @include size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-size-large-type-rounded.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"size-large-type-rounded\">\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=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"placeholder\">\n      <div class=\"placeholder\">\n        Placeholder\n      </div>\n    </div>\n    <div class=\"icon-right\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"ellipse-245-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\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>",
+    "output": "<div class=\"size-large-type-rounded\">\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=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"text-left\">\n      <div class=\"x\">\n        X\n      </div>\n    </div>\n    <div class=\"placeholder\">\n      <div class=\"placeholder\">\n        Placeholder\n      </div>\n    </div>\n    <div class=\"text-right\">\n      <div class=\"x\">\n        X\n      </div>\n    </div>\n    <div class=\"icon-right\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"ellipse-245-color-092\">\n          </div>\n          <div class=\"vector-color-02\">\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>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input/size-large-type-rounded-mixins\" as size-large-type-rounded-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-mixins\" as size-large-type-rounded-label-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-label-mixins\" as size-large-type-rounded-label-label-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-scw-info-tip-mixins\" as size-large-type-rounded-label-scw-info-tip-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-scw-info-tip-question-circle-mixins\" as size-large-type-rounded-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-092-mixins\" as size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-02-mixins\" as size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-mixins\" as size-large-type-rounded-input-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-mixins\" as size-large-type-rounded-input-icon-left-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-mixins\" as size-large-type-rounded-input-icon-left-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-icon-mixins\" as size-large-type-rounded-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-icon-vector-mixins\" as size-large-type-rounded-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-placeholder-mixins\" as size-large-type-rounded-input-placeholder-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-placeholder-placeholder-mixins\" as size-large-type-rounded-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-mixins\" as size-large-type-rounded-input-icon-right-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-mixins\" as size-large-type-rounded-input-icon-right-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins;\n@use \"comp-scw-input/size-large-type-rounded-feedback-mixins\" as size-large-type-rounded-feedback-mixins;\n@use \"comp-scw-input/size-large-type-rounded-feedback-feedback-mixins\" as size-large-type-rounded-feedback-feedback-mixins;\n\n.size-large-type-rounded {\n  @include size-large-type-rounded-mixins.box;\n  @include size-large-type-rounded-mixins.figma-autolayout;\n\n  .label {\n    @include size-large-type-rounded-label-mixins.box;\n    @include size-large-type-rounded-label-mixins.figma-autolayout;\n\n    .label {\n      @include size-large-type-rounded-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include size-large-type-rounded-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include size-large-type-rounded-label-scw-info-tip-question-circle-mixins.box;\n        @include size-large-type-rounded-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include size-large-type-rounded-input-mixins.box;\n    @include size-large-type-rounded-input-mixins.figma-autolayout;\n\n    .icon-left {\n      @include size-large-type-rounded-input-icon-left-mixins.box;\n      @include size-large-type-rounded-input-icon-left-mixins.figma-autolayout;\n\n      .icon {\n        @include size-large-type-rounded-input-icon-left-icon-mixins.box;\n\n        .icon {\n          @include size-large-type-rounded-input-icon-left-icon-icon-mixins.box;\n          @include size-large-type-rounded-input-icon-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-large-type-rounded-input-icon-left-icon-icon-vector-mixins.box;\n            @include size-large-type-rounded-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .placeholder {\n      @include size-large-type-rounded-input-placeholder-mixins.box;\n      @include size-large-type-rounded-input-placeholder-mixins.figma-autolayout;\n\n      .placeholder {\n        @include size-large-type-rounded-input-placeholder-placeholder-mixins.text;\n      }\n    }\n\n    .icon-right {\n      @include size-large-type-rounded-input-icon-right-mixins.box;\n      @include size-large-type-rounded-input-icon-right-mixins.figma-autolayout;\n\n      .icon {\n        @include size-large-type-rounded-input-icon-right-icon-mixins.box;\n\n        .icon {\n          @include size-large-type-rounded-input-icon-right-icon-icon-mixins.box;\n          @include size-large-type-rounded-input-icon-right-icon-icon-mixins.absolute-layout;\n\n          .ellipse-245-color-092 {\n            @include size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins.box;\n            @include size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.box;\n            @include size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include size-large-type-rounded-feedback-mixins.box;\n    @include size-large-type-rounded-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include size-large-type-rounded-feedback-feedback-mixins.text;\n    }\n  }\n}",
+    "output": "@use \"comp-scw-input/size-large-type-rounded-mixins\" as size-large-type-rounded-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-mixins\" as size-large-type-rounded-label-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-label-mixins\" as size-large-type-rounded-label-label-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-scw-info-tip-mixins\" as size-large-type-rounded-label-scw-info-tip-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-scw-info-tip-question-circle-mixins\" as size-large-type-rounded-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-092-mixins\" as size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-input/size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-02-mixins\" as size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-mixins\" as size-large-type-rounded-input-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-mixins\" as size-large-type-rounded-input-icon-left-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-mixins\" as size-large-type-rounded-input-icon-left-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-icon-mixins\" as size-large-type-rounded-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-left-icon-icon-vector-mixins\" as size-large-type-rounded-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-text-left-mixins\" as size-large-type-rounded-input-text-left-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-text-left-x-mixins\" as size-large-type-rounded-input-text-left-x-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-placeholder-mixins\" as size-large-type-rounded-input-placeholder-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-placeholder-placeholder-mixins\" as size-large-type-rounded-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-text-right-mixins\" as size-large-type-rounded-input-text-right-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-text-right-x-mixins\" as size-large-type-rounded-input-text-right-x-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-mixins\" as size-large-type-rounded-input-icon-right-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-mixins\" as size-large-type-rounded-input-icon-right-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins;\n@use \"comp-scw-input/size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins\" as size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins;\n@use \"comp-scw-input/size-large-type-rounded-feedback-mixins\" as size-large-type-rounded-feedback-mixins;\n@use \"comp-scw-input/size-large-type-rounded-feedback-feedback-mixins\" as size-large-type-rounded-feedback-feedback-mixins;\n\n.size-large-type-rounded {\n  @include size-large-type-rounded-mixins.box;\n  @include size-large-type-rounded-mixins.figma-autolayout;\n\n  .label {\n    @include size-large-type-rounded-label-mixins.box;\n    @include size-large-type-rounded-label-mixins.figma-autolayout;\n\n    .label {\n      @include size-large-type-rounded-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include size-large-type-rounded-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include size-large-type-rounded-label-scw-info-tip-question-circle-mixins.box;\n        @include size-large-type-rounded-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include size-large-type-rounded-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include size-large-type-rounded-input-mixins.box;\n    @include size-large-type-rounded-input-mixins.figma-autolayout;\n\n    .icon-left {\n      @include size-large-type-rounded-input-icon-left-mixins.box;\n      @include size-large-type-rounded-input-icon-left-mixins.figma-autolayout;\n\n      .icon {\n        @include size-large-type-rounded-input-icon-left-icon-mixins.box;\n\n        .icon {\n          @include size-large-type-rounded-input-icon-left-icon-icon-mixins.box;\n          @include size-large-type-rounded-input-icon-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-large-type-rounded-input-icon-left-icon-icon-vector-mixins.box;\n            @include size-large-type-rounded-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .text-left {\n      @include size-large-type-rounded-input-text-left-mixins.box;\n      @include size-large-type-rounded-input-text-left-mixins.figma-autolayout;\n\n      .x {\n        @include size-large-type-rounded-input-text-left-x-mixins.text;\n      }\n    }\n\n    .placeholder {\n      @include size-large-type-rounded-input-placeholder-mixins.box;\n      @include size-large-type-rounded-input-placeholder-mixins.figma-autolayout;\n\n      .placeholder {\n        @include size-large-type-rounded-input-placeholder-placeholder-mixins.text;\n      }\n    }\n\n    .text-right {\n      @include size-large-type-rounded-input-text-right-mixins.box;\n      @include size-large-type-rounded-input-text-right-mixins.figma-autolayout;\n\n      .x {\n        @include size-large-type-rounded-input-text-right-x-mixins.text;\n      }\n    }\n\n    .icon-right {\n      @include size-large-type-rounded-input-icon-right-mixins.box;\n      @include size-large-type-rounded-input-icon-right-mixins.figma-autolayout;\n\n      .icon {\n        @include size-large-type-rounded-input-icon-right-icon-mixins.box;\n\n        .icon {\n          @include size-large-type-rounded-input-icon-right-icon-icon-mixins.box;\n          @include size-large-type-rounded-input-icon-right-icon-icon-mixins.absolute-layout;\n\n          .ellipse-245-color-092 {\n            @include size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins.box;\n            @include size-large-type-rounded-input-icon-right-icon-icon-ellipse-245-color-092-mixins.absolute-layout;\n          }\n\n          .vector-color-02 {\n            @include size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.box;\n            @include size-large-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include size-large-type-rounded-feedback-mixins.box;\n    @include size-large-type-rounded-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include size-large-type-rounded-feedback-feedback-mixins.text;\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-size-large.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"size-large\">\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=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"placeholder\">\n      <div class=\"placeholder\">\n        Placeholder\n      </div>\n    </div>\n    <div class=\"icon-right\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n    <div class=\"feedback\">\n      Feedback\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"size-large\">\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=\"icon-left\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"text-left\">\n      <div class=\"x\">\n        X\n      </div>\n    </div>\n    <div class=\"placeholder\">\n      <div class=\"placeholder\">\n        Placeholder\n      </div>\n    </div>\n    <div class=\"text-right\">\n      <div class=\"x\">\n        X\n      </div>\n    </div>\n    <div class=\"icon-right\">\n      <div class=\"icon\">\n        <div class=\"icon\">\n          <div class=\"vector\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"feedback\">\n    <div class=\"feedback\">\n      Feedback\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input/size-large-mixins\" as size-large-mixins;\n@use \"comp-scw-input/size-large-label-mixins\" as size-large-label-mixins;\n@use \"comp-scw-input/size-large-label-label-mixins\" as size-large-label-label-mixins;\n@use \"comp-scw-input/size-large-label-scw-info-tip-mixins\" as size-large-label-scw-info-tip-mixins;\n@use \"comp-scw-input/size-large-label-scw-info-tip-question-circle-mixins\" as size-large-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-input/size-large-label-scw-info-tip-question-circle-vector-color-092-mixins\" as size-large-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-input/size-large-label-scw-info-tip-question-circle-vector-color-02-mixins\" as size-large-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-input/size-large-input-mixins\" as size-large-input-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-mixins\" as size-large-input-icon-left-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-mixins\" as size-large-input-icon-left-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-icon-mixins\" as size-large-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-icon-vector-mixins\" as size-large-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-large-input-placeholder-mixins\" as size-large-input-placeholder-mixins;\n@use \"comp-scw-input/size-large-input-placeholder-placeholder-mixins\" as size-large-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-mixins\" as size-large-input-icon-right-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-mixins\" as size-large-input-icon-right-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-icon-mixins\" as size-large-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-icon-vector-mixins\" as size-large-input-icon-right-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-large-feedback-mixins\" as size-large-feedback-mixins;\n@use \"comp-scw-input/size-large-feedback-feedback-mixins\" as size-large-feedback-feedback-mixins;\n\n.size-large {\n  @include size-large-mixins.box;\n  @include size-large-mixins.figma-autolayout;\n\n  .label {\n    @include size-large-label-mixins.box;\n    @include size-large-label-mixins.figma-autolayout;\n\n    .label {\n      @include size-large-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include size-large-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include size-large-label-scw-info-tip-question-circle-mixins.box;\n        @include size-large-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include size-large-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include size-large-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include size-large-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include size-large-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include size-large-input-mixins.box;\n    @include size-large-input-mixins.figma-autolayout;\n\n    .icon-left {\n      @include size-large-input-icon-left-mixins.box;\n      @include size-large-input-icon-left-mixins.figma-autolayout;\n\n      .icon {\n        @include size-large-input-icon-left-icon-mixins.box;\n\n        .icon {\n          @include size-large-input-icon-left-icon-icon-mixins.box;\n          @include size-large-input-icon-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-large-input-icon-left-icon-icon-vector-mixins.box;\n            @include size-large-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .placeholder {\n      @include size-large-input-placeholder-mixins.box;\n      @include size-large-input-placeholder-mixins.figma-autolayout;\n\n      .placeholder {\n        @include size-large-input-placeholder-placeholder-mixins.text;\n      }\n    }\n\n    .icon-right {\n      @include size-large-input-icon-right-mixins.box;\n      @include size-large-input-icon-right-mixins.figma-autolayout;\n\n      .icon {\n        @include size-large-input-icon-right-icon-mixins.box;\n\n        .icon {\n          @include size-large-input-icon-right-icon-icon-mixins.box;\n          @include size-large-input-icon-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-large-input-icon-right-icon-icon-vector-mixins.box;\n            @include size-large-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include size-large-feedback-mixins.box;\n    @include size-large-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include size-large-feedback-feedback-mixins.text;\n    }\n  }\n}",
+    "output": "@use \"comp-scw-input/size-large-mixins\" as size-large-mixins;\n@use \"comp-scw-input/size-large-label-mixins\" as size-large-label-mixins;\n@use \"comp-scw-input/size-large-label-label-mixins\" as size-large-label-label-mixins;\n@use \"comp-scw-input/size-large-label-scw-info-tip-mixins\" as size-large-label-scw-info-tip-mixins;\n@use \"comp-scw-input/size-large-label-scw-info-tip-question-circle-mixins\" as size-large-label-scw-info-tip-question-circle-mixins;\n@use \"comp-scw-input/size-large-label-scw-info-tip-question-circle-vector-color-092-mixins\" as size-large-label-scw-info-tip-question-circle-vector-color-092-mixins;\n@use \"comp-scw-input/size-large-label-scw-info-tip-question-circle-vector-color-02-mixins\" as size-large-label-scw-info-tip-question-circle-vector-color-02-mixins;\n@use \"comp-scw-input/size-large-input-mixins\" as size-large-input-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-mixins\" as size-large-input-icon-left-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-mixins\" as size-large-input-icon-left-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-icon-mixins\" as size-large-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-left-icon-icon-vector-mixins\" as size-large-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-large-input-text-left-mixins\" as size-large-input-text-left-mixins;\n@use \"comp-scw-input/size-large-input-text-left-x-mixins\" as size-large-input-text-left-x-mixins;\n@use \"comp-scw-input/size-large-input-placeholder-mixins\" as size-large-input-placeholder-mixins;\n@use \"comp-scw-input/size-large-input-placeholder-placeholder-mixins\" as size-large-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/size-large-input-text-right-mixins\" as size-large-input-text-right-mixins;\n@use \"comp-scw-input/size-large-input-text-right-x-mixins\" as size-large-input-text-right-x-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-mixins\" as size-large-input-icon-right-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-mixins\" as size-large-input-icon-right-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-icon-mixins\" as size-large-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/size-large-input-icon-right-icon-icon-vector-mixins\" as size-large-input-icon-right-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-large-feedback-mixins\" as size-large-feedback-mixins;\n@use \"comp-scw-input/size-large-feedback-feedback-mixins\" as size-large-feedback-feedback-mixins;\n\n.size-large {\n  @include size-large-mixins.box;\n  @include size-large-mixins.figma-autolayout;\n\n  .label {\n    @include size-large-label-mixins.box;\n    @include size-large-label-mixins.figma-autolayout;\n\n    .label {\n      @include size-large-label-label-mixins.text;\n    }\n\n    .scw-info-tip {\n      @include size-large-label-scw-info-tip-mixins.box;\n\n      .question-circle {\n        @include size-large-label-scw-info-tip-question-circle-mixins.box;\n        @include size-large-label-scw-info-tip-question-circle-mixins.absolute-layout;\n\n        .vector-color-092 {\n          @include size-large-label-scw-info-tip-question-circle-vector-color-092-mixins.box;\n          @include size-large-label-scw-info-tip-question-circle-vector-color-092-mixins.absolute-layout;\n        }\n\n        .vector-color-02 {\n          @include size-large-label-scw-info-tip-question-circle-vector-color-02-mixins.box;\n          @include size-large-label-scw-info-tip-question-circle-vector-color-02-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .input {\n    @include size-large-input-mixins.box;\n    @include size-large-input-mixins.figma-autolayout;\n\n    .icon-left {\n      @include size-large-input-icon-left-mixins.box;\n      @include size-large-input-icon-left-mixins.figma-autolayout;\n\n      .icon {\n        @include size-large-input-icon-left-icon-mixins.box;\n\n        .icon {\n          @include size-large-input-icon-left-icon-icon-mixins.box;\n          @include size-large-input-icon-left-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-large-input-icon-left-icon-icon-vector-mixins.box;\n            @include size-large-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n\n    .text-left {\n      @include size-large-input-text-left-mixins.box;\n      @include size-large-input-text-left-mixins.figma-autolayout;\n\n      .x {\n        @include size-large-input-text-left-x-mixins.text;\n      }\n    }\n\n    .placeholder {\n      @include size-large-input-placeholder-mixins.box;\n      @include size-large-input-placeholder-mixins.figma-autolayout;\n\n      .placeholder {\n        @include size-large-input-placeholder-placeholder-mixins.text;\n      }\n    }\n\n    .text-right {\n      @include size-large-input-text-right-mixins.box;\n      @include size-large-input-text-right-mixins.figma-autolayout;\n\n      .x {\n        @include size-large-input-text-right-x-mixins.text;\n      }\n    }\n\n    .icon-right {\n      @include size-large-input-icon-right-mixins.box;\n      @include size-large-input-icon-right-mixins.figma-autolayout;\n\n      .icon {\n        @include size-large-input-icon-right-icon-mixins.box;\n\n        .icon {\n          @include size-large-input-icon-right-icon-icon-mixins.box;\n          @include size-large-input-icon-right-icon-icon-mixins.absolute-layout;\n\n          .vector {\n            @include size-large-input-icon-right-icon-icon-vector-mixins.box;\n            @include size-large-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n          }\n        }\n      }\n    }\n  }\n\n  .feedback {\n    @include size-large-feedback-mixins.box;\n    @include size-large-feedback-mixins.figma-autolayout;\n\n    .feedback {\n      @include size-large-feedback-feedback-mixins.text;\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-size-small-input-text-left-x.json

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

package/dist/tokens/source/htmlStubs/components-scw-input-size-small-input-text-left.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"text-left\">\n  <div class=\"x\">\n    X\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-small-input-text-left-mixins\" as size-small-input-text-left-mixins;\n@use \"comp-scw-input/size-small-input-text-left-x-mixins\" as size-small-input-text-left-x-mixins;\n\n.text-left {\n  @include size-small-input-text-left-mixins.box;\n  @include size-small-input-text-left-mixins.figma-autolayout;\n\n  .x {\n    @include size-small-input-text-left-x-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-small-input-text-right-x.json

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

package/dist/tokens/source/htmlStubs/components-scw-input-size-small-input-text-right.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"text-right\">\n  <div class=\"x\">\n    X\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-small-input-text-right-mixins\" as size-small-input-text-right-mixins;\n@use \"comp-scw-input/size-small-input-text-right-x-mixins\" as size-small-input-text-right-x-mixins;\n\n.text-right {\n  @include size-small-input-text-right-mixins.box;\n  @include size-small-input-text-right-mixins.figma-autolayout;\n\n  .x {\n    @include size-small-input-text-right-x-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

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

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Placeholder\n    </div>\n  </div>\n  <div class=\"icon-right\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"input\">\n  <div class=\"icon-left\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"text-left\">\n    <div class=\"x\">\n      X\n    </div>\n  </div>\n  <div class=\"placeholder\">\n    <div class=\"placeholder\">\n      Placeholder\n    </div>\n  </div>\n  <div class=\"text-right\">\n    <div class=\"x\">\n      X\n    </div>\n  </div>\n  <div class=\"icon-right\">\n    <div class=\"icon\">\n      <div class=\"icon\">\n        <div class=\"vector\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input/size-small-input-mixins\" as size-small-input-mixins;\n@use \"comp-scw-input/size-small-input-icon-left-mixins\" as size-small-input-icon-left-mixins;\n@use \"comp-scw-input/size-small-input-icon-left-icon-mixins\" as size-small-input-icon-left-icon-mixins;\n@use \"comp-scw-input/size-small-input-icon-left-icon-icon-mixins\" as size-small-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/size-small-input-icon-left-icon-icon-vector-mixins\" as size-small-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-small-input-placeholder-mixins\" as size-small-input-placeholder-mixins;\n@use \"comp-scw-input/size-small-input-placeholder-placeholder-mixins\" as size-small-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/size-small-input-icon-right-mixins\" as size-small-input-icon-right-mixins;\n@use \"comp-scw-input/size-small-input-icon-right-icon-mixins\" as size-small-input-icon-right-icon-mixins;\n@use \"comp-scw-input/size-small-input-icon-right-icon-icon-mixins\" as size-small-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/size-small-input-icon-right-icon-icon-vector-mixins\" as size-small-input-icon-right-icon-icon-vector-mixins;\n\n.input {\n  @include size-small-input-mixins.box;\n  @include size-small-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include size-small-input-icon-left-mixins.box;\n    @include size-small-input-icon-left-mixins.figma-autolayout;\n\n    .icon {\n      @include size-small-input-icon-left-icon-mixins.box;\n\n      .icon {\n        @include size-small-input-icon-left-icon-icon-mixins.box;\n        @include size-small-input-icon-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-small-input-icon-left-icon-icon-vector-mixins.box;\n          @include size-small-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .placeholder {\n    @include size-small-input-placeholder-mixins.box;\n    @include size-small-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include size-small-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include size-small-input-icon-right-mixins.box;\n    @include size-small-input-icon-right-mixins.figma-autolayout;\n\n    .icon {\n      @include size-small-input-icon-right-icon-mixins.box;\n\n      .icon {\n        @include size-small-input-icon-right-icon-icon-mixins.box;\n        @include size-small-input-icon-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-small-input-icon-right-icon-icon-vector-mixins.box;\n          @include size-small-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-input/size-small-input-mixins\" as size-small-input-mixins;\n@use \"comp-scw-input/size-small-input-icon-left-mixins\" as size-small-input-icon-left-mixins;\n@use \"comp-scw-input/size-small-input-icon-left-icon-mixins\" as size-small-input-icon-left-icon-mixins;\n@use \"comp-scw-input/size-small-input-icon-left-icon-icon-mixins\" as size-small-input-icon-left-icon-icon-mixins;\n@use \"comp-scw-input/size-small-input-icon-left-icon-icon-vector-mixins\" as size-small-input-icon-left-icon-icon-vector-mixins;\n@use \"comp-scw-input/size-small-input-text-left-mixins\" as size-small-input-text-left-mixins;\n@use \"comp-scw-input/size-small-input-text-left-x-mixins\" as size-small-input-text-left-x-mixins;\n@use \"comp-scw-input/size-small-input-placeholder-mixins\" as size-small-input-placeholder-mixins;\n@use \"comp-scw-input/size-small-input-placeholder-placeholder-mixins\" as size-small-input-placeholder-placeholder-mixins;\n@use \"comp-scw-input/size-small-input-text-right-mixins\" as size-small-input-text-right-mixins;\n@use \"comp-scw-input/size-small-input-text-right-x-mixins\" as size-small-input-text-right-x-mixins;\n@use \"comp-scw-input/size-small-input-icon-right-mixins\" as size-small-input-icon-right-mixins;\n@use \"comp-scw-input/size-small-input-icon-right-icon-mixins\" as size-small-input-icon-right-icon-mixins;\n@use \"comp-scw-input/size-small-input-icon-right-icon-icon-mixins\" as size-small-input-icon-right-icon-icon-mixins;\n@use \"comp-scw-input/size-small-input-icon-right-icon-icon-vector-mixins\" as size-small-input-icon-right-icon-icon-vector-mixins;\n\n.input {\n  @include size-small-input-mixins.box;\n  @include size-small-input-mixins.figma-autolayout;\n\n  .icon-left {\n    @include size-small-input-icon-left-mixins.box;\n    @include size-small-input-icon-left-mixins.figma-autolayout;\n\n    .icon {\n      @include size-small-input-icon-left-icon-mixins.box;\n\n      .icon {\n        @include size-small-input-icon-left-icon-icon-mixins.box;\n        @include size-small-input-icon-left-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-small-input-icon-left-icon-icon-vector-mixins.box;\n          @include size-small-input-icon-left-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n\n  .text-left {\n    @include size-small-input-text-left-mixins.box;\n    @include size-small-input-text-left-mixins.figma-autolayout;\n\n    .x {\n      @include size-small-input-text-left-x-mixins.text;\n    }\n  }\n\n  .placeholder {\n    @include size-small-input-placeholder-mixins.box;\n    @include size-small-input-placeholder-mixins.figma-autolayout;\n\n    .placeholder {\n      @include size-small-input-placeholder-placeholder-mixins.text;\n    }\n  }\n\n  .text-right {\n    @include size-small-input-text-right-mixins.box;\n    @include size-small-input-text-right-mixins.figma-autolayout;\n\n    .x {\n      @include size-small-input-text-right-x-mixins.text;\n    }\n  }\n\n  .icon-right {\n    @include size-small-input-icon-right-mixins.box;\n    @include size-small-input-icon-right-mixins.figma-autolayout;\n\n    .icon {\n      @include size-small-input-icon-right-icon-mixins.box;\n\n      .icon {\n        @include size-small-input-icon-right-icon-icon-mixins.box;\n        @include size-small-input-icon-right-icon-icon-mixins.absolute-layout;\n\n        .vector {\n          @include size-small-input-icon-right-icon-icon-vector-mixins.box;\n          @include size-small-input-icon-right-icon-icon-vector-mixins.absolute-layout;\n        }\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-size-small-type-rounded-input-text-left-x.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"x\">\n  X\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-small-type-rounded-input-text-left-x-mixins\" as size-small-type-rounded-input-text-left-x-mixins;\n\n.x {\n  @include size-small-type-rounded-input-text-left-x-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-small-type-rounded-input-text-left.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"text-left\">\n  <div class=\"x\">\n    X\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-small-type-rounded-input-text-left-mixins\" as size-small-type-rounded-input-text-left-mixins;\n@use \"comp-scw-input/size-small-type-rounded-input-text-left-x-mixins\" as size-small-type-rounded-input-text-left-x-mixins;\n\n.text-left {\n  @include size-small-type-rounded-input-text-left-mixins.box;\n  @include size-small-type-rounded-input-text-left-mixins.figma-autolayout;\n\n  .x {\n    @include size-small-type-rounded-input-text-left-x-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-small-type-rounded-input-text-right-x.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"x\">\n  X\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-small-type-rounded-input-text-right-x-mixins\" as size-small-type-rounded-input-text-right-x-mixins;\n\n.x {\n  @include size-small-type-rounded-input-text-right-x-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-input-size-small-type-rounded-input-text-right.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"text-right\">\n  <div class=\"x\">\n    X\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-input/size-small-type-rounded-input-text-right-mixins\" as size-small-type-rounded-input-text-right-mixins;\n@use \"comp-scw-input/size-small-type-rounded-input-text-right-x-mixins\" as size-small-type-rounded-input-text-right-x-mixins;\n\n.text-right {\n  @include size-small-type-rounded-input-text-right-mixins.box;\n  @include size-small-type-rounded-input-text-right-mixins.figma-autolayout;\n\n  .x {\n    @include size-small-type-rounded-input-text-right-x-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}