scu-web-components 0.0.73 → 0.0.75

package/dist/tokens/source/htmlStubs/{components-scw-stepper-default-scw-stepper-item-circle.json → components-scw-stepper-default-scw-stepper-item-01-circle.json}

@@ -4,7 +4,7 @@
     "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": ""
   }
 }

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

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "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-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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-default-scw-stepper-item-02-circle.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-default-scw-stepper-item-03-circle.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-default-scw-stepper-item-04-circle.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

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

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

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

@@ -1,10 +1,10 @@
 {
   "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": ""
   }
 }

package/dist/tokens/source/htmlStubs/{components-scw-stepper-focused-page-2-scw-stepper-item-circle.json → components-scw-stepper-focused-page-2-scw-stepper-item-01-circle.json}

@@ -4,7 +4,7 @@
     "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-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": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-2-scw-stepper-item-01.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-2-scw-stepper-item-02-circle.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-2-scw-stepper-item-02.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-2-scw-stepper-item-03-circle.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"circle\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-2-scw-stepper-item-03.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-2-scw-stepper-item-04-circle.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"circle\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-2-scw-stepper-item-04.json

@@ -0,0 +1,10 @@
+{
+  "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-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": ""
+  }
+}

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

@@ -1,10 +1,10 @@
 {
   "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-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-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": ""
   }
 }

package/dist/tokens/source/htmlStubs/{components-scw-stepper-focused-page-3-scw-stepper-item-circle.json → components-scw-stepper-focused-page-3-scw-stepper-item-01-circle.json}

@@ -4,7 +4,7 @@
     "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": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-3-scw-stepper-item-01.json

@@ -0,0 +1,10 @@
+{
+  "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-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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-3-scw-stepper-item-02-circle.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-3-scw-stepper-item-02.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-3-scw-stepper-item-03-circle.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-3-scw-stepper-item-03.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-3-scw-stepper-item-04-circle.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-3-scw-stepper-item-04.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

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

@@ -1,10 +1,10 @@
 {
   "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": ""
   }
 }

package/dist/tokens/source/htmlStubs/{components-scw-stepper-focused-page-4-scw-stepper-item-circle.json → components-scw-stepper-focused-page-4-scw-stepper-item-01-circle.json}

@@ -4,7 +4,7 @@
     "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-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": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-4-scw-stepper-item-01.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-4-scw-stepper-item-02-circle.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-4-scw-stepper-item-02.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-4-scw-stepper-item-03-circle.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"circle\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-4-scw-stepper-item-03.json

@@ -0,0 +1,10 @@
+{
+  "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": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-4-scw-stepper-item-04-circle.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"circle\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "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/htmlStubs/components-scw-stepper-focused-page-4-scw-stepper-item-04.json

@@ -0,0 +1,10 @@
+{
+  "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-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": ""
+  }
+}

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

@@ -1,10 +1,10 @@
 {
   "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-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-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": ""
   }
 }