scu-web-components 0.0.73 → 0.0.75

package/dist/tokens/source/htmlStubs/components-scw-stepper.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"scw-stepper\">\n  <div class=\"default\">\n    <div class=\"scw-stepper-item\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-2\">\n    <div class=\"scw-stepper-item\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-3\">\n    <div class=\"scw-stepper-item\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-4\">\n    <div class=\"scw-stepper-item\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"scw-stepper\">\n  <div class=\"default\">\n    <div class=\"scw-stepper-item-01\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-02\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-03\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-04\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-2\">\n    <div class=\"scw-stepper-item-01\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-02\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-03\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-04\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-3\">\n    <div class=\"scw-stepper-item-01\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-02\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-03\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-04\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-4\">\n    <div class=\"scw-stepper-item-01\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-02\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-03\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-04\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-stepper/index-mixins\" as index-mixins;\n@use \"comp-scw-stepper/default-mixins\" as default-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-mixins\" as default-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-circle-mixins\" as default-scw-stepper-item-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-mixins\" as focused-page-2-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-mixins\" as focused-page-2-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-circle-mixins\" as focused-page-2-scw-stepper-item-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-mixins\" as focused-page-3-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-mixins\" as focused-page-3-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-circle-mixins\" as focused-page-3-scw-stepper-item-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-mixins\" as focused-page-4-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-mixins\" as focused-page-4-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-circle-mixins\" as focused-page-4-scw-stepper-item-circle-mixins;\n\n.scw-stepper {\n  @include index-mixins.box;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n    @include default-mixins.absolute-layout;\n\n    .scw-stepper-item {\n      @include default-scw-stepper-item-mixins.box;\n\n      .circle {\n        @include default-scw-stepper-item-circle-mixins.box;\n        @include default-scw-stepper-item-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-2 {\n    @include focused-page-2-mixins.box;\n    @include focused-page-2-mixins.figma-autolayout;\n    @include focused-page-2-mixins.absolute-layout;\n\n    .scw-stepper-item {\n      @include focused-page-2-scw-stepper-item-mixins.box;\n\n      .circle {\n        @include focused-page-2-scw-stepper-item-circle-mixins.box;\n        @include focused-page-2-scw-stepper-item-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-3 {\n    @include focused-page-3-mixins.box;\n    @include focused-page-3-mixins.figma-autolayout;\n    @include focused-page-3-mixins.absolute-layout;\n\n    .scw-stepper-item {\n      @include focused-page-3-scw-stepper-item-mixins.box;\n\n      .circle {\n        @include focused-page-3-scw-stepper-item-circle-mixins.box;\n        @include focused-page-3-scw-stepper-item-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-4 {\n    @include focused-page-4-mixins.box;\n    @include focused-page-4-mixins.figma-autolayout;\n    @include focused-page-4-mixins.absolute-layout;\n\n    .scw-stepper-item {\n      @include focused-page-4-scw-stepper-item-mixins.box;\n\n      .circle {\n        @include focused-page-4-scw-stepper-item-circle-mixins.box;\n        @include focused-page-4-scw-stepper-item-circle-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-stepper/index-mixins\" as index-mixins;\n@use \"comp-scw-stepper/default-mixins\" as default-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-01-mixins\" as default-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-01-circle-mixins\" as default-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-02-mixins\" as default-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-02-circle-mixins\" as default-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-03-mixins\" as default-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-03-circle-mixins\" as default-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-04-mixins\" as default-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-04-circle-mixins\" as default-scw-stepper-item-04-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-mixins\" as focused-page-2-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-01-mixins\" as focused-page-2-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-01-circle-mixins\" as focused-page-2-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-02-mixins\" as focused-page-2-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-02-circle-mixins\" as focused-page-2-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-03-mixins\" as focused-page-2-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-03-circle-mixins\" as focused-page-2-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-04-mixins\" as focused-page-2-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-04-circle-mixins\" as focused-page-2-scw-stepper-item-04-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-mixins\" as focused-page-3-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-01-mixins\" as focused-page-3-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-01-circle-mixins\" as focused-page-3-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-02-mixins\" as focused-page-3-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-02-circle-mixins\" as focused-page-3-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-03-mixins\" as focused-page-3-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-03-circle-mixins\" as focused-page-3-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-04-mixins\" as focused-page-3-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-04-circle-mixins\" as focused-page-3-scw-stepper-item-04-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-mixins\" as focused-page-4-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-01-mixins\" as focused-page-4-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-01-circle-mixins\" as focused-page-4-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-02-mixins\" as focused-page-4-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-02-circle-mixins\" as focused-page-4-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-03-mixins\" as focused-page-4-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-03-circle-mixins\" as focused-page-4-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-04-mixins\" as focused-page-4-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-04-circle-mixins\" as focused-page-4-scw-stepper-item-04-circle-mixins;\n\n.scw-stepper {\n  @include index-mixins.box;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n    @include default-mixins.absolute-layout;\n\n    .scw-stepper-item-01 {\n      @include default-scw-stepper-item-01-mixins.box;\n\n      .circle {\n        @include default-scw-stepper-item-01-circle-mixins.box;\n        @include default-scw-stepper-item-01-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-02 {\n      @include default-scw-stepper-item-02-mixins.box;\n\n      .circle {\n        @include default-scw-stepper-item-02-circle-mixins.box;\n        @include default-scw-stepper-item-02-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-03 {\n      @include default-scw-stepper-item-03-mixins.box;\n\n      .circle {\n        @include default-scw-stepper-item-03-circle-mixins.box;\n        @include default-scw-stepper-item-03-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-04 {\n      @include default-scw-stepper-item-04-mixins.box;\n\n      .circle {\n        @include default-scw-stepper-item-04-circle-mixins.box;\n        @include default-scw-stepper-item-04-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-2 {\n    @include focused-page-2-mixins.box;\n    @include focused-page-2-mixins.figma-autolayout;\n    @include focused-page-2-mixins.absolute-layout;\n\n    .scw-stepper-item-01 {\n      @include focused-page-2-scw-stepper-item-01-mixins.box;\n\n      .circle {\n        @include focused-page-2-scw-stepper-item-01-circle-mixins.box;\n        @include focused-page-2-scw-stepper-item-01-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-02 {\n      @include focused-page-2-scw-stepper-item-02-mixins.box;\n\n      .circle {\n        @include focused-page-2-scw-stepper-item-02-circle-mixins.box;\n        @include focused-page-2-scw-stepper-item-02-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-03 {\n      @include focused-page-2-scw-stepper-item-03-mixins.box;\n\n      .circle {\n        @include focused-page-2-scw-stepper-item-03-circle-mixins.box;\n        @include focused-page-2-scw-stepper-item-03-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-04 {\n      @include focused-page-2-scw-stepper-item-04-mixins.box;\n\n      .circle {\n        @include focused-page-2-scw-stepper-item-04-circle-mixins.box;\n        @include focused-page-2-scw-stepper-item-04-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-3 {\n    @include focused-page-3-mixins.box;\n    @include focused-page-3-mixins.figma-autolayout;\n    @include focused-page-3-mixins.absolute-layout;\n\n    .scw-stepper-item-01 {\n      @include focused-page-3-scw-stepper-item-01-mixins.box;\n\n      .circle {\n        @include focused-page-3-scw-stepper-item-01-circle-mixins.box;\n        @include focused-page-3-scw-stepper-item-01-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-02 {\n      @include focused-page-3-scw-stepper-item-02-mixins.box;\n\n      .circle {\n        @include focused-page-3-scw-stepper-item-02-circle-mixins.box;\n        @include focused-page-3-scw-stepper-item-02-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-03 {\n      @include focused-page-3-scw-stepper-item-03-mixins.box;\n\n      .circle {\n        @include focused-page-3-scw-stepper-item-03-circle-mixins.box;\n        @include focused-page-3-scw-stepper-item-03-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-04 {\n      @include focused-page-3-scw-stepper-item-04-mixins.box;\n\n      .circle {\n        @include focused-page-3-scw-stepper-item-04-circle-mixins.box;\n        @include focused-page-3-scw-stepper-item-04-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-4 {\n    @include focused-page-4-mixins.box;\n    @include focused-page-4-mixins.figma-autolayout;\n    @include focused-page-4-mixins.absolute-layout;\n\n    .scw-stepper-item-01 {\n      @include focused-page-4-scw-stepper-item-01-mixins.box;\n\n      .circle {\n        @include focused-page-4-scw-stepper-item-01-circle-mixins.box;\n        @include focused-page-4-scw-stepper-item-01-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-02 {\n      @include focused-page-4-scw-stepper-item-02-mixins.box;\n\n      .circle {\n        @include focused-page-4-scw-stepper-item-02-circle-mixins.box;\n        @include focused-page-4-scw-stepper-item-02-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-03 {\n      @include focused-page-4-scw-stepper-item-03-mixins.box;\n\n      .circle {\n        @include focused-page-4-scw-stepper-item-03-circle-mixins.box;\n        @include focused-page-4-scw-stepper-item-03-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-04 {\n      @include focused-page-4-scw-stepper-item-04-mixins.box;\n\n      .circle {\n        @include focused-page-4-scw-stepper-item-04-circle-mixins.box;\n        @include focused-page-4-scw-stepper-item-04-circle-mixins.absolute-layout;\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs.json

@@ -6381,131 +6381,371 @@
   },
   "components-scw-stepper": {
     "html": {
-      "output": "<div class=\"scw-stepper\">\n  <div class=\"default\">\n    <div class=\"scw-stepper-item\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-2\">\n    <div class=\"scw-stepper-item\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-3\">\n    <div class=\"scw-stepper-item\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-4\">\n    <div class=\"scw-stepper-item\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-stepper\">\n  <div class=\"default\">\n    <div class=\"scw-stepper-item-01\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-02\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-03\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-04\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-2\">\n    <div class=\"scw-stepper-item-01\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-02\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-03\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-04\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-3\">\n    <div class=\"scw-stepper-item-01\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-02\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-03\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-04\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n  <div class=\"focused-page-4\">\n    <div class=\"scw-stepper-item-01\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-02\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-03\">\n      <div class=\"circle\">\n      </div>\n    </div>\n    <div class=\"scw-stepper-item-04\">\n      <div class=\"circle\">\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/index-mixins\" as index-mixins;\n@use \"comp-scw-stepper/default-mixins\" as default-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-mixins\" as default-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-circle-mixins\" as default-scw-stepper-item-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-mixins\" as focused-page-2-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-mixins\" as focused-page-2-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-circle-mixins\" as focused-page-2-scw-stepper-item-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-mixins\" as focused-page-3-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-mixins\" as focused-page-3-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-circle-mixins\" as focused-page-3-scw-stepper-item-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-mixins\" as focused-page-4-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-mixins\" as focused-page-4-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-circle-mixins\" as focused-page-4-scw-stepper-item-circle-mixins;\n\n.scw-stepper {\n  @include index-mixins.box;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n    @include default-mixins.absolute-layout;\n\n    .scw-stepper-item {\n      @include default-scw-stepper-item-mixins.box;\n\n      .circle {\n        @include default-scw-stepper-item-circle-mixins.box;\n        @include default-scw-stepper-item-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-2 {\n    @include focused-page-2-mixins.box;\n    @include focused-page-2-mixins.figma-autolayout;\n    @include focused-page-2-mixins.absolute-layout;\n\n    .scw-stepper-item {\n      @include focused-page-2-scw-stepper-item-mixins.box;\n\n      .circle {\n        @include focused-page-2-scw-stepper-item-circle-mixins.box;\n        @include focused-page-2-scw-stepper-item-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-3 {\n    @include focused-page-3-mixins.box;\n    @include focused-page-3-mixins.figma-autolayout;\n    @include focused-page-3-mixins.absolute-layout;\n\n    .scw-stepper-item {\n      @include focused-page-3-scw-stepper-item-mixins.box;\n\n      .circle {\n        @include focused-page-3-scw-stepper-item-circle-mixins.box;\n        @include focused-page-3-scw-stepper-item-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-4 {\n    @include focused-page-4-mixins.box;\n    @include focused-page-4-mixins.figma-autolayout;\n    @include focused-page-4-mixins.absolute-layout;\n\n    .scw-stepper-item {\n      @include focused-page-4-scw-stepper-item-mixins.box;\n\n      .circle {\n        @include focused-page-4-scw-stepper-item-circle-mixins.box;\n        @include focused-page-4-scw-stepper-item-circle-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-stepper/index-mixins\" as index-mixins;\n@use \"comp-scw-stepper/default-mixins\" as default-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-01-mixins\" as default-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-01-circle-mixins\" as default-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-02-mixins\" as default-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-02-circle-mixins\" as default-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-03-mixins\" as default-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-03-circle-mixins\" as default-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-04-mixins\" as default-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-04-circle-mixins\" as default-scw-stepper-item-04-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-mixins\" as focused-page-2-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-01-mixins\" as focused-page-2-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-01-circle-mixins\" as focused-page-2-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-02-mixins\" as focused-page-2-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-02-circle-mixins\" as focused-page-2-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-03-mixins\" as focused-page-2-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-03-circle-mixins\" as focused-page-2-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-04-mixins\" as focused-page-2-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-04-circle-mixins\" as focused-page-2-scw-stepper-item-04-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-mixins\" as focused-page-3-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-01-mixins\" as focused-page-3-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-01-circle-mixins\" as focused-page-3-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-02-mixins\" as focused-page-3-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-02-circle-mixins\" as focused-page-3-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-03-mixins\" as focused-page-3-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-03-circle-mixins\" as focused-page-3-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-04-mixins\" as focused-page-3-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-04-circle-mixins\" as focused-page-3-scw-stepper-item-04-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-mixins\" as focused-page-4-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-01-mixins\" as focused-page-4-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-01-circle-mixins\" as focused-page-4-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-02-mixins\" as focused-page-4-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-02-circle-mixins\" as focused-page-4-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-03-mixins\" as focused-page-4-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-03-circle-mixins\" as focused-page-4-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-04-mixins\" as focused-page-4-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-04-circle-mixins\" as focused-page-4-scw-stepper-item-04-circle-mixins;\n\n.scw-stepper {\n  @include index-mixins.box;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n    @include default-mixins.absolute-layout;\n\n    .scw-stepper-item-01 {\n      @include default-scw-stepper-item-01-mixins.box;\n\n      .circle {\n        @include default-scw-stepper-item-01-circle-mixins.box;\n        @include default-scw-stepper-item-01-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-02 {\n      @include default-scw-stepper-item-02-mixins.box;\n\n      .circle {\n        @include default-scw-stepper-item-02-circle-mixins.box;\n        @include default-scw-stepper-item-02-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-03 {\n      @include default-scw-stepper-item-03-mixins.box;\n\n      .circle {\n        @include default-scw-stepper-item-03-circle-mixins.box;\n        @include default-scw-stepper-item-03-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-04 {\n      @include default-scw-stepper-item-04-mixins.box;\n\n      .circle {\n        @include default-scw-stepper-item-04-circle-mixins.box;\n        @include default-scw-stepper-item-04-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-2 {\n    @include focused-page-2-mixins.box;\n    @include focused-page-2-mixins.figma-autolayout;\n    @include focused-page-2-mixins.absolute-layout;\n\n    .scw-stepper-item-01 {\n      @include focused-page-2-scw-stepper-item-01-mixins.box;\n\n      .circle {\n        @include focused-page-2-scw-stepper-item-01-circle-mixins.box;\n        @include focused-page-2-scw-stepper-item-01-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-02 {\n      @include focused-page-2-scw-stepper-item-02-mixins.box;\n\n      .circle {\n        @include focused-page-2-scw-stepper-item-02-circle-mixins.box;\n        @include focused-page-2-scw-stepper-item-02-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-03 {\n      @include focused-page-2-scw-stepper-item-03-mixins.box;\n\n      .circle {\n        @include focused-page-2-scw-stepper-item-03-circle-mixins.box;\n        @include focused-page-2-scw-stepper-item-03-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-04 {\n      @include focused-page-2-scw-stepper-item-04-mixins.box;\n\n      .circle {\n        @include focused-page-2-scw-stepper-item-04-circle-mixins.box;\n        @include focused-page-2-scw-stepper-item-04-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-3 {\n    @include focused-page-3-mixins.box;\n    @include focused-page-3-mixins.figma-autolayout;\n    @include focused-page-3-mixins.absolute-layout;\n\n    .scw-stepper-item-01 {\n      @include focused-page-3-scw-stepper-item-01-mixins.box;\n\n      .circle {\n        @include focused-page-3-scw-stepper-item-01-circle-mixins.box;\n        @include focused-page-3-scw-stepper-item-01-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-02 {\n      @include focused-page-3-scw-stepper-item-02-mixins.box;\n\n      .circle {\n        @include focused-page-3-scw-stepper-item-02-circle-mixins.box;\n        @include focused-page-3-scw-stepper-item-02-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-03 {\n      @include focused-page-3-scw-stepper-item-03-mixins.box;\n\n      .circle {\n        @include focused-page-3-scw-stepper-item-03-circle-mixins.box;\n        @include focused-page-3-scw-stepper-item-03-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-04 {\n      @include focused-page-3-scw-stepper-item-04-mixins.box;\n\n      .circle {\n        @include focused-page-3-scw-stepper-item-04-circle-mixins.box;\n        @include focused-page-3-scw-stepper-item-04-circle-mixins.absolute-layout;\n      }\n    }\n  }\n\n  .focused-page-4 {\n    @include focused-page-4-mixins.box;\n    @include focused-page-4-mixins.figma-autolayout;\n    @include focused-page-4-mixins.absolute-layout;\n\n    .scw-stepper-item-01 {\n      @include focused-page-4-scw-stepper-item-01-mixins.box;\n\n      .circle {\n        @include focused-page-4-scw-stepper-item-01-circle-mixins.box;\n        @include focused-page-4-scw-stepper-item-01-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-02 {\n      @include focused-page-4-scw-stepper-item-02-mixins.box;\n\n      .circle {\n        @include focused-page-4-scw-stepper-item-02-circle-mixins.box;\n        @include focused-page-4-scw-stepper-item-02-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-03 {\n      @include focused-page-4-scw-stepper-item-03-mixins.box;\n\n      .circle {\n        @include focused-page-4-scw-stepper-item-03-circle-mixins.box;\n        @include focused-page-4-scw-stepper-item-03-circle-mixins.absolute-layout;\n      }\n    }\n\n    .scw-stepper-item-04 {\n      @include focused-page-4-scw-stepper-item-04-mixins.box;\n\n      .circle {\n        @include focused-page-4-scw-stepper-item-04-circle-mixins.box;\n        @include focused-page-4-scw-stepper-item-04-circle-mixins.absolute-layout;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
   "components-scw-stepper-default": {
     "html": {
-      "output": "<div class=\"default\">\n  <div class=\"scw-stepper-item\">\n    <div class=\"circle\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"default\">\n  <div class=\"scw-stepper-item-01\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-02\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-03\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-04\">\n    <div class=\"circle\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/default-mixins\" as default-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-mixins\" as default-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-circle-mixins\" as default-scw-stepper-item-circle-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .scw-stepper-item {\n    @include default-scw-stepper-item-mixins.box;\n\n    .circle {\n      @include default-scw-stepper-item-circle-mixins.box;\n      @include default-scw-stepper-item-circle-mixins.absolute-layout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-stepper/default-mixins\" as default-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-01-mixins\" as default-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-01-circle-mixins\" as default-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-02-mixins\" as default-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-02-circle-mixins\" as default-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-03-mixins\" as default-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-03-circle-mixins\" as default-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-04-mixins\" as default-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-04-circle-mixins\" as default-scw-stepper-item-04-circle-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .scw-stepper-item-01 {\n    @include default-scw-stepper-item-01-mixins.box;\n\n    .circle {\n      @include default-scw-stepper-item-01-circle-mixins.box;\n      @include default-scw-stepper-item-01-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-02 {\n    @include default-scw-stepper-item-02-mixins.box;\n\n    .circle {\n      @include default-scw-stepper-item-02-circle-mixins.box;\n      @include default-scw-stepper-item-02-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-03 {\n    @include default-scw-stepper-item-03-mixins.box;\n\n    .circle {\n      @include default-scw-stepper-item-03-circle-mixins.box;\n      @include default-scw-stepper-item-03-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-04 {\n    @include default-scw-stepper-item-04-mixins.box;\n\n    .circle {\n      @include default-scw-stepper-item-04-circle-mixins.box;\n      @include default-scw-stepper-item-04-circle-mixins.absolute-layout;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-stepper-default-scw-stepper-item": {
+  "components-scw-stepper-default-scw-stepper-item-01": {
     "html": {
-      "output": "<div class=\"scw-stepper-item\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "output": "<div class=\"scw-stepper-item-01\">\n  <div class=\"circle\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/default-scw-stepper-item-mixins\" as default-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-circle-mixins\" as default-scw-stepper-item-circle-mixins;\n\n.scw-stepper-item {\n  @include default-scw-stepper-item-mixins.box;\n\n  .circle {\n    @include default-scw-stepper-item-circle-mixins.box;\n    @include default-scw-stepper-item-circle-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-stepper/default-scw-stepper-item-01-mixins\" as default-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-01-circle-mixins\" as default-scw-stepper-item-01-circle-mixins;\n\n.scw-stepper-item-01 {\n  @include default-scw-stepper-item-01-mixins.box;\n\n  .circle {\n    @include default-scw-stepper-item-01-circle-mixins.box;\n    @include default-scw-stepper-item-01-circle-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-stepper-default-scw-stepper-item-circle": {
+  "components-scw-stepper-default-scw-stepper-item-01-circle": {
     "html": {
       "output": "<div class=\"circle\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/default-scw-stepper-item-circle-mixins\" as default-scw-stepper-item-circle-mixins;\n\n.circle {\n  @include default-scw-stepper-item-circle-mixins.box;\n}",
+      "output": "@use \"comp-scw-stepper/default-scw-stepper-item-01-circle-mixins\" as default-scw-stepper-item-01-circle-mixins;\n\n.circle {\n  @include default-scw-stepper-item-01-circle-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-02": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-02\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/default-scw-stepper-item-02-mixins\" as default-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-02-circle-mixins\" as default-scw-stepper-item-02-circle-mixins;\n\n.scw-stepper-item-02 {\n  @include default-scw-stepper-item-02-mixins.box;\n\n  .circle {\n    @include default-scw-stepper-item-02-circle-mixins.box;\n    @include default-scw-stepper-item-02-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-02-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/default-scw-stepper-item-02-circle-mixins\" as default-scw-stepper-item-02-circle-mixins;\n\n.circle {\n  @include default-scw-stepper-item-02-circle-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-03": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-03\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/default-scw-stepper-item-03-mixins\" as default-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-03-circle-mixins\" as default-scw-stepper-item-03-circle-mixins;\n\n.scw-stepper-item-03 {\n  @include default-scw-stepper-item-03-mixins.box;\n\n  .circle {\n    @include default-scw-stepper-item-03-circle-mixins.box;\n    @include default-scw-stepper-item-03-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-03-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/default-scw-stepper-item-03-circle-mixins\" as default-scw-stepper-item-03-circle-mixins;\n\n.circle {\n  @include default-scw-stepper-item-03-circle-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-04": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-04\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/default-scw-stepper-item-04-mixins\" as default-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-04-circle-mixins\" as default-scw-stepper-item-04-circle-mixins;\n\n.scw-stepper-item-04 {\n  @include default-scw-stepper-item-04-mixins.box;\n\n  .circle {\n    @include default-scw-stepper-item-04-circle-mixins.box;\n    @include default-scw-stepper-item-04-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-default-scw-stepper-item-04-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/default-scw-stepper-item-04-circle-mixins\" as default-scw-stepper-item-04-circle-mixins;\n\n.circle {\n  @include default-scw-stepper-item-04-circle-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-stepper-focused-page-2": {
     "html": {
-      "output": "<div class=\"focused-page-2\">\n  <div class=\"scw-stepper-item\">\n    <div class=\"circle\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"focused-page-2\">\n  <div class=\"scw-stepper-item-01\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-02\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-03\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-04\">\n    <div class=\"circle\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-2-mixins\" as focused-page-2-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-01-mixins\" as focused-page-2-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-01-circle-mixins\" as focused-page-2-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-02-mixins\" as focused-page-2-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-02-circle-mixins\" as focused-page-2-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-03-mixins\" as focused-page-2-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-03-circle-mixins\" as focused-page-2-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-04-mixins\" as focused-page-2-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-04-circle-mixins\" as focused-page-2-scw-stepper-item-04-circle-mixins;\n\n.focused-page-2 {\n  @include focused-page-2-mixins.box;\n  @include focused-page-2-mixins.figma-autolayout;\n\n  .scw-stepper-item-01 {\n    @include focused-page-2-scw-stepper-item-01-mixins.box;\n\n    .circle {\n      @include focused-page-2-scw-stepper-item-01-circle-mixins.box;\n      @include focused-page-2-scw-stepper-item-01-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-02 {\n    @include focused-page-2-scw-stepper-item-02-mixins.box;\n\n    .circle {\n      @include focused-page-2-scw-stepper-item-02-circle-mixins.box;\n      @include focused-page-2-scw-stepper-item-02-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-03 {\n    @include focused-page-2-scw-stepper-item-03-mixins.box;\n\n    .circle {\n      @include focused-page-2-scw-stepper-item-03-circle-mixins.box;\n      @include focused-page-2-scw-stepper-item-03-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-04 {\n    @include focused-page-2-scw-stepper-item-04-mixins.box;\n\n    .circle {\n      @include focused-page-2-scw-stepper-item-04-circle-mixins.box;\n      @include focused-page-2-scw-stepper-item-04-circle-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-01": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-01\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-01-mixins\" as focused-page-2-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-01-circle-mixins\" as focused-page-2-scw-stepper-item-01-circle-mixins;\n\n.scw-stepper-item-01 {\n  @include focused-page-2-scw-stepper-item-01-mixins.box;\n\n  .circle {\n    @include focused-page-2-scw-stepper-item-01-circle-mixins.box;\n    @include focused-page-2-scw-stepper-item-01-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-01-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-01-circle-mixins\" as focused-page-2-scw-stepper-item-01-circle-mixins;\n\n.circle {\n  @include focused-page-2-scw-stepper-item-01-circle-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-02": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-02\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-02-mixins\" as focused-page-2-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-02-circle-mixins\" as focused-page-2-scw-stepper-item-02-circle-mixins;\n\n.scw-stepper-item-02 {\n  @include focused-page-2-scw-stepper-item-02-mixins.box;\n\n  .circle {\n    @include focused-page-2-scw-stepper-item-02-circle-mixins.box;\n    @include focused-page-2-scw-stepper-item-02-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-02-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-02-circle-mixins\" as focused-page-2-scw-stepper-item-02-circle-mixins;\n\n.circle {\n  @include focused-page-2-scw-stepper-item-02-circle-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-03": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-03\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-03-mixins\" as focused-page-2-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-03-circle-mixins\" as focused-page-2-scw-stepper-item-03-circle-mixins;\n\n.scw-stepper-item-03 {\n  @include focused-page-2-scw-stepper-item-03-mixins.box;\n\n  .circle {\n    @include focused-page-2-scw-stepper-item-03-circle-mixins.box;\n    @include focused-page-2-scw-stepper-item-03-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-2-scw-stepper-item-03-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/focused-page-2-mixins\" as focused-page-2-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-mixins\" as focused-page-2-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-circle-mixins\" as focused-page-2-scw-stepper-item-circle-mixins;\n\n.focused-page-2 {\n  @include focused-page-2-mixins.box;\n  @include focused-page-2-mixins.figma-autolayout;\n\n  .scw-stepper-item {\n    @include focused-page-2-scw-stepper-item-mixins.box;\n\n    .circle {\n      @include focused-page-2-scw-stepper-item-circle-mixins.box;\n      @include focused-page-2-scw-stepper-item-circle-mixins.absolute-layout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-03-circle-mixins\" as focused-page-2-scw-stepper-item-03-circle-mixins;\n\n.circle {\n  @include focused-page-2-scw-stepper-item-03-circle-mixins.box;\n}",
       "example": ""
     }
   },
-  "components-scw-stepper-focused-page-2-scw-stepper-item": {
+  "components-scw-stepper-focused-page-2-scw-stepper-item-04": {
     "html": {
-      "output": "<div class=\"scw-stepper-item\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "output": "<div class=\"scw-stepper-item-04\">\n  <div class=\"circle\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-mixins\" as focused-page-2-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-circle-mixins\" as focused-page-2-scw-stepper-item-circle-mixins;\n\n.scw-stepper-item {\n  @include focused-page-2-scw-stepper-item-mixins.box;\n\n  .circle {\n    @include focused-page-2-scw-stepper-item-circle-mixins.box;\n    @include focused-page-2-scw-stepper-item-circle-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-04-mixins\" as focused-page-2-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-04-circle-mixins\" as focused-page-2-scw-stepper-item-04-circle-mixins;\n\n.scw-stepper-item-04 {\n  @include focused-page-2-scw-stepper-item-04-mixins.box;\n\n  .circle {\n    @include focused-page-2-scw-stepper-item-04-circle-mixins.box;\n    @include focused-page-2-scw-stepper-item-04-circle-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-stepper-focused-page-2-scw-stepper-item-circle": {
+  "components-scw-stepper-focused-page-2-scw-stepper-item-04-circle": {
     "html": {
       "output": "<div class=\"circle\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-circle-mixins\" as focused-page-2-scw-stepper-item-circle-mixins;\n\n.circle {\n  @include focused-page-2-scw-stepper-item-circle-mixins.box;\n}",
+      "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-04-circle-mixins\" as focused-page-2-scw-stepper-item-04-circle-mixins;\n\n.circle {\n  @include focused-page-2-scw-stepper-item-04-circle-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-stepper-focused-page-3": {
     "html": {
-      "output": "<div class=\"focused-page-3\">\n  <div class=\"scw-stepper-item\">\n    <div class=\"circle\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"focused-page-3\">\n  <div class=\"scw-stepper-item-01\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-02\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-03\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-04\">\n    <div class=\"circle\">\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/focused-page-3-mixins\" as focused-page-3-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-mixins\" as focused-page-3-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-circle-mixins\" as focused-page-3-scw-stepper-item-circle-mixins;\n\n.focused-page-3 {\n  @include focused-page-3-mixins.box;\n  @include focused-page-3-mixins.figma-autolayout;\n\n  .scw-stepper-item {\n    @include focused-page-3-scw-stepper-item-mixins.box;\n\n    .circle {\n      @include focused-page-3-scw-stepper-item-circle-mixins.box;\n      @include focused-page-3-scw-stepper-item-circle-mixins.absolute-layout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-stepper/focused-page-3-mixins\" as focused-page-3-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-01-mixins\" as focused-page-3-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-01-circle-mixins\" as focused-page-3-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-02-mixins\" as focused-page-3-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-02-circle-mixins\" as focused-page-3-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-03-mixins\" as focused-page-3-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-03-circle-mixins\" as focused-page-3-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-04-mixins\" as focused-page-3-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-04-circle-mixins\" as focused-page-3-scw-stepper-item-04-circle-mixins;\n\n.focused-page-3 {\n  @include focused-page-3-mixins.box;\n  @include focused-page-3-mixins.figma-autolayout;\n\n  .scw-stepper-item-01 {\n    @include focused-page-3-scw-stepper-item-01-mixins.box;\n\n    .circle {\n      @include focused-page-3-scw-stepper-item-01-circle-mixins.box;\n      @include focused-page-3-scw-stepper-item-01-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-02 {\n    @include focused-page-3-scw-stepper-item-02-mixins.box;\n\n    .circle {\n      @include focused-page-3-scw-stepper-item-02-circle-mixins.box;\n      @include focused-page-3-scw-stepper-item-02-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-03 {\n    @include focused-page-3-scw-stepper-item-03-mixins.box;\n\n    .circle {\n      @include focused-page-3-scw-stepper-item-03-circle-mixins.box;\n      @include focused-page-3-scw-stepper-item-03-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-04 {\n    @include focused-page-3-scw-stepper-item-04-mixins.box;\n\n    .circle {\n      @include focused-page-3-scw-stepper-item-04-circle-mixins.box;\n      @include focused-page-3-scw-stepper-item-04-circle-mixins.absolute-layout;\n    }\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-stepper-focused-page-3-scw-stepper-item": {
+  "components-scw-stepper-focused-page-3-scw-stepper-item-01": {
     "html": {
-      "output": "<div class=\"scw-stepper-item\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "output": "<div class=\"scw-stepper-item-01\">\n  <div class=\"circle\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-mixins\" as focused-page-3-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-circle-mixins\" as focused-page-3-scw-stepper-item-circle-mixins;\n\n.scw-stepper-item {\n  @include focused-page-3-scw-stepper-item-mixins.box;\n\n  .circle {\n    @include focused-page-3-scw-stepper-item-circle-mixins.box;\n    @include focused-page-3-scw-stepper-item-circle-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-01-mixins\" as focused-page-3-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-01-circle-mixins\" as focused-page-3-scw-stepper-item-01-circle-mixins;\n\n.scw-stepper-item-01 {\n  @include focused-page-3-scw-stepper-item-01-mixins.box;\n\n  .circle {\n    @include focused-page-3-scw-stepper-item-01-circle-mixins.box;\n    @include focused-page-3-scw-stepper-item-01-circle-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-stepper-focused-page-3-scw-stepper-item-circle": {
+  "components-scw-stepper-focused-page-3-scw-stepper-item-01-circle": {
     "html": {
       "output": "<div class=\"circle\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-circle-mixins\" as focused-page-3-scw-stepper-item-circle-mixins;\n\n.circle {\n  @include focused-page-3-scw-stepper-item-circle-mixins.box;\n}",
+      "output": "@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-01-circle-mixins\" as focused-page-3-scw-stepper-item-01-circle-mixins;\n\n.circle {\n  @include focused-page-3-scw-stepper-item-01-circle-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-02": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-02\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-02-mixins\" as focused-page-3-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-02-circle-mixins\" as focused-page-3-scw-stepper-item-02-circle-mixins;\n\n.scw-stepper-item-02 {\n  @include focused-page-3-scw-stepper-item-02-mixins.box;\n\n  .circle {\n    @include focused-page-3-scw-stepper-item-02-circle-mixins.box;\n    @include focused-page-3-scw-stepper-item-02-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-02-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-02-circle-mixins\" as focused-page-3-scw-stepper-item-02-circle-mixins;\n\n.circle {\n  @include focused-page-3-scw-stepper-item-02-circle-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-03": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-03\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-03-mixins\" as focused-page-3-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-03-circle-mixins\" as focused-page-3-scw-stepper-item-03-circle-mixins;\n\n.scw-stepper-item-03 {\n  @include focused-page-3-scw-stepper-item-03-mixins.box;\n\n  .circle {\n    @include focused-page-3-scw-stepper-item-03-circle-mixins.box;\n    @include focused-page-3-scw-stepper-item-03-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-03-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-03-circle-mixins\" as focused-page-3-scw-stepper-item-03-circle-mixins;\n\n.circle {\n  @include focused-page-3-scw-stepper-item-03-circle-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-04": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-04\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-04-mixins\" as focused-page-3-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-04-circle-mixins\" as focused-page-3-scw-stepper-item-04-circle-mixins;\n\n.scw-stepper-item-04 {\n  @include focused-page-3-scw-stepper-item-04-mixins.box;\n\n  .circle {\n    @include focused-page-3-scw-stepper-item-04-circle-mixins.box;\n    @include focused-page-3-scw-stepper-item-04-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-3-scw-stepper-item-04-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-3-scw-stepper-item-04-circle-mixins\" as focused-page-3-scw-stepper-item-04-circle-mixins;\n\n.circle {\n  @include focused-page-3-scw-stepper-item-04-circle-mixins.box;\n}",
       "example": ""
     }
   },
   "components-scw-stepper-focused-page-4": {
     "html": {
-      "output": "<div class=\"focused-page-4\">\n  <div class=\"scw-stepper-item\">\n    <div class=\"circle\">\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"focused-page-4\">\n  <div class=\"scw-stepper-item-01\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-02\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-03\">\n    <div class=\"circle\">\n    </div>\n  </div>\n  <div class=\"scw-stepper-item-04\">\n    <div class=\"circle\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-4-mixins\" as focused-page-4-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-01-mixins\" as focused-page-4-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-01-circle-mixins\" as focused-page-4-scw-stepper-item-01-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-02-mixins\" as focused-page-4-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-02-circle-mixins\" as focused-page-4-scw-stepper-item-02-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-03-mixins\" as focused-page-4-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-03-circle-mixins\" as focused-page-4-scw-stepper-item-03-circle-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-04-mixins\" as focused-page-4-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-04-circle-mixins\" as focused-page-4-scw-stepper-item-04-circle-mixins;\n\n.focused-page-4 {\n  @include focused-page-4-mixins.box;\n  @include focused-page-4-mixins.figma-autolayout;\n\n  .scw-stepper-item-01 {\n    @include focused-page-4-scw-stepper-item-01-mixins.box;\n\n    .circle {\n      @include focused-page-4-scw-stepper-item-01-circle-mixins.box;\n      @include focused-page-4-scw-stepper-item-01-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-02 {\n    @include focused-page-4-scw-stepper-item-02-mixins.box;\n\n    .circle {\n      @include focused-page-4-scw-stepper-item-02-circle-mixins.box;\n      @include focused-page-4-scw-stepper-item-02-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-03 {\n    @include focused-page-4-scw-stepper-item-03-mixins.box;\n\n    .circle {\n      @include focused-page-4-scw-stepper-item-03-circle-mixins.box;\n      @include focused-page-4-scw-stepper-item-03-circle-mixins.absolute-layout;\n    }\n  }\n\n  .scw-stepper-item-04 {\n    @include focused-page-4-scw-stepper-item-04-mixins.box;\n\n    .circle {\n      @include focused-page-4-scw-stepper-item-04-circle-mixins.box;\n      @include focused-page-4-scw-stepper-item-04-circle-mixins.absolute-layout;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-01": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-01\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-01-mixins\" as focused-page-4-scw-stepper-item-01-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-01-circle-mixins\" as focused-page-4-scw-stepper-item-01-circle-mixins;\n\n.scw-stepper-item-01 {\n  @include focused-page-4-scw-stepper-item-01-mixins.box;\n\n  .circle {\n    @include focused-page-4-scw-stepper-item-01-circle-mixins.box;\n    @include focused-page-4-scw-stepper-item-01-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-01-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-01-circle-mixins\" as focused-page-4-scw-stepper-item-01-circle-mixins;\n\n.circle {\n  @include focused-page-4-scw-stepper-item-01-circle-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-02": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-02\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-02-mixins\" as focused-page-4-scw-stepper-item-02-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-02-circle-mixins\" as focused-page-4-scw-stepper-item-02-circle-mixins;\n\n.scw-stepper-item-02 {\n  @include focused-page-4-scw-stepper-item-02-mixins.box;\n\n  .circle {\n    @include focused-page-4-scw-stepper-item-02-circle-mixins.box;\n    @include focused-page-4-scw-stepper-item-02-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-02-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-02-circle-mixins\" as focused-page-4-scw-stepper-item-02-circle-mixins;\n\n.circle {\n  @include focused-page-4-scw-stepper-item-02-circle-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-03": {
+    "html": {
+      "output": "<div class=\"scw-stepper-item-03\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-03-mixins\" as focused-page-4-scw-stepper-item-03-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-03-circle-mixins\" as focused-page-4-scw-stepper-item-03-circle-mixins;\n\n.scw-stepper-item-03 {\n  @include focused-page-4-scw-stepper-item-03-mixins.box;\n\n  .circle {\n    @include focused-page-4-scw-stepper-item-03-circle-mixins.box;\n    @include focused-page-4-scw-stepper-item-03-circle-mixins.absolute-layout;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-stepper-focused-page-4-scw-stepper-item-03-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/focused-page-4-mixins\" as focused-page-4-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-mixins\" as focused-page-4-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-circle-mixins\" as focused-page-4-scw-stepper-item-circle-mixins;\n\n.focused-page-4 {\n  @include focused-page-4-mixins.box;\n  @include focused-page-4-mixins.figma-autolayout;\n\n  .scw-stepper-item {\n    @include focused-page-4-scw-stepper-item-mixins.box;\n\n    .circle {\n      @include focused-page-4-scw-stepper-item-circle-mixins.box;\n      @include focused-page-4-scw-stepper-item-circle-mixins.absolute-layout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-03-circle-mixins\" as focused-page-4-scw-stepper-item-03-circle-mixins;\n\n.circle {\n  @include focused-page-4-scw-stepper-item-03-circle-mixins.box;\n}",
       "example": ""
     }
   },
-  "components-scw-stepper-focused-page-4-scw-stepper-item": {
+  "components-scw-stepper-focused-page-4-scw-stepper-item-04": {
     "html": {
-      "output": "<div class=\"scw-stepper-item\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "output": "<div class=\"scw-stepper-item-04\">\n  <div class=\"circle\">\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-mixins\" as focused-page-4-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-circle-mixins\" as focused-page-4-scw-stepper-item-circle-mixins;\n\n.scw-stepper-item {\n  @include focused-page-4-scw-stepper-item-mixins.box;\n\n  .circle {\n    @include focused-page-4-scw-stepper-item-circle-mixins.box;\n    @include focused-page-4-scw-stepper-item-circle-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-04-mixins\" as focused-page-4-scw-stepper-item-04-mixins;\n@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-04-circle-mixins\" as focused-page-4-scw-stepper-item-04-circle-mixins;\n\n.scw-stepper-item-04 {\n  @include focused-page-4-scw-stepper-item-04-mixins.box;\n\n  .circle {\n    @include focused-page-4-scw-stepper-item-04-circle-mixins.box;\n    @include focused-page-4-scw-stepper-item-04-circle-mixins.absolute-layout;\n  }\n}",
       "example": ""
     }
   },
-  "components-scw-stepper-focused-page-4-scw-stepper-item-circle": {
+  "components-scw-stepper-focused-page-4-scw-stepper-item-04-circle": {
     "html": {
       "output": "<div class=\"circle\">\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-circle-mixins\" as focused-page-4-scw-stepper-item-circle-mixins;\n\n.circle {\n  @include focused-page-4-scw-stepper-item-circle-mixins.box;\n}",
+      "output": "@use \"comp-scw-stepper/focused-page-4-scw-stepper-item-04-circle-mixins\" as focused-page-4-scw-stepper-item-04-circle-mixins;\n\n.circle {\n  @include focused-page-4-scw-stepper-item-04-circle-mixins.box;\n}",
       "example": ""
     }
   },

package/dist/tokens/source/jsCss.js

@@ -3,7 +3,7 @@
   
     constructor (config) {// version, extraCssPromise, config ) {
       this.prefix = 'scw';// dynamic
-      this.buildUUID = '9280b16d-256a-4803-ad88-e9703c7c88c8';// dynamic
+      this.buildUUID = 'b69e94b2-7b75-4d53-b289-60f7aa52d3d2';// dynamic
 
       this.generator = false;
       this.initialized = false;