scu-web-components 0.0.74 → 0.0.76

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-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": ""
     }
   },
-  "components-scw-stepper-focused-page-2-scw-stepper-item": {
+  "components-scw-stepper-focused-page-2-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-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-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-circle": {
+  "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-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": ""
+    }
+  },
+  "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-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-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-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-04-circle": {
+    "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": ""
     }
   },
   "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-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-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-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-01-circle": {
+    "html": {
+      "output": "<div class=\"circle\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "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-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-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": {
+  "components-scw-stepper-focused-page-3-scw-stepper-item-02-circle": {
     "html": {
-      "output": "<div class=\"scw-stepper-item\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "output": "<div class=\"circle\">\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-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-circle": {
+  "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-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-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-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-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": {
+  "components-scw-stepper-focused-page-4-scw-stepper-item-02": {
     "html": {
-      "output": "<div class=\"scw-stepper-item\">\n  <div class=\"circle\">\n  </div>\n</div>",
+      "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-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-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-circle": {
+  "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-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-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-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-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-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-04-circle": {
+    "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": ""
     }
   },
@@ -10578,5 +10818,315 @@
       "output": "@use \"comp-scw-card/align-horizontal-content-links-link-2-right-icon-mixins\" as align-horizontal-content-links-link-2-right-icon-mixins;\n\n.right-icon {\n  @include align-horizontal-content-links-link-2-right-icon-mixins.box;\n}",
       "example": ""
     }
+  },
+  "components-scw-callout": {
+    "html": {
+      "output": "<div class=\"scw-callout\">\n  <div class=\"default\">\n    <div class=\"content\">\n      <div class=\"scw-base-heading\">\n        <div class=\"text\">\n          Content\n        </div>\n      </div>\n      <div class=\"scw-base-paragraph\">\n        <div class=\"text\">\n          Content\n        </div>\n      </div>\n      <div class=\"links\">\n        <div class=\"link-1\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n        <div class=\"link-2\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"center\">\n    <div class=\"content\">\n      <div class=\"scw-base-heading\">\n        <div class=\"text\">\n          Content\n        </div>\n      </div>\n      <div class=\"scw-base-paragraph\">\n        <div class=\"text\">\n          Content\n        </div>\n      </div>\n      <div class=\"links\">\n        <div class=\"link-1\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n        <div class=\"link-2\">\n          <div class=\"left-icon\">\n          </div>\n          <div class=\"label\">\n            Label\n          </div>\n          <div class=\"right-icon\">\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/index-mixins\" as index-mixins;\n@use \"comp-scw-callout/default-mixins\" as default-mixins;\n@use \"comp-scw-callout/default-content-mixins\" as default-content-mixins;\n@use \"comp-scw-callout/default-content-scw-base-heading-mixins\" as default-content-scw-base-heading-mixins;\n@use \"comp-scw-callout/default-content-scw-base-heading-text-mixins\" as default-content-scw-base-heading-text-mixins;\n@use \"comp-scw-callout/default-content-scw-base-paragraph-mixins\" as default-content-scw-base-paragraph-mixins;\n@use \"comp-scw-callout/default-content-scw-base-paragraph-text-mixins\" as default-content-scw-base-paragraph-text-mixins;\n@use \"comp-scw-callout/default-content-links-mixins\" as default-content-links-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-mixins\" as default-content-links-link-1-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-left-icon-mixins\" as default-content-links-link-1-left-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-label-mixins\" as default-content-links-link-1-label-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-right-icon-mixins\" as default-content-links-link-1-right-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-mixins\" as default-content-links-link-2-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-left-icon-mixins\" as default-content-links-link-2-left-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-label-mixins\" as default-content-links-link-2-label-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-right-icon-mixins\" as default-content-links-link-2-right-icon-mixins;\n@use \"comp-scw-callout/center-mixins\" as center-mixins;\n@use \"comp-scw-callout/center-content-mixins\" as center-content-mixins;\n@use \"comp-scw-callout/center-content-scw-base-heading-mixins\" as center-content-scw-base-heading-mixins;\n@use \"comp-scw-callout/center-content-scw-base-heading-text-mixins\" as center-content-scw-base-heading-text-mixins;\n@use \"comp-scw-callout/center-content-scw-base-paragraph-mixins\" as center-content-scw-base-paragraph-mixins;\n@use \"comp-scw-callout/center-content-scw-base-paragraph-text-mixins\" as center-content-scw-base-paragraph-text-mixins;\n@use \"comp-scw-callout/center-content-links-mixins\" as center-content-links-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-mixins\" as center-content-links-link-1-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-left-icon-mixins\" as center-content-links-link-1-left-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-label-mixins\" as center-content-links-link-1-label-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-right-icon-mixins\" as center-content-links-link-1-right-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-mixins\" as center-content-links-link-2-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-left-icon-mixins\" as center-content-links-link-2-left-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-label-mixins\" as center-content-links-link-2-label-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-right-icon-mixins\" as center-content-links-link-2-right-icon-mixins;\n\n.scw-callout {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n\n    .content {\n      @include default-content-mixins.box;\n      @include default-content-mixins.figma-autolayout;\n\n      .scw-base-heading {\n        @include default-content-scw-base-heading-mixins.box;\n        @include default-content-scw-base-heading-mixins.figma-autolayout;\n\n        .text {\n          @include default-content-scw-base-heading-text-mixins.text;\n        }\n      }\n\n      .scw-base-paragraph {\n        @include default-content-scw-base-paragraph-mixins.box;\n        @include default-content-scw-base-paragraph-mixins.figma-autolayout;\n\n        .text {\n          @include default-content-scw-base-paragraph-text-mixins.text;\n        }\n      }\n\n      .links {\n        @include default-content-links-mixins.box;\n        @include default-content-links-mixins.figma-autolayout;\n\n        .link-1 {\n          @include default-content-links-link-1-mixins.box;\n          @include default-content-links-link-1-mixins.figma-autolayout;\n\n          .left-icon {\n            @include default-content-links-link-1-left-icon-mixins.box;\n          }\n\n          .label {\n            @include default-content-links-link-1-label-mixins.text;\n          }\n\n          .right-icon {\n            @include default-content-links-link-1-right-icon-mixins.box;\n          }\n        }\n\n        .link-2 {\n          @include default-content-links-link-2-mixins.box;\n          @include default-content-links-link-2-mixins.figma-autolayout;\n\n          .left-icon {\n            @include default-content-links-link-2-left-icon-mixins.box;\n          }\n\n          .label {\n            @include default-content-links-link-2-label-mixins.text;\n          }\n\n          .right-icon {\n            @include default-content-links-link-2-right-icon-mixins.box;\n          }\n        }\n      }\n    }\n  }\n\n  .center {\n    @include center-mixins.box;\n    @include center-mixins.figma-autolayout;\n\n    .content {\n      @include center-content-mixins.box;\n      @include center-content-mixins.figma-autolayout;\n\n      .scw-base-heading {\n        @include center-content-scw-base-heading-mixins.box;\n        @include center-content-scw-base-heading-mixins.figma-autolayout;\n\n        .text {\n          @include center-content-scw-base-heading-text-mixins.text;\n        }\n      }\n\n      .scw-base-paragraph {\n        @include center-content-scw-base-paragraph-mixins.box;\n        @include center-content-scw-base-paragraph-mixins.figma-autolayout;\n\n        .text {\n          @include center-content-scw-base-paragraph-text-mixins.text;\n        }\n      }\n\n      .links {\n        @include center-content-links-mixins.box;\n        @include center-content-links-mixins.figma-autolayout;\n\n        .link-1 {\n          @include center-content-links-link-1-mixins.box;\n          @include center-content-links-link-1-mixins.figma-autolayout;\n\n          .left-icon {\n            @include center-content-links-link-1-left-icon-mixins.box;\n          }\n\n          .label {\n            @include center-content-links-link-1-label-mixins.text;\n          }\n\n          .right-icon {\n            @include center-content-links-link-1-right-icon-mixins.box;\n          }\n        }\n\n        .link-2 {\n          @include center-content-links-link-2-mixins.box;\n          @include center-content-links-link-2-mixins.figma-autolayout;\n\n          .left-icon {\n            @include center-content-links-link-2-left-icon-mixins.box;\n          }\n\n          .label {\n            @include center-content-links-link-2-label-mixins.text;\n          }\n\n          .right-icon {\n            @include center-content-links-link-2-right-icon-mixins.box;\n          }\n        }\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default": {
+    "html": {
+      "output": "<div class=\"default\">\n  <div class=\"content\">\n    <div class=\"scw-base-heading\">\n      <div class=\"text\">\n        Content\n      </div>\n    </div>\n    <div class=\"scw-base-paragraph\">\n      <div class=\"text\">\n        Content\n      </div>\n    </div>\n    <div class=\"links\">\n      <div class=\"link-1\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n      <div class=\"link-2\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-mixins\" as default-mixins;\n@use \"comp-scw-callout/default-content-mixins\" as default-content-mixins;\n@use \"comp-scw-callout/default-content-scw-base-heading-mixins\" as default-content-scw-base-heading-mixins;\n@use \"comp-scw-callout/default-content-scw-base-heading-text-mixins\" as default-content-scw-base-heading-text-mixins;\n@use \"comp-scw-callout/default-content-scw-base-paragraph-mixins\" as default-content-scw-base-paragraph-mixins;\n@use \"comp-scw-callout/default-content-scw-base-paragraph-text-mixins\" as default-content-scw-base-paragraph-text-mixins;\n@use \"comp-scw-callout/default-content-links-mixins\" as default-content-links-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-mixins\" as default-content-links-link-1-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-left-icon-mixins\" as default-content-links-link-1-left-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-label-mixins\" as default-content-links-link-1-label-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-right-icon-mixins\" as default-content-links-link-1-right-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-mixins\" as default-content-links-link-2-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-left-icon-mixins\" as default-content-links-link-2-left-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-label-mixins\" as default-content-links-link-2-label-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-right-icon-mixins\" as default-content-links-link-2-right-icon-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .content {\n    @include default-content-mixins.box;\n    @include default-content-mixins.figma-autolayout;\n\n    .scw-base-heading {\n      @include default-content-scw-base-heading-mixins.box;\n      @include default-content-scw-base-heading-mixins.figma-autolayout;\n\n      .text {\n        @include default-content-scw-base-heading-text-mixins.text;\n      }\n    }\n\n    .scw-base-paragraph {\n      @include default-content-scw-base-paragraph-mixins.box;\n      @include default-content-scw-base-paragraph-mixins.figma-autolayout;\n\n      .text {\n        @include default-content-scw-base-paragraph-text-mixins.text;\n      }\n    }\n\n    .links {\n      @include default-content-links-mixins.box;\n      @include default-content-links-mixins.figma-autolayout;\n\n      .link-1 {\n        @include default-content-links-link-1-mixins.box;\n        @include default-content-links-link-1-mixins.figma-autolayout;\n\n        .left-icon {\n          @include default-content-links-link-1-left-icon-mixins.box;\n        }\n\n        .label {\n          @include default-content-links-link-1-label-mixins.text;\n        }\n\n        .right-icon {\n          @include default-content-links-link-1-right-icon-mixins.box;\n        }\n      }\n\n      .link-2 {\n        @include default-content-links-link-2-mixins.box;\n        @include default-content-links-link-2-mixins.figma-autolayout;\n\n        .left-icon {\n          @include default-content-links-link-2-left-icon-mixins.box;\n        }\n\n        .label {\n          @include default-content-links-link-2-label-mixins.text;\n        }\n\n        .right-icon {\n          @include default-content-links-link-2-right-icon-mixins.box;\n        }\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content": {
+    "html": {
+      "output": "<div class=\"content\">\n  <div class=\"scw-base-heading\">\n    <div class=\"text\">\n      Content\n    </div>\n  </div>\n  <div class=\"scw-base-paragraph\">\n    <div class=\"text\">\n      Content\n    </div>\n  </div>\n  <div class=\"links\">\n    <div class=\"link-1\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n    <div class=\"link-2\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-mixins\" as default-content-mixins;\n@use \"comp-scw-callout/default-content-scw-base-heading-mixins\" as default-content-scw-base-heading-mixins;\n@use \"comp-scw-callout/default-content-scw-base-heading-text-mixins\" as default-content-scw-base-heading-text-mixins;\n@use \"comp-scw-callout/default-content-scw-base-paragraph-mixins\" as default-content-scw-base-paragraph-mixins;\n@use \"comp-scw-callout/default-content-scw-base-paragraph-text-mixins\" as default-content-scw-base-paragraph-text-mixins;\n@use \"comp-scw-callout/default-content-links-mixins\" as default-content-links-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-mixins\" as default-content-links-link-1-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-left-icon-mixins\" as default-content-links-link-1-left-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-label-mixins\" as default-content-links-link-1-label-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-right-icon-mixins\" as default-content-links-link-1-right-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-mixins\" as default-content-links-link-2-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-left-icon-mixins\" as default-content-links-link-2-left-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-label-mixins\" as default-content-links-link-2-label-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-right-icon-mixins\" as default-content-links-link-2-right-icon-mixins;\n\n.content {\n  @include default-content-mixins.box;\n  @include default-content-mixins.figma-autolayout;\n\n  .scw-base-heading {\n    @include default-content-scw-base-heading-mixins.box;\n    @include default-content-scw-base-heading-mixins.figma-autolayout;\n\n    .text {\n      @include default-content-scw-base-heading-text-mixins.text;\n    }\n  }\n\n  .scw-base-paragraph {\n    @include default-content-scw-base-paragraph-mixins.box;\n    @include default-content-scw-base-paragraph-mixins.figma-autolayout;\n\n    .text {\n      @include default-content-scw-base-paragraph-text-mixins.text;\n    }\n  }\n\n  .links {\n    @include default-content-links-mixins.box;\n    @include default-content-links-mixins.figma-autolayout;\n\n    .link-1 {\n      @include default-content-links-link-1-mixins.box;\n      @include default-content-links-link-1-mixins.figma-autolayout;\n\n      .left-icon {\n        @include default-content-links-link-1-left-icon-mixins.box;\n      }\n\n      .label {\n        @include default-content-links-link-1-label-mixins.text;\n      }\n\n      .right-icon {\n        @include default-content-links-link-1-right-icon-mixins.box;\n      }\n    }\n\n    .link-2 {\n      @include default-content-links-link-2-mixins.box;\n      @include default-content-links-link-2-mixins.figma-autolayout;\n\n      .left-icon {\n        @include default-content-links-link-2-left-icon-mixins.box;\n      }\n\n      .label {\n        @include default-content-links-link-2-label-mixins.text;\n      }\n\n      .right-icon {\n        @include default-content-links-link-2-right-icon-mixins.box;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-scw-base-heading": {
+    "html": {
+      "output": "<div class=\"scw-base-heading\">\n  <div class=\"text\">\n    Content\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-scw-base-heading-mixins\" as default-content-scw-base-heading-mixins;\n@use \"comp-scw-callout/default-content-scw-base-heading-text-mixins\" as default-content-scw-base-heading-text-mixins;\n\n.scw-base-heading {\n  @include default-content-scw-base-heading-mixins.box;\n  @include default-content-scw-base-heading-mixins.figma-autolayout;\n\n  .text {\n    @include default-content-scw-base-heading-text-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-scw-base-heading-text": {
+    "html": {
+      "output": "<div class=\"text\">\n  Content\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-scw-base-heading-text-mixins\" as default-content-scw-base-heading-text-mixins;\n\n.text {\n  @include default-content-scw-base-heading-text-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-scw-base-paragraph": {
+    "html": {
+      "output": "<div class=\"scw-base-paragraph\">\n  <div class=\"text\">\n    Content\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-scw-base-paragraph-mixins\" as default-content-scw-base-paragraph-mixins;\n@use \"comp-scw-callout/default-content-scw-base-paragraph-text-mixins\" as default-content-scw-base-paragraph-text-mixins;\n\n.scw-base-paragraph {\n  @include default-content-scw-base-paragraph-mixins.box;\n  @include default-content-scw-base-paragraph-mixins.figma-autolayout;\n\n  .text {\n    @include default-content-scw-base-paragraph-text-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-scw-base-paragraph-text": {
+    "html": {
+      "output": "<div class=\"text\">\n  Content\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-scw-base-paragraph-text-mixins\" as default-content-scw-base-paragraph-text-mixins;\n\n.text {\n  @include default-content-scw-base-paragraph-text-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-links": {
+    "html": {
+      "output": "<div class=\"links\">\n  <div class=\"link-1\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n  <div class=\"link-2\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-links-mixins\" as default-content-links-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-mixins\" as default-content-links-link-1-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-left-icon-mixins\" as default-content-links-link-1-left-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-label-mixins\" as default-content-links-link-1-label-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-right-icon-mixins\" as default-content-links-link-1-right-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-mixins\" as default-content-links-link-2-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-left-icon-mixins\" as default-content-links-link-2-left-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-label-mixins\" as default-content-links-link-2-label-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-right-icon-mixins\" as default-content-links-link-2-right-icon-mixins;\n\n.links {\n  @include default-content-links-mixins.box;\n  @include default-content-links-mixins.figma-autolayout;\n\n  .link-1 {\n    @include default-content-links-link-1-mixins.box;\n    @include default-content-links-link-1-mixins.figma-autolayout;\n\n    .left-icon {\n      @include default-content-links-link-1-left-icon-mixins.box;\n    }\n\n    .label {\n      @include default-content-links-link-1-label-mixins.text;\n    }\n\n    .right-icon {\n      @include default-content-links-link-1-right-icon-mixins.box;\n    }\n  }\n\n  .link-2 {\n    @include default-content-links-link-2-mixins.box;\n    @include default-content-links-link-2-mixins.figma-autolayout;\n\n    .left-icon {\n      @include default-content-links-link-2-left-icon-mixins.box;\n    }\n\n    .label {\n      @include default-content-links-link-2-label-mixins.text;\n    }\n\n    .right-icon {\n      @include default-content-links-link-2-right-icon-mixins.box;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-links-link-1": {
+    "html": {
+      "output": "<div class=\"link-1\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-links-link-1-mixins\" as default-content-links-link-1-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-left-icon-mixins\" as default-content-links-link-1-left-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-label-mixins\" as default-content-links-link-1-label-mixins;\n@use \"comp-scw-callout/default-content-links-link-1-right-icon-mixins\" as default-content-links-link-1-right-icon-mixins;\n\n.link-1 {\n  @include default-content-links-link-1-mixins.box;\n  @include default-content-links-link-1-mixins.figma-autolayout;\n\n  .left-icon {\n    @include default-content-links-link-1-left-icon-mixins.box;\n  }\n\n  .label {\n    @include default-content-links-link-1-label-mixins.text;\n  }\n\n  .right-icon {\n    @include default-content-links-link-1-right-icon-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-links-link-1-left-icon": {
+    "html": {
+      "output": "<div class=\"left-icon\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-links-link-1-left-icon-mixins\" as default-content-links-link-1-left-icon-mixins;\n\n.left-icon {\n  @include default-content-links-link-1-left-icon-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-links-link-1-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  Label\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-links-link-1-label-mixins\" as default-content-links-link-1-label-mixins;\n\n.label {\n  @include default-content-links-link-1-label-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-links-link-1-right-icon": {
+    "html": {
+      "output": "<div class=\"right-icon\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-links-link-1-right-icon-mixins\" as default-content-links-link-1-right-icon-mixins;\n\n.right-icon {\n  @include default-content-links-link-1-right-icon-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-links-link-2": {
+    "html": {
+      "output": "<div class=\"link-2\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-links-link-2-mixins\" as default-content-links-link-2-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-left-icon-mixins\" as default-content-links-link-2-left-icon-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-label-mixins\" as default-content-links-link-2-label-mixins;\n@use \"comp-scw-callout/default-content-links-link-2-right-icon-mixins\" as default-content-links-link-2-right-icon-mixins;\n\n.link-2 {\n  @include default-content-links-link-2-mixins.box;\n  @include default-content-links-link-2-mixins.figma-autolayout;\n\n  .left-icon {\n    @include default-content-links-link-2-left-icon-mixins.box;\n  }\n\n  .label {\n    @include default-content-links-link-2-label-mixins.text;\n  }\n\n  .right-icon {\n    @include default-content-links-link-2-right-icon-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-links-link-2-left-icon": {
+    "html": {
+      "output": "<div class=\"left-icon\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-links-link-2-left-icon-mixins\" as default-content-links-link-2-left-icon-mixins;\n\n.left-icon {\n  @include default-content-links-link-2-left-icon-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-links-link-2-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  Label\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-links-link-2-label-mixins\" as default-content-links-link-2-label-mixins;\n\n.label {\n  @include default-content-links-link-2-label-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-default-content-links-link-2-right-icon": {
+    "html": {
+      "output": "<div class=\"right-icon\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/default-content-links-link-2-right-icon-mixins\" as default-content-links-link-2-right-icon-mixins;\n\n.right-icon {\n  @include default-content-links-link-2-right-icon-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center": {
+    "html": {
+      "output": "<div class=\"center\">\n  <div class=\"content\">\n    <div class=\"scw-base-heading\">\n      <div class=\"text\">\n        Content\n      </div>\n    </div>\n    <div class=\"scw-base-paragraph\">\n      <div class=\"text\">\n        Content\n      </div>\n    </div>\n    <div class=\"links\">\n      <div class=\"link-1\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n      <div class=\"link-2\">\n        <div class=\"left-icon\">\n        </div>\n        <div class=\"label\">\n          Label\n        </div>\n        <div class=\"right-icon\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-mixins\" as center-mixins;\n@use \"comp-scw-callout/center-content-mixins\" as center-content-mixins;\n@use \"comp-scw-callout/center-content-scw-base-heading-mixins\" as center-content-scw-base-heading-mixins;\n@use \"comp-scw-callout/center-content-scw-base-heading-text-mixins\" as center-content-scw-base-heading-text-mixins;\n@use \"comp-scw-callout/center-content-scw-base-paragraph-mixins\" as center-content-scw-base-paragraph-mixins;\n@use \"comp-scw-callout/center-content-scw-base-paragraph-text-mixins\" as center-content-scw-base-paragraph-text-mixins;\n@use \"comp-scw-callout/center-content-links-mixins\" as center-content-links-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-mixins\" as center-content-links-link-1-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-left-icon-mixins\" as center-content-links-link-1-left-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-label-mixins\" as center-content-links-link-1-label-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-right-icon-mixins\" as center-content-links-link-1-right-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-mixins\" as center-content-links-link-2-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-left-icon-mixins\" as center-content-links-link-2-left-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-label-mixins\" as center-content-links-link-2-label-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-right-icon-mixins\" as center-content-links-link-2-right-icon-mixins;\n\n.center {\n  @include center-mixins.box;\n  @include center-mixins.figma-autolayout;\n\n  .content {\n    @include center-content-mixins.box;\n    @include center-content-mixins.figma-autolayout;\n\n    .scw-base-heading {\n      @include center-content-scw-base-heading-mixins.box;\n      @include center-content-scw-base-heading-mixins.figma-autolayout;\n\n      .text {\n        @include center-content-scw-base-heading-text-mixins.text;\n      }\n    }\n\n    .scw-base-paragraph {\n      @include center-content-scw-base-paragraph-mixins.box;\n      @include center-content-scw-base-paragraph-mixins.figma-autolayout;\n\n      .text {\n        @include center-content-scw-base-paragraph-text-mixins.text;\n      }\n    }\n\n    .links {\n      @include center-content-links-mixins.box;\n      @include center-content-links-mixins.figma-autolayout;\n\n      .link-1 {\n        @include center-content-links-link-1-mixins.box;\n        @include center-content-links-link-1-mixins.figma-autolayout;\n\n        .left-icon {\n          @include center-content-links-link-1-left-icon-mixins.box;\n        }\n\n        .label {\n          @include center-content-links-link-1-label-mixins.text;\n        }\n\n        .right-icon {\n          @include center-content-links-link-1-right-icon-mixins.box;\n        }\n      }\n\n      .link-2 {\n        @include center-content-links-link-2-mixins.box;\n        @include center-content-links-link-2-mixins.figma-autolayout;\n\n        .left-icon {\n          @include center-content-links-link-2-left-icon-mixins.box;\n        }\n\n        .label {\n          @include center-content-links-link-2-label-mixins.text;\n        }\n\n        .right-icon {\n          @include center-content-links-link-2-right-icon-mixins.box;\n        }\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content": {
+    "html": {
+      "output": "<div class=\"content\">\n  <div class=\"scw-base-heading\">\n    <div class=\"text\">\n      Content\n    </div>\n  </div>\n  <div class=\"scw-base-paragraph\">\n    <div class=\"text\">\n      Content\n    </div>\n  </div>\n  <div class=\"links\">\n    <div class=\"link-1\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n    <div class=\"link-2\">\n      <div class=\"left-icon\">\n      </div>\n      <div class=\"label\">\n        Label\n      </div>\n      <div class=\"right-icon\">\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-mixins\" as center-content-mixins;\n@use \"comp-scw-callout/center-content-scw-base-heading-mixins\" as center-content-scw-base-heading-mixins;\n@use \"comp-scw-callout/center-content-scw-base-heading-text-mixins\" as center-content-scw-base-heading-text-mixins;\n@use \"comp-scw-callout/center-content-scw-base-paragraph-mixins\" as center-content-scw-base-paragraph-mixins;\n@use \"comp-scw-callout/center-content-scw-base-paragraph-text-mixins\" as center-content-scw-base-paragraph-text-mixins;\n@use \"comp-scw-callout/center-content-links-mixins\" as center-content-links-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-mixins\" as center-content-links-link-1-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-left-icon-mixins\" as center-content-links-link-1-left-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-label-mixins\" as center-content-links-link-1-label-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-right-icon-mixins\" as center-content-links-link-1-right-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-mixins\" as center-content-links-link-2-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-left-icon-mixins\" as center-content-links-link-2-left-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-label-mixins\" as center-content-links-link-2-label-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-right-icon-mixins\" as center-content-links-link-2-right-icon-mixins;\n\n.content {\n  @include center-content-mixins.box;\n  @include center-content-mixins.figma-autolayout;\n\n  .scw-base-heading {\n    @include center-content-scw-base-heading-mixins.box;\n    @include center-content-scw-base-heading-mixins.figma-autolayout;\n\n    .text {\n      @include center-content-scw-base-heading-text-mixins.text;\n    }\n  }\n\n  .scw-base-paragraph {\n    @include center-content-scw-base-paragraph-mixins.box;\n    @include center-content-scw-base-paragraph-mixins.figma-autolayout;\n\n    .text {\n      @include center-content-scw-base-paragraph-text-mixins.text;\n    }\n  }\n\n  .links {\n    @include center-content-links-mixins.box;\n    @include center-content-links-mixins.figma-autolayout;\n\n    .link-1 {\n      @include center-content-links-link-1-mixins.box;\n      @include center-content-links-link-1-mixins.figma-autolayout;\n\n      .left-icon {\n        @include center-content-links-link-1-left-icon-mixins.box;\n      }\n\n      .label {\n        @include center-content-links-link-1-label-mixins.text;\n      }\n\n      .right-icon {\n        @include center-content-links-link-1-right-icon-mixins.box;\n      }\n    }\n\n    .link-2 {\n      @include center-content-links-link-2-mixins.box;\n      @include center-content-links-link-2-mixins.figma-autolayout;\n\n      .left-icon {\n        @include center-content-links-link-2-left-icon-mixins.box;\n      }\n\n      .label {\n        @include center-content-links-link-2-label-mixins.text;\n      }\n\n      .right-icon {\n        @include center-content-links-link-2-right-icon-mixins.box;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-scw-base-heading": {
+    "html": {
+      "output": "<div class=\"scw-base-heading\">\n  <div class=\"text\">\n    Content\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-scw-base-heading-mixins\" as center-content-scw-base-heading-mixins;\n@use \"comp-scw-callout/center-content-scw-base-heading-text-mixins\" as center-content-scw-base-heading-text-mixins;\n\n.scw-base-heading {\n  @include center-content-scw-base-heading-mixins.box;\n  @include center-content-scw-base-heading-mixins.figma-autolayout;\n\n  .text {\n    @include center-content-scw-base-heading-text-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-scw-base-heading-text": {
+    "html": {
+      "output": "<div class=\"text\">\n  Content\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-scw-base-heading-text-mixins\" as center-content-scw-base-heading-text-mixins;\n\n.text {\n  @include center-content-scw-base-heading-text-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-scw-base-paragraph": {
+    "html": {
+      "output": "<div class=\"scw-base-paragraph\">\n  <div class=\"text\">\n    Content\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-scw-base-paragraph-mixins\" as center-content-scw-base-paragraph-mixins;\n@use \"comp-scw-callout/center-content-scw-base-paragraph-text-mixins\" as center-content-scw-base-paragraph-text-mixins;\n\n.scw-base-paragraph {\n  @include center-content-scw-base-paragraph-mixins.box;\n  @include center-content-scw-base-paragraph-mixins.figma-autolayout;\n\n  .text {\n    @include center-content-scw-base-paragraph-text-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-scw-base-paragraph-text": {
+    "html": {
+      "output": "<div class=\"text\">\n  Content\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-scw-base-paragraph-text-mixins\" as center-content-scw-base-paragraph-text-mixins;\n\n.text {\n  @include center-content-scw-base-paragraph-text-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-links": {
+    "html": {
+      "output": "<div class=\"links\">\n  <div class=\"link-1\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n  <div class=\"link-2\">\n    <div class=\"left-icon\">\n    </div>\n    <div class=\"label\">\n      Label\n    </div>\n    <div class=\"right-icon\">\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-links-mixins\" as center-content-links-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-mixins\" as center-content-links-link-1-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-left-icon-mixins\" as center-content-links-link-1-left-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-label-mixins\" as center-content-links-link-1-label-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-right-icon-mixins\" as center-content-links-link-1-right-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-mixins\" as center-content-links-link-2-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-left-icon-mixins\" as center-content-links-link-2-left-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-label-mixins\" as center-content-links-link-2-label-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-right-icon-mixins\" as center-content-links-link-2-right-icon-mixins;\n\n.links {\n  @include center-content-links-mixins.box;\n  @include center-content-links-mixins.figma-autolayout;\n\n  .link-1 {\n    @include center-content-links-link-1-mixins.box;\n    @include center-content-links-link-1-mixins.figma-autolayout;\n\n    .left-icon {\n      @include center-content-links-link-1-left-icon-mixins.box;\n    }\n\n    .label {\n      @include center-content-links-link-1-label-mixins.text;\n    }\n\n    .right-icon {\n      @include center-content-links-link-1-right-icon-mixins.box;\n    }\n  }\n\n  .link-2 {\n    @include center-content-links-link-2-mixins.box;\n    @include center-content-links-link-2-mixins.figma-autolayout;\n\n    .left-icon {\n      @include center-content-links-link-2-left-icon-mixins.box;\n    }\n\n    .label {\n      @include center-content-links-link-2-label-mixins.text;\n    }\n\n    .right-icon {\n      @include center-content-links-link-2-right-icon-mixins.box;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-links-link-1": {
+    "html": {
+      "output": "<div class=\"link-1\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-links-link-1-mixins\" as center-content-links-link-1-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-left-icon-mixins\" as center-content-links-link-1-left-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-label-mixins\" as center-content-links-link-1-label-mixins;\n@use \"comp-scw-callout/center-content-links-link-1-right-icon-mixins\" as center-content-links-link-1-right-icon-mixins;\n\n.link-1 {\n  @include center-content-links-link-1-mixins.box;\n  @include center-content-links-link-1-mixins.figma-autolayout;\n\n  .left-icon {\n    @include center-content-links-link-1-left-icon-mixins.box;\n  }\n\n  .label {\n    @include center-content-links-link-1-label-mixins.text;\n  }\n\n  .right-icon {\n    @include center-content-links-link-1-right-icon-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-links-link-1-left-icon": {
+    "html": {
+      "output": "<div class=\"left-icon\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-links-link-1-left-icon-mixins\" as center-content-links-link-1-left-icon-mixins;\n\n.left-icon {\n  @include center-content-links-link-1-left-icon-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-links-link-1-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  Label\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-links-link-1-label-mixins\" as center-content-links-link-1-label-mixins;\n\n.label {\n  @include center-content-links-link-1-label-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-links-link-1-right-icon": {
+    "html": {
+      "output": "<div class=\"right-icon\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-links-link-1-right-icon-mixins\" as center-content-links-link-1-right-icon-mixins;\n\n.right-icon {\n  @include center-content-links-link-1-right-icon-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-links-link-2": {
+    "html": {
+      "output": "<div class=\"link-2\">\n  <div class=\"left-icon\">\n  </div>\n  <div class=\"label\">\n    Label\n  </div>\n  <div class=\"right-icon\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-links-link-2-mixins\" as center-content-links-link-2-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-left-icon-mixins\" as center-content-links-link-2-left-icon-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-label-mixins\" as center-content-links-link-2-label-mixins;\n@use \"comp-scw-callout/center-content-links-link-2-right-icon-mixins\" as center-content-links-link-2-right-icon-mixins;\n\n.link-2 {\n  @include center-content-links-link-2-mixins.box;\n  @include center-content-links-link-2-mixins.figma-autolayout;\n\n  .left-icon {\n    @include center-content-links-link-2-left-icon-mixins.box;\n  }\n\n  .label {\n    @include center-content-links-link-2-label-mixins.text;\n  }\n\n  .right-icon {\n    @include center-content-links-link-2-right-icon-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-links-link-2-left-icon": {
+    "html": {
+      "output": "<div class=\"left-icon\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-links-link-2-left-icon-mixins\" as center-content-links-link-2-left-icon-mixins;\n\n.left-icon {\n  @include center-content-links-link-2-left-icon-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-links-link-2-label": {
+    "html": {
+      "output": "<div class=\"label\">\n  Label\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-links-link-2-label-mixins\" as center-content-links-link-2-label-mixins;\n\n.label {\n  @include center-content-links-link-2-label-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-callout-center-content-links-link-2-right-icon": {
+    "html": {
+      "output": "<div class=\"right-icon\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-callout/center-content-links-link-2-right-icon-mixins\" as center-content-links-link-2-right-icon-mixins;\n\n.right-icon {\n  @include center-content-links-link-2-right-icon-mixins.box;\n}",
+      "example": ""
+    }
   }
 }