scu-web-components 1.2.4 → 1.2.5

package/dist/tokens/source/scssVariables/components-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-.json

@@ -15,13 +15,13 @@
     "outputSegmentRef": "state-default-testimonial-container-quote-left-vector-vars.$blend-mode"
   },
   "width": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-width: 41.6667px;",
-    "outputSegment": "$width: 41.6667px;",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-width: 33.3333px;",
+    "outputSegment": "$width: 33.3333px;",
     "outputSegmentRef": "state-default-testimonial-container-quote-left-vector-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-height: 29.7619px;",
-    "outputSegment": "$height: 29.7619px;",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-height: 23.8095px;",
+    "outputSegment": "$height: 23.8095px;",
     "outputSegmentRef": "state-default-testimonial-container-quote-left-vector-vars.$height"
   },
   "constraint-horizontal": {
@@ -75,8 +75,8 @@
     "outputSegmentRef": "state-default-testimonial-container-quote-left-vector-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-top: var( --scw-spacing-1 );",
-    "outputSegment": "$top: var( --scw-spacing-1 );",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-top: calc( var( --scw-spacing-1 ) * 0.8 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.8 );",
     "outputSegmentRef": "state-default-testimonial-container-quote-left-vector-vars.$top"
   },
   "top-percent": {
@@ -85,13 +85,13 @@
     "outputSegmentRef": "state-default-testimonial-container-quote-left-vector-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-bottom: calc( var( --scw-spacing-1 ) * 1.0238094329833984 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.0238094329833984 );",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8190475463867187 );",
     "outputSegmentRef": "state-default-testimonial-container-quote-left-vector-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-left: calc( var( --scw-spacing-1 ) * 0.33330078125 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.33330078125 );",
     "outputSegmentRef": "state-default-testimonial-container-quote-left-vector-vars.$left"
   },
   "left-percent": {
@@ -100,8 +100,8 @@
     "outputSegmentRef": "state-default-testimonial-container-quote-left-vector-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-right: calc( var( --scw-spacing-1 ) * 0.41663436889648436 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.41663436889648436 );",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-quote-left-vector-right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.33336563110351564 );",
     "outputSegmentRef": "state-default-testimonial-container-quote-left-vector-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-testimonial-card-state-default-testimonial-container-source-.json

@@ -15,8 +15,8 @@
     "outputSegmentRef": "state-default-testimonial-container-source-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-height: 50px;",
-    "outputSegment": "$height: 50px;",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-height: 47px;",
+    "outputSegment": "$height: 47px;",
     "outputSegmentRef": "state-default-testimonial-container-source-vars.$height"
   },
   "constraint-horizontal": {
@@ -70,13 +70,13 @@
     "outputSegmentRef": "state-default-testimonial-container-source-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-top: calc( var( --scw-spacing-1 ) * 23 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 23 );",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-top: calc( var( --scw-spacing-1 ) * 23.3 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 23.3 );",
     "outputSegmentRef": "state-default-testimonial-container-source-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-top-percent: 85%;",
-    "outputSegment": "$top-percent: 85%;",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-top-percent: 85.5%;",
+    "outputSegment": "$top-percent: 85.5%;",
     "outputSegmentRef": "state-default-testimonial-container-source-vars.$top-percent"
   },
   "bottom": {

package/dist/tokens/source/scssVariables/components-scw-testimonial-card-state-default-testimonial-container-source-author-.json

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$characters"
   },
   "font-size": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-font-size: 1.125rem;",
-    "outputSegment": "$font-size: 1.125rem;",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-font-size: 1rem;",
+    "outputSegment": "$font-size: 1rem;",
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$font-size"
   },
   "text-align-horizontal": {
@@ -40,13 +40,13 @@
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$font-family"
   },
   "font-weight": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-font-weight: 600;",
-    "outputSegment": "$font-weight: 600;",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-font-weight: 400;",
+    "outputSegment": "$font-weight: 400;",
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-line-height: 1.688rem;",
-    "outputSegment": "$line-height: 1.688rem;",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-line-height: 1.5rem;",
+    "outputSegment": "$line-height: 1.5rem;",
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$line-height"
   },
   "letter-spacing": {
@@ -55,8 +55,8 @@
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$letter-spacing"
   },
   "font": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-font: var( --scw-type-text-semibold-font );",
-    "outputSegment": "$font: var( --scw-type-text-semibold-font );",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-font: var( --scw-type-text-04-font );",
+    "outputSegment": "$font: var( --scw-type-text-04-font );",
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$font"
   },
   "width": {
@@ -65,8 +65,8 @@
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-height: 27px;",
-    "outputSegment": "$height: 27px;",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-height: 24px;",
+    "outputSegment": "$height: 24px;",
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$height"
   },
   "constraint-horizontal": {
@@ -125,8 +125,8 @@
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-top-percent: 27%;",
-    "outputSegment": "$top-percent: 27%;",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-author-top-percent: 25.53%;",
+    "outputSegment": "$top-percent: 25.53%;",
     "outputSegmentRef": "state-default-testimonial-container-source-author-vars.$top-percent"
   },
   "bottom": {

package/dist/tokens/source/scssVariables/components-scw-testimonial-card-state-default-testimonial-container-source-description-.json

@@ -120,13 +120,13 @@
     "outputSegmentRef": "state-default-testimonial-container-source-description-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-description-top: calc( var( --scw-spacing-1 ) * 2.7 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 2.7 );",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-description-top: calc( var( --scw-spacing-1 ) * 2.4 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 2.4 );",
     "outputSegmentRef": "state-default-testimonial-container-source-description-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-description-top-percent: 77%;",
-    "outputSegment": "$top-percent: 77%;",
+    "output": "$comp-scw-testimonial-card-state-default-testimonial-container-source-description-top-percent: 75.53%;",
+    "outputSegment": "$top-percent: 75.53%;",
     "outputSegmentRef": "state-default-testimonial-container-source-description-vars.$top-percent"
   },
   "bottom": {

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

@@ -0,0 +1,122 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-testimonial-card/state-image-vars",
+    "namespace": "state-image-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-testimonial-card-state-image-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "state-image-vars.$background-color"
+  },
+  "width": {
+    "output": "$comp-scw-testimonial-card-state-image-width: 360px;",
+    "outputSegment": "$width: 360px;",
+    "outputSegmentRef": "state-image-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-testimonial-card-state-image-height: 300px;",
+    "outputSegment": "$height: 300px;",
+    "outputSegmentRef": "state-image-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-testimonial-card-state-image-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "state-image-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-testimonial-card-state-image-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "state-image-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-testimonial-card-state-image-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "state-image-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-testimonial-card-state-image-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "state-image-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-testimonial-card-state-image-layout-mode: VERTICAL;",
+    "outputSegment": "$layout-mode: VERTICAL;",
+    "outputSegmentRef": "state-image-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-testimonial-card-state-image-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "state-image-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-testimonial-card-state-image-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "state-image-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-testimonial-card-state-image-item-spacing: calc( var( --scw-spacing-1 ) * 2.5 );",
+    "outputSegment": "$item-spacing: calc( var( --scw-spacing-1 ) * 2.5 );",
+    "outputSegmentRef": "state-image-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-testimonial-card-state-image-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "state-image-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-testimonial-card-state-image-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "state-image-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-testimonial-card-state-image-top: calc( var( --scw-spacing-1 ) * 1.75 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.75 );",
+    "outputSegmentRef": "state-image-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-testimonial-card-state-image-top-percent: 47.99%;",
+    "outputSegment": "$top-percent: 47.99%;",
+    "outputSegmentRef": "state-image-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-testimonial-card-state-image-bottom: calc( var( --scw-spacing-1 ) * 3.15 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 3.15 );",
+    "outputSegmentRef": "state-image-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-testimonial-card-state-image-left: calc( var( --scw-spacing-1 ) * 86.4 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 86.4 );",
+    "outputSegmentRef": "state-image-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-testimonial-card-state-image-left-percent: 83.92%;",
+    "outputSegment": "$left-percent: 83.92%;",
+    "outputSegmentRef": "state-image-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-testimonial-card-state-image-right: var( --scw-spacing-2 );",
+    "outputSegment": "$right: var( --scw-spacing-2 );",
+    "outputSegmentRef": "state-image-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-testimonial-card-state-image-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "state-image-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-testimonial-card-state-image-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "state-image-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-testimonial-card-state-image-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "state-image-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-testimonial-card-state-image-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "state-image-vars.$padding-bottom"
+  }
+}

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

@@ -0,0 +1,177 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-testimonial-card/state-image-testimonial-container-vars",
+    "namespace": "state-image-testimonial-container-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-background-color: var( --scw-color-grey-10 );",
+    "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$blend-mode"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-corner-radius-top-left: 10px;",
+    "outputSegment": "$corner-radius-top-left: 10px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-corner-radius-top-right: 10px;",
+    "outputSegment": "$corner-radius-top-right: 10px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-corner-radius-bottom-right: 10px;",
+    "outputSegment": "$corner-radius-bottom-right: 10px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-corner-radius-bottom-left: 10px;",
+    "outputSegment": "$corner-radius-bottom-left: 10px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$corner-radius-bottom-left"
+  },
+  "shadow-color": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-shadow-color: rgba(0,0,0,0.09);",
+    "outputSegment": "$shadow-color: rgba(0,0,0,0.09);",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$shadow-color"
+  },
+  "shadow-offset-x": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-shadow-offset-x: 0px;",
+    "outputSegment": "$shadow-offset-x: 0px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$shadow-offset-x"
+  },
+  "shadow-offset-y": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-shadow-offset-y: 2px;",
+    "outputSegment": "$shadow-offset-y: 2px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$shadow-offset-y"
+  },
+  "shadow-radius": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-shadow-radius: 19px;",
+    "outputSegment": "$shadow-radius: 19px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$shadow-radius"
+  },
+  "shadow-spread": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-shadow-spread: 0px;",
+    "outputSegment": "$shadow-spread: 0px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$shadow-spread"
+  },
+  "shadow": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-shadow: 0px 2px 19px 0px rgba(0,0,0,0.09);",
+    "outputSegment": "$shadow: 0px 2px 19px 0px rgba(0,0,0,0.09);",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$shadow"
+  },
+  "width": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-width: 360px;",
+    "outputSegment": "$width: 360px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-height: 300px;",
+    "outputSegment": "$height: 300px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-layout-mode: VERTICAL;",
+    "outputSegment": "$layout-mode: VERTICAL;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-counter-axis-align-items: CENTER;",
+    "outputSegment": "$counter-axis-align-items: CENTER;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-item-spacing: var( --scw-spacing-2 );",
+    "outputSegment": "$item-spacing: var( --scw-spacing-2 );",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-layout-align: STRETCH;",
+    "outputSegment": "$layout-align: STRETCH;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-layout-grow: 1;",
+    "outputSegment": "$layout-grow: 1;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-padding-left: var( --scw-spacing-3 );",
+    "outputSegment": "$padding-left: var( --scw-spacing-3 );",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-padding-right: var( --scw-spacing-3 );",
+    "outputSegment": "$padding-right: var( --scw-spacing-3 );",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-padding-top: var( --scw-spacing-2 );",
+    "outputSegment": "$padding-top: var( --scw-spacing-2 );",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-padding-bottom: var( --scw-spacing-2 );",
+    "outputSegment": "$padding-bottom: var( --scw-spacing-2 );",
+    "outputSegmentRef": "state-image-testimonial-container-vars.$padding-bottom"
+  }
+}

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

@@ -0,0 +1,157 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-testimonial-card/state-image-testimonial-container-body-vars",
+    "namespace": "state-image-testimonial-container-body-vars"
+  },
+  "characters": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-characters: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.';",
+    "outputSegment": "$characters: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit, eros vel malesuada aliquet, sapien felis cursus eros, sit amet elementum nulla justo.';",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$characters"
+  },
+  "font-size": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-font-size: 1rem;",
+    "outputSegment": "$font-size: 1rem;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$font-size"
+  },
+  "text-align-horizontal": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-text-align-horizontal: CENTER;",
+    "outputSegment": "$text-align-horizontal: CENTER;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$text-align-horizontal"
+  },
+  "text-align-vertical": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-text-align-vertical: CENTER;",
+    "outputSegment": "$text-align-vertical: CENTER;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$text-align-vertical"
+  },
+  "text-transform": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-text-transform: none;",
+    "outputSegment": "$text-transform: none;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$text-transform"
+  },
+  "color": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-color: var( --scw-color-grey-02 );",
+    "outputSegment": "$color: var( --scw-color-grey-02 );",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$color"
+  },
+  "font-family": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-font-family: 'Proxima Nova';",
+    "outputSegment": "$font-family: 'Proxima Nova';",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$font-family"
+  },
+  "font-weight": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-font-weight: 700;",
+    "outputSegment": "$font-weight: 700;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$font-weight"
+  },
+  "line-height": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-line-height: 1.5rem;",
+    "outputSegment": "$line-height: 1.5rem;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$line-height"
+  },
+  "letter-spacing": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-letter-spacing: 0rem;",
+    "outputSegment": "$letter-spacing: 0rem;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$letter-spacing"
+  },
+  "font": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-font: var( --scw-type-text-bold-04-font );",
+    "outputSegment": "$font: var( --scw-type-text-bold-04-font );",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$font"
+  },
+  "width": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-width: 300px;",
+    "outputSegment": "$width: 300px;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-height: 93px;",
+    "outputSegment": "$height: 93px;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-layout-align: STRETCH;",
+    "outputSegment": "$layout-align: STRETCH;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-layout-grow: 1;",
+    "outputSegment": "$layout-grow: 1;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-top: var( --scw-spacing-12 );",
+    "outputSegment": "$top: var( --scw-spacing-12 );",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-top-percent: 55.5%;",
+    "outputSegment": "$top-percent: 55.5%;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-bottom: calc( var( --scw-spacing-1 ) * 8.7 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 8.7 );",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-left: var( --scw-spacing-3 );",
+    "outputSegment": "$left: var( --scw-spacing-3 );",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-right: var( --scw-spacing-3 );",
+    "outputSegment": "$right: var( --scw-spacing-3 );",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$right"
+  },
+  "margin-bottom": {
+    "output": "$comp-scw-testimonial-card-state-image-testimonial-container-body-margin-bottom: 0px;",
+    "outputSegment": "$margin-bottom: 0px;",
+    "outputSegmentRef": "state-image-testimonial-container-body-vars.$margin-bottom"
+  }
+}