scu-web-components 0.0.46 → 0.0.47

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

@@ -0,0 +1,127 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/focused-page-3-vars",
+    "namespace": "focused-page-3-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-focused-page-3-background-color: rgba(255,255,255,1);",
+    "outputSegment": "$background-color: rgba(255,255,255,1);",
+    "outputSegmentRef": "focused-page-3-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-focused-page-3-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "focused-page-3-vars.$blend-mode"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-focused-page-3-width: 154px;",
+    "outputSegment": "$width: 154px;",
+    "outputSegmentRef": "focused-page-3-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-focused-page-3-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "focused-page-3-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-focused-page-3-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "focused-page-3-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-focused-page-3-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "focused-page-3-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-focused-page-3-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "focused-page-3-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-focused-page-3-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "focused-page-3-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-focused-page-3-layout-mode: HORIZONTAL;",
+    "outputSegment": "$layout-mode: HORIZONTAL;",
+    "outputSegmentRef": "focused-page-3-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-focused-page-3-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "focused-page-3-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-focused-page-3-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "focused-page-3-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-focused-page-3-item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+    "outputSegment": "$item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+    "outputSegmentRef": "focused-page-3-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-focused-page-3-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "focused-page-3-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-focused-page-3-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "focused-page-3-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-focused-page-3-top: var( --scw-spacing-8 );",
+    "outputSegment": "$top: var( --scw-spacing-8 );",
+    "outputSegmentRef": "focused-page-3-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-focused-page-3-top-percent: 60.71%;",
+    "outputSegment": "$top-percent: 60.71%;",
+    "outputSegmentRef": "focused-page-3-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-focused-page-3-bottom: var( --scw-spacing-5 );",
+    "outputSegment": "$bottom: var( --scw-spacing-5 );",
+    "outputSegmentRef": "focused-page-3-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-focused-page-3-left: var( --scw-spacing-2 );",
+    "outputSegment": "$left: var( --scw-spacing-2 );",
+    "outputSegmentRef": "focused-page-3-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-focused-page-3-left-percent: 46.86%;",
+    "outputSegment": "$left-percent: 46.86%;",
+    "outputSegmentRef": "focused-page-3-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-focused-page-3-right: calc( var( --scw-spacing-1 ) * 3.3 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.3 );",
+    "outputSegmentRef": "focused-page-3-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-focused-page-3-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "focused-page-3-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-focused-page-3-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "focused-page-3-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-focused-page-3-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "focused-page-3-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-focused-page-3-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "focused-page-3-vars.$padding-bottom"
+  }
+}

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

@@ -0,0 +1,132 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-vars",
+    "namespace": "focused-page-3-scw-stepper-item-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-background-color: rgba(255,255,255,1);",
+    "outputSegment": "$background-color: rgba(255,255,255,1);",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$blend-mode"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-width: 10px;",
+    "outputSegment": "$width: 10px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-left-percent: 3.25%;",
+    "outputSegment": "$left-percent: 3.25%;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-right: calc( var( --scw-spacing-1 ) * 14.4 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 14.4 );",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$padding-bottom"
+  },
+  "margin-right": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-margin-right: 0px;",
+    "outputSegment": "$margin-right: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-vars.$margin-right"
+  }
+}

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

@@ -0,0 +1,147 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/focused-page-3-scw-stepper-item-circle-vars",
+    "namespace": "focused-page-3-scw-stepper-item-circle-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-background-color: var( --scw-color-grey-092 );",
+    "outputSegment": "$background-color: var( --scw-color-grey-092 );",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$blend-mode"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-corner-radius-top-left: 50%;",
+    "outputSegment": "$corner-radius-top-left: 50%;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-corner-radius-top-right: 50%;",
+    "outputSegment": "$corner-radius-top-right: 50%;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-corner-radius-bottom-right: 50%;",
+    "outputSegment": "$corner-radius-bottom-right: 50%;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-corner-radius-bottom-left: 50%;",
+    "outputSegment": "$corner-radius-bottom-left: 50%;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-width: 10px;",
+    "outputSegment": "$width: 10px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-constraint-horizontal: STRETCH;",
+    "outputSegment": "$constraint-horizontal: STRETCH;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-constraint-vertical: STRETCH;",
+    "outputSegment": "$constraint-vertical: STRETCH;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-focused-page-3-scw-stepper-item-circle-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "focused-page-3-scw-stepper-item-circle-vars.$padding-bottom"
+  }
+}

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

@@ -0,0 +1,127 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/focused-page-4-vars",
+    "namespace": "focused-page-4-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-focused-page-4-background-color: rgba(255,255,255,1);",
+    "outputSegment": "$background-color: rgba(255,255,255,1);",
+    "outputSegmentRef": "focused-page-4-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-focused-page-4-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "focused-page-4-vars.$blend-mode"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-focused-page-4-width: 154px;",
+    "outputSegment": "$width: 154px;",
+    "outputSegmentRef": "focused-page-4-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-focused-page-4-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "focused-page-4-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-focused-page-4-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "focused-page-4-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-focused-page-4-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "focused-page-4-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-focused-page-4-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "focused-page-4-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-focused-page-4-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "focused-page-4-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-focused-page-4-layout-mode: HORIZONTAL;",
+    "outputSegment": "$layout-mode: HORIZONTAL;",
+    "outputSegmentRef": "focused-page-4-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-focused-page-4-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "focused-page-4-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-focused-page-4-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "focused-page-4-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-focused-page-4-item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+    "outputSegment": "$item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );",
+    "outputSegmentRef": "focused-page-4-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-focused-page-4-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "focused-page-4-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-focused-page-4-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "focused-page-4-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-focused-page-4-top: var( --scw-spacing-11 );",
+    "outputSegment": "$top: var( --scw-spacing-11 );",
+    "outputSegmentRef": "focused-page-4-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-focused-page-4-top-percent: 82.14%;",
+    "outputSegment": "$top-percent: 82.14%;",
+    "outputSegmentRef": "focused-page-4-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-focused-page-4-bottom: var( --scw-spacing-2 );",
+    "outputSegment": "$bottom: var( --scw-spacing-2 );",
+    "outputSegmentRef": "focused-page-4-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-focused-page-4-left: var( --scw-spacing-2 );",
+    "outputSegment": "$left: var( --scw-spacing-2 );",
+    "outputSegmentRef": "focused-page-4-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-focused-page-4-left-percent: 46.86%;",
+    "outputSegment": "$left-percent: 46.86%;",
+    "outputSegmentRef": "focused-page-4-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-focused-page-4-right: calc( var( --scw-spacing-1 ) * 3.3 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.3 );",
+    "outputSegmentRef": "focused-page-4-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-focused-page-4-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "focused-page-4-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-focused-page-4-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "focused-page-4-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-focused-page-4-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "focused-page-4-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-focused-page-4-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "focused-page-4-vars.$padding-bottom"
+  }
+}