scu-web-components 1.2.4 → 1.2.5

package/dist/tokens/source/htmlStubs/components-scw-testimonial-card-state-image-testimonial-container-body.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"body\">\n  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-body-mixins\" as state-image-testimonial-container-body-mixins;\n\n.body {\n  @include state-image-testimonial-container-body-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-testimonial-card-state-image-testimonial-container-source-author.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"author\">\n  Name\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-author-mixins\" as state-image-testimonial-container-source-author-mixins;\n\n.author {\n  @include state-image-testimonial-container-source-author-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-testimonial-card-state-image-testimonial-container-source-description.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"description\">\n  Description\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-description-mixins\" as state-image-testimonial-container-source-description-mixins;\n\n.description {\n  @include state-image-testimonial-container-source-description-mixins.text;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-testimonial-card-state-image-testimonial-container-source.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"source\">\n  <div class=\"author\">\n    Name\n  </div>\n  <div class=\"description\">\n    Description\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-mixins\" as state-image-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-author-mixins\" as state-image-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-description-mixins\" as state-image-testimonial-container-source-description-mixins;\n\n.source {\n  @include state-image-testimonial-container-source-mixins.box;\n  @include state-image-testimonial-container-source-mixins.figma-autolayout;\n\n  .author {\n    @include state-image-testimonial-container-source-author-mixins.text;\n  }\n\n  .description {\n    @include state-image-testimonial-container-source-description-mixins.text;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-testimonial-card-state-image-testimonial-container-wrapper-image.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"image\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-image-mixins\" as state-image-testimonial-container-wrapper-image-mixins;\n\n.image {\n  @include state-image-testimonial-container-wrapper-image-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-testimonial-card-state-image-testimonial-container-wrapper.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"wrapper\">\n  <div class=\"image\">\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-mixins\" as state-image-testimonial-container-wrapper-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-image-mixins\" as state-image-testimonial-container-wrapper-image-mixins;\n\n.wrapper {\n  @include state-image-testimonial-container-wrapper-mixins.box;\n  @include state-image-testimonial-container-wrapper-mixins.figma-autolayout;\n\n  .image {\n    @include state-image-testimonial-container-wrapper-image-mixins.box;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-testimonial-card-state-image-testimonial-container.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"testimonial-container\">\n  <div class=\"wrapper\">\n    <div class=\"image\">\n    </div>\n  </div>\n  <div class=\"body\">\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n  </div>\n  <div class=\"source\">\n    <div class=\"author\">\n      Name\n    </div>\n    <div class=\"description\">\n      Description\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-mixins\" as state-image-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-mixins\" as state-image-testimonial-container-wrapper-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-image-mixins\" as state-image-testimonial-container-wrapper-image-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-body-mixins\" as state-image-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-mixins\" as state-image-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-author-mixins\" as state-image-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-description-mixins\" as state-image-testimonial-container-source-description-mixins;\n\n.testimonial-container {\n  @include state-image-testimonial-container-mixins.box;\n  @include state-image-testimonial-container-mixins.figma-autolayout;\n\n  .wrapper {\n    @include state-image-testimonial-container-wrapper-mixins.box;\n    @include state-image-testimonial-container-wrapper-mixins.figma-autolayout;\n\n    .image {\n      @include state-image-testimonial-container-wrapper-image-mixins.box;\n    }\n  }\n\n  .body {\n    @include state-image-testimonial-container-body-mixins.text;\n  }\n\n  .source {\n    @include state-image-testimonial-container-source-mixins.box;\n    @include state-image-testimonial-container-source-mixins.figma-autolayout;\n\n    .author {\n      @include state-image-testimonial-container-source-author-mixins.text;\n    }\n\n    .description {\n      @include state-image-testimonial-container-source-description-mixins.text;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-testimonial-card-state-image.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"state-image\">\n  <div class=\"testimonial-container\">\n    <div class=\"wrapper\">\n      <div class=\"image\">\n      </div>\n    </div>\n    <div class=\"body\">\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n    </div>\n    <div class=\"source\">\n      <div class=\"author\">\n        Name\n      </div>\n      <div class=\"description\">\n        Description\n      </div>\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-testimonial-card/state-image-mixins\" as state-image-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-mixins\" as state-image-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-mixins\" as state-image-testimonial-container-wrapper-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-image-mixins\" as state-image-testimonial-container-wrapper-image-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-body-mixins\" as state-image-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-mixins\" as state-image-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-author-mixins\" as state-image-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-description-mixins\" as state-image-testimonial-container-source-description-mixins;\n\n.state-image {\n  @include state-image-mixins.box;\n  @include state-image-mixins.figma-autolayout;\n\n  .testimonial-container {\n    @include state-image-testimonial-container-mixins.box;\n    @include state-image-testimonial-container-mixins.figma-autolayout;\n\n    .wrapper {\n      @include state-image-testimonial-container-wrapper-mixins.box;\n      @include state-image-testimonial-container-wrapper-mixins.figma-autolayout;\n\n      .image {\n        @include state-image-testimonial-container-wrapper-image-mixins.box;\n      }\n    }\n\n    .body {\n      @include state-image-testimonial-container-body-mixins.text;\n    }\n\n    .source {\n      @include state-image-testimonial-container-source-mixins.box;\n      @include state-image-testimonial-container-source-mixins.figma-autolayout;\n\n      .author {\n        @include state-image-testimonial-container-source-author-mixins.text;\n      }\n\n      .description {\n        @include state-image-testimonial-container-source-description-mixins.text;\n      }\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-testimonial-card.json

@@ -1,10 +1,10 @@
 {
   "html": {
-    "output": "<div class=\"scw-testimonial-card\">\n  <div class=\"default\">\n    <div class=\"testimonial-container\">\n      <div class=\"quote-left\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"body\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n      </div>\n      <div class=\"source\">\n        <div class=\"author\">\n          Name\n        </div>\n        <div class=\"description\">\n          Description\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"state-default\">\n    <div class=\"testimonial-container\">\n      <div class=\"quote-left\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"body\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n      </div>\n      <div class=\"source\">\n        <div class=\"author\">\n          Name\n        </div>\n        <div class=\"description\">\n          Description\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+    "output": "<div class=\"scw-testimonial-card\">\n  <div class=\"default\">\n    <div class=\"testimonial-container\">\n      <div class=\"quote-left\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"body\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n      </div>\n      <div class=\"source\">\n        <div class=\"author\">\n          Name\n        </div>\n        <div class=\"description\">\n          Description\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"state-default\">\n    <div class=\"testimonial-container\">\n      <div class=\"quote-left\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"body\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n      </div>\n      <div class=\"source\">\n        <div class=\"author\">\n          Name\n        </div>\n        <div class=\"description\">\n          Description\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"state-image\">\n    <div class=\"testimonial-container\">\n      <div class=\"wrapper\">\n        <div class=\"image\">\n        </div>\n      </div>\n      <div class=\"body\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n      </div>\n      <div class=\"source\">\n        <div class=\"author\">\n          Name\n        </div>\n        <div class=\"description\">\n          Description\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-testimonial-card/index-mixins\" as index-mixins;\n@use \"comp-scw-testimonial-card/default-mixins\" as default-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-mixins\" as default-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-quote-left-mixins\" as default-testimonial-container-quote-left-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-quote-left-vector-mixins\" as default-testimonial-container-quote-left-vector-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-body-mixins\" as default-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-mixins\" as default-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-author-mixins\" as default-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-description-mixins\" as default-testimonial-container-source-description-mixins;\n@use \"comp-scw-testimonial-card/state-default-mixins\" as state-default-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-mixins\" as state-default-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-quote-left-mixins\" as state-default-testimonial-container-quote-left-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-quote-left-vector-mixins\" as state-default-testimonial-container-quote-left-vector-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-body-mixins\" as state-default-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-mixins\" as state-default-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-author-mixins\" as state-default-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-description-mixins\" as state-default-testimonial-container-source-description-mixins;\n\n.scw-testimonial-card {\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    .testimonial-container {\n      @include default-testimonial-container-mixins.box;\n      @include default-testimonial-container-mixins.figma-autolayout;\n\n      .quote-left {\n        @include default-testimonial-container-quote-left-mixins.box;\n\n        .vector {\n          @include default-testimonial-container-quote-left-vector-mixins.box;\n          @include default-testimonial-container-quote-left-vector-mixins.absolute-layout;\n        }\n      }\n\n      .body {\n        @include default-testimonial-container-body-mixins.text;\n      }\n\n      .source {\n        @include default-testimonial-container-source-mixins.box;\n        @include default-testimonial-container-source-mixins.figma-autolayout;\n\n        .author {\n          @include default-testimonial-container-source-author-mixins.text;\n        }\n\n        .description {\n          @include default-testimonial-container-source-description-mixins.text;\n        }\n      }\n    }\n  }\n\n  .state-default {\n    @include state-default-mixins.box;\n    @include state-default-mixins.figma-autolayout;\n    @include state-default-mixins.absolute-layout;\n\n    .testimonial-container {\n      @include state-default-testimonial-container-mixins.box;\n      @include state-default-testimonial-container-mixins.figma-autolayout;\n\n      .quote-left {\n        @include state-default-testimonial-container-quote-left-mixins.box;\n\n        .vector {\n          @include state-default-testimonial-container-quote-left-vector-mixins.box;\n          @include state-default-testimonial-container-quote-left-vector-mixins.absolute-layout;\n        }\n      }\n\n      .body {\n        @include state-default-testimonial-container-body-mixins.text;\n      }\n\n      .source {\n        @include state-default-testimonial-container-source-mixins.box;\n        @include state-default-testimonial-container-source-mixins.figma-autolayout;\n\n        .author {\n          @include state-default-testimonial-container-source-author-mixins.text;\n        }\n\n        .description {\n          @include state-default-testimonial-container-source-description-mixins.text;\n        }\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-testimonial-card/index-mixins\" as index-mixins;\n@use \"comp-scw-testimonial-card/default-mixins\" as default-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-mixins\" as default-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-quote-left-mixins\" as default-testimonial-container-quote-left-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-quote-left-vector-mixins\" as default-testimonial-container-quote-left-vector-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-body-mixins\" as default-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-mixins\" as default-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-author-mixins\" as default-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-description-mixins\" as default-testimonial-container-source-description-mixins;\n@use \"comp-scw-testimonial-card/state-default-mixins\" as state-default-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-mixins\" as state-default-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-quote-left-mixins\" as state-default-testimonial-container-quote-left-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-quote-left-vector-mixins\" as state-default-testimonial-container-quote-left-vector-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-body-mixins\" as state-default-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-mixins\" as state-default-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-author-mixins\" as state-default-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-description-mixins\" as state-default-testimonial-container-source-description-mixins;\n@use \"comp-scw-testimonial-card/state-image-mixins\" as state-image-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-mixins\" as state-image-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-mixins\" as state-image-testimonial-container-wrapper-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-image-mixins\" as state-image-testimonial-container-wrapper-image-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-body-mixins\" as state-image-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-mixins\" as state-image-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-author-mixins\" as state-image-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-description-mixins\" as state-image-testimonial-container-source-description-mixins;\n\n.scw-testimonial-card {\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    .testimonial-container {\n      @include default-testimonial-container-mixins.box;\n      @include default-testimonial-container-mixins.figma-autolayout;\n\n      .quote-left {\n        @include default-testimonial-container-quote-left-mixins.box;\n\n        .vector {\n          @include default-testimonial-container-quote-left-vector-mixins.box;\n          @include default-testimonial-container-quote-left-vector-mixins.absolute-layout;\n        }\n      }\n\n      .body {\n        @include default-testimonial-container-body-mixins.text;\n      }\n\n      .source {\n        @include default-testimonial-container-source-mixins.box;\n        @include default-testimonial-container-source-mixins.figma-autolayout;\n\n        .author {\n          @include default-testimonial-container-source-author-mixins.text;\n        }\n\n        .description {\n          @include default-testimonial-container-source-description-mixins.text;\n        }\n      }\n    }\n  }\n\n  .state-default {\n    @include state-default-mixins.box;\n    @include state-default-mixins.figma-autolayout;\n    @include state-default-mixins.absolute-layout;\n\n    .testimonial-container {\n      @include state-default-testimonial-container-mixins.box;\n      @include state-default-testimonial-container-mixins.figma-autolayout;\n\n      .quote-left {\n        @include state-default-testimonial-container-quote-left-mixins.box;\n\n        .vector {\n          @include state-default-testimonial-container-quote-left-vector-mixins.box;\n          @include state-default-testimonial-container-quote-left-vector-mixins.absolute-layout;\n        }\n      }\n\n      .body {\n        @include state-default-testimonial-container-body-mixins.text;\n      }\n\n      .source {\n        @include state-default-testimonial-container-source-mixins.box;\n        @include state-default-testimonial-container-source-mixins.figma-autolayout;\n\n        .author {\n          @include state-default-testimonial-container-source-author-mixins.text;\n        }\n\n        .description {\n          @include state-default-testimonial-container-source-description-mixins.text;\n        }\n      }\n    }\n  }\n\n  .state-image {\n    @include state-image-mixins.box;\n    @include state-image-mixins.figma-autolayout;\n    @include state-image-mixins.absolute-layout;\n\n    .testimonial-container {\n      @include state-image-testimonial-container-mixins.box;\n      @include state-image-testimonial-container-mixins.figma-autolayout;\n\n      .wrapper {\n        @include state-image-testimonial-container-wrapper-mixins.box;\n        @include state-image-testimonial-container-wrapper-mixins.figma-autolayout;\n\n        .image {\n          @include state-image-testimonial-container-wrapper-image-mixins.box;\n        }\n      }\n\n      .body {\n        @include state-image-testimonial-container-body-mixins.text;\n      }\n\n      .source {\n        @include state-image-testimonial-container-source-mixins.box;\n        @include state-image-testimonial-container-source-mixins.figma-autolayout;\n\n        .author {\n          @include state-image-testimonial-container-source-author-mixins.text;\n        }\n\n        .description {\n          @include state-image-testimonial-container-source-description-mixins.text;\n        }\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs.json

@@ -34021,11 +34021,11 @@
   },
   "components-scw-testimonial-card": {
     "html": {
-      "output": "<div class=\"scw-testimonial-card\">\n  <div class=\"default\">\n    <div class=\"testimonial-container\">\n      <div class=\"quote-left\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"body\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n      </div>\n      <div class=\"source\">\n        <div class=\"author\">\n          Name\n        </div>\n        <div class=\"description\">\n          Description\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"state-default\">\n    <div class=\"testimonial-container\">\n      <div class=\"quote-left\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"body\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n      </div>\n      <div class=\"source\">\n        <div class=\"author\">\n          Name\n        </div>\n        <div class=\"description\">\n          Description\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
+      "output": "<div class=\"scw-testimonial-card\">\n  <div class=\"default\">\n    <div class=\"testimonial-container\">\n      <div class=\"quote-left\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"body\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n      </div>\n      <div class=\"source\">\n        <div class=\"author\">\n          Name\n        </div>\n        <div class=\"description\">\n          Description\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"state-default\">\n    <div class=\"testimonial-container\">\n      <div class=\"quote-left\">\n        <div class=\"vector\">\n        </div>\n      </div>\n      <div class=\"body\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n      </div>\n      <div class=\"source\">\n        <div class=\"author\">\n          Name\n        </div>\n        <div class=\"description\">\n          Description\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"state-image\">\n    <div class=\"testimonial-container\">\n      <div class=\"wrapper\">\n        <div class=\"image\">\n        </div>\n      </div>\n      <div class=\"body\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n      </div>\n      <div class=\"source\">\n        <div class=\"author\">\n          Name\n        </div>\n        <div class=\"description\">\n          Description\n        </div>\n      </div>\n    </div>\n  </div>\n</div>",
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-testimonial-card/index-mixins\" as index-mixins;\n@use \"comp-scw-testimonial-card/default-mixins\" as default-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-mixins\" as default-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-quote-left-mixins\" as default-testimonial-container-quote-left-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-quote-left-vector-mixins\" as default-testimonial-container-quote-left-vector-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-body-mixins\" as default-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-mixins\" as default-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-author-mixins\" as default-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-description-mixins\" as default-testimonial-container-source-description-mixins;\n@use \"comp-scw-testimonial-card/state-default-mixins\" as state-default-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-mixins\" as state-default-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-quote-left-mixins\" as state-default-testimonial-container-quote-left-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-quote-left-vector-mixins\" as state-default-testimonial-container-quote-left-vector-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-body-mixins\" as state-default-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-mixins\" as state-default-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-author-mixins\" as state-default-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-description-mixins\" as state-default-testimonial-container-source-description-mixins;\n\n.scw-testimonial-card {\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    .testimonial-container {\n      @include default-testimonial-container-mixins.box;\n      @include default-testimonial-container-mixins.figma-autolayout;\n\n      .quote-left {\n        @include default-testimonial-container-quote-left-mixins.box;\n\n        .vector {\n          @include default-testimonial-container-quote-left-vector-mixins.box;\n          @include default-testimonial-container-quote-left-vector-mixins.absolute-layout;\n        }\n      }\n\n      .body {\n        @include default-testimonial-container-body-mixins.text;\n      }\n\n      .source {\n        @include default-testimonial-container-source-mixins.box;\n        @include default-testimonial-container-source-mixins.figma-autolayout;\n\n        .author {\n          @include default-testimonial-container-source-author-mixins.text;\n        }\n\n        .description {\n          @include default-testimonial-container-source-description-mixins.text;\n        }\n      }\n    }\n  }\n\n  .state-default {\n    @include state-default-mixins.box;\n    @include state-default-mixins.figma-autolayout;\n    @include state-default-mixins.absolute-layout;\n\n    .testimonial-container {\n      @include state-default-testimonial-container-mixins.box;\n      @include state-default-testimonial-container-mixins.figma-autolayout;\n\n      .quote-left {\n        @include state-default-testimonial-container-quote-left-mixins.box;\n\n        .vector {\n          @include state-default-testimonial-container-quote-left-vector-mixins.box;\n          @include state-default-testimonial-container-quote-left-vector-mixins.absolute-layout;\n        }\n      }\n\n      .body {\n        @include state-default-testimonial-container-body-mixins.text;\n      }\n\n      .source {\n        @include state-default-testimonial-container-source-mixins.box;\n        @include state-default-testimonial-container-source-mixins.figma-autolayout;\n\n        .author {\n          @include state-default-testimonial-container-source-author-mixins.text;\n        }\n\n        .description {\n          @include state-default-testimonial-container-source-description-mixins.text;\n        }\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-testimonial-card/index-mixins\" as index-mixins;\n@use \"comp-scw-testimonial-card/default-mixins\" as default-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-mixins\" as default-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-quote-left-mixins\" as default-testimonial-container-quote-left-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-quote-left-vector-mixins\" as default-testimonial-container-quote-left-vector-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-body-mixins\" as default-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-mixins\" as default-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-author-mixins\" as default-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/default-testimonial-container-source-description-mixins\" as default-testimonial-container-source-description-mixins;\n@use \"comp-scw-testimonial-card/state-default-mixins\" as state-default-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-mixins\" as state-default-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-quote-left-mixins\" as state-default-testimonial-container-quote-left-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-quote-left-vector-mixins\" as state-default-testimonial-container-quote-left-vector-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-body-mixins\" as state-default-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-mixins\" as state-default-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-author-mixins\" as state-default-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-description-mixins\" as state-default-testimonial-container-source-description-mixins;\n@use \"comp-scw-testimonial-card/state-image-mixins\" as state-image-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-mixins\" as state-image-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-mixins\" as state-image-testimonial-container-wrapper-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-image-mixins\" as state-image-testimonial-container-wrapper-image-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-body-mixins\" as state-image-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-mixins\" as state-image-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-author-mixins\" as state-image-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-description-mixins\" as state-image-testimonial-container-source-description-mixins;\n\n.scw-testimonial-card {\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    .testimonial-container {\n      @include default-testimonial-container-mixins.box;\n      @include default-testimonial-container-mixins.figma-autolayout;\n\n      .quote-left {\n        @include default-testimonial-container-quote-left-mixins.box;\n\n        .vector {\n          @include default-testimonial-container-quote-left-vector-mixins.box;\n          @include default-testimonial-container-quote-left-vector-mixins.absolute-layout;\n        }\n      }\n\n      .body {\n        @include default-testimonial-container-body-mixins.text;\n      }\n\n      .source {\n        @include default-testimonial-container-source-mixins.box;\n        @include default-testimonial-container-source-mixins.figma-autolayout;\n\n        .author {\n          @include default-testimonial-container-source-author-mixins.text;\n        }\n\n        .description {\n          @include default-testimonial-container-source-description-mixins.text;\n        }\n      }\n    }\n  }\n\n  .state-default {\n    @include state-default-mixins.box;\n    @include state-default-mixins.figma-autolayout;\n    @include state-default-mixins.absolute-layout;\n\n    .testimonial-container {\n      @include state-default-testimonial-container-mixins.box;\n      @include state-default-testimonial-container-mixins.figma-autolayout;\n\n      .quote-left {\n        @include state-default-testimonial-container-quote-left-mixins.box;\n\n        .vector {\n          @include state-default-testimonial-container-quote-left-vector-mixins.box;\n          @include state-default-testimonial-container-quote-left-vector-mixins.absolute-layout;\n        }\n      }\n\n      .body {\n        @include state-default-testimonial-container-body-mixins.text;\n      }\n\n      .source {\n        @include state-default-testimonial-container-source-mixins.box;\n        @include state-default-testimonial-container-source-mixins.figma-autolayout;\n\n        .author {\n          @include state-default-testimonial-container-source-author-mixins.text;\n        }\n\n        .description {\n          @include state-default-testimonial-container-source-description-mixins.text;\n        }\n      }\n    }\n  }\n\n  .state-image {\n    @include state-image-mixins.box;\n    @include state-image-mixins.figma-autolayout;\n    @include state-image-mixins.absolute-layout;\n\n    .testimonial-container {\n      @include state-image-testimonial-container-mixins.box;\n      @include state-image-testimonial-container-mixins.figma-autolayout;\n\n      .wrapper {\n        @include state-image-testimonial-container-wrapper-mixins.box;\n        @include state-image-testimonial-container-wrapper-mixins.figma-autolayout;\n\n        .image {\n          @include state-image-testimonial-container-wrapper-image-mixins.box;\n        }\n      }\n\n      .body {\n        @include state-image-testimonial-container-body-mixins.text;\n      }\n\n      .source {\n        @include state-image-testimonial-container-source-mixins.box;\n        @include state-image-testimonial-container-source-mixins.figma-autolayout;\n\n        .author {\n          @include state-image-testimonial-container-source-author-mixins.text;\n        }\n\n        .description {\n          @include state-image-testimonial-container-source-description-mixins.text;\n        }\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -34188,5 +34188,85 @@
       "output": "@use \"comp-scw-testimonial-card/state-default-testimonial-container-source-description-mixins\" as state-default-testimonial-container-source-description-mixins;\n\n.description {\n  @include state-default-testimonial-container-source-description-mixins.text;\n}",
       "example": ""
     }
+  },
+  "components-scw-testimonial-card-state-image": {
+    "html": {
+      "output": "<div class=\"state-image\">\n  <div class=\"testimonial-container\">\n    <div class=\"wrapper\">\n      <div class=\"image\">\n      </div>\n    </div>\n    <div class=\"body\">\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n    </div>\n    <div class=\"source\">\n      <div class=\"author\">\n        Name\n      </div>\n      <div class=\"description\">\n        Description\n      </div>\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-testimonial-card/state-image-mixins\" as state-image-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-mixins\" as state-image-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-mixins\" as state-image-testimonial-container-wrapper-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-image-mixins\" as state-image-testimonial-container-wrapper-image-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-body-mixins\" as state-image-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-mixins\" as state-image-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-author-mixins\" as state-image-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-description-mixins\" as state-image-testimonial-container-source-description-mixins;\n\n.state-image {\n  @include state-image-mixins.box;\n  @include state-image-mixins.figma-autolayout;\n\n  .testimonial-container {\n    @include state-image-testimonial-container-mixins.box;\n    @include state-image-testimonial-container-mixins.figma-autolayout;\n\n    .wrapper {\n      @include state-image-testimonial-container-wrapper-mixins.box;\n      @include state-image-testimonial-container-wrapper-mixins.figma-autolayout;\n\n      .image {\n        @include state-image-testimonial-container-wrapper-image-mixins.box;\n      }\n    }\n\n    .body {\n      @include state-image-testimonial-container-body-mixins.text;\n    }\n\n    .source {\n      @include state-image-testimonial-container-source-mixins.box;\n      @include state-image-testimonial-container-source-mixins.figma-autolayout;\n\n      .author {\n        @include state-image-testimonial-container-source-author-mixins.text;\n      }\n\n      .description {\n        @include state-image-testimonial-container-source-description-mixins.text;\n      }\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-testimonial-card-state-image-testimonial-container": {
+    "html": {
+      "output": "<div class=\"testimonial-container\">\n  <div class=\"wrapper\">\n    <div class=\"image\">\n    </div>\n  </div>\n  <div class=\"body\">\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n  </div>\n  <div class=\"source\">\n    <div class=\"author\">\n      Name\n    </div>\n    <div class=\"description\">\n      Description\n    </div>\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-mixins\" as state-image-testimonial-container-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-mixins\" as state-image-testimonial-container-wrapper-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-image-mixins\" as state-image-testimonial-container-wrapper-image-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-body-mixins\" as state-image-testimonial-container-body-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-mixins\" as state-image-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-author-mixins\" as state-image-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-description-mixins\" as state-image-testimonial-container-source-description-mixins;\n\n.testimonial-container {\n  @include state-image-testimonial-container-mixins.box;\n  @include state-image-testimonial-container-mixins.figma-autolayout;\n\n  .wrapper {\n    @include state-image-testimonial-container-wrapper-mixins.box;\n    @include state-image-testimonial-container-wrapper-mixins.figma-autolayout;\n\n    .image {\n      @include state-image-testimonial-container-wrapper-image-mixins.box;\n    }\n  }\n\n  .body {\n    @include state-image-testimonial-container-body-mixins.text;\n  }\n\n  .source {\n    @include state-image-testimonial-container-source-mixins.box;\n    @include state-image-testimonial-container-source-mixins.figma-autolayout;\n\n    .author {\n      @include state-image-testimonial-container-source-author-mixins.text;\n    }\n\n    .description {\n      @include state-image-testimonial-container-source-description-mixins.text;\n    }\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-testimonial-card-state-image-testimonial-container-wrapper": {
+    "html": {
+      "output": "<div class=\"wrapper\">\n  <div class=\"image\">\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-mixins\" as state-image-testimonial-container-wrapper-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-image-mixins\" as state-image-testimonial-container-wrapper-image-mixins;\n\n.wrapper {\n  @include state-image-testimonial-container-wrapper-mixins.box;\n  @include state-image-testimonial-container-wrapper-mixins.figma-autolayout;\n\n  .image {\n    @include state-image-testimonial-container-wrapper-image-mixins.box;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-testimonial-card-state-image-testimonial-container-wrapper-image": {
+    "html": {
+      "output": "<div class=\"image\">\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-wrapper-image-mixins\" as state-image-testimonial-container-wrapper-image-mixins;\n\n.image {\n  @include state-image-testimonial-container-wrapper-image-mixins.box;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-testimonial-card-state-image-testimonial-container-body": {
+    "html": {
+      "output": "<div class=\"body\">\n  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-body-mixins\" as state-image-testimonial-container-body-mixins;\n\n.body {\n  @include state-image-testimonial-container-body-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-testimonial-card-state-image-testimonial-container-source": {
+    "html": {
+      "output": "<div class=\"source\">\n  <div class=\"author\">\n    Name\n  </div>\n  <div class=\"description\">\n    Description\n  </div>\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-mixins\" as state-image-testimonial-container-source-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-author-mixins\" as state-image-testimonial-container-source-author-mixins;\n@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-description-mixins\" as state-image-testimonial-container-source-description-mixins;\n\n.source {\n  @include state-image-testimonial-container-source-mixins.box;\n  @include state-image-testimonial-container-source-mixins.figma-autolayout;\n\n  .author {\n    @include state-image-testimonial-container-source-author-mixins.text;\n  }\n\n  .description {\n    @include state-image-testimonial-container-source-description-mixins.text;\n  }\n}",
+      "example": ""
+    }
+  },
+  "components-scw-testimonial-card-state-image-testimonial-container-source-author": {
+    "html": {
+      "output": "<div class=\"author\">\n  Name\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-author-mixins\" as state-image-testimonial-container-source-author-mixins;\n\n.author {\n  @include state-image-testimonial-container-source-author-mixins.text;\n}",
+      "example": ""
+    }
+  },
+  "components-scw-testimonial-card-state-image-testimonial-container-source-description": {
+    "html": {
+      "output": "<div class=\"description\">\n  Description\n</div>",
+      "example": ""
+    },
+    "scss": {
+      "output": "@use \"comp-scw-testimonial-card/state-image-testimonial-container-source-description-mixins\" as state-image-testimonial-container-source-description-mixins;\n\n.description {\n  @include state-image-testimonial-container-source-description-mixins.text;\n}",
+      "example": ""
+    }
   }
 }

package/dist/tokens/source/jsCss.js

@@ -3,7 +3,7 @@
   
     constructor (config) {// version, extraCssPromise, config ) {
       this.prefix = 'scw';// dynamic
-      this.buildUUID = '3c068e5b-44bd-4c04-bbe0-371c067f7209';// dynamic
+      this.buildUUID = '76741c48-787d-4349-baa5-41fe3642f684';// dynamic
 
       this.generator = false;
       this.initialized = false;