scu-web-components 0.0.1

package/dist/tokens/source/scssVariables/components-scw-card-size-medium-.json

@@ -0,0 +1,127 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-card/size-medium-vars",
+    "namespace": "size-medium-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-card-size-medium-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "size-medium-vars.$background-color"
+  },
+  "width": {
+    "output": "$comp-scw-card-size-medium-width: 414px;",
+    "outputSegment": "$width: 414px;",
+    "outputSegmentRef": "size-medium-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-card-size-medium-height: 288px;",
+    "outputSegment": "$height: 288px;",
+    "outputSegmentRef": "size-medium-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-card-size-medium-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "size-medium-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-card-size-medium-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "size-medium-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-card-size-medium-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "size-medium-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-card-size-medium-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "size-medium-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-card-size-medium-layout-mode: VERTICAL;",
+    "outputSegment": "$layout-mode: VERTICAL;",
+    "outputSegmentRef": "size-medium-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-card-size-medium-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "size-medium-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-card-size-medium-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "size-medium-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-card-size-medium-item-spacing: var( --spacing-1 );",
+    "outputSegment": "$item-spacing: var( --spacing-1 );",
+    "outputSegmentRef": "size-medium-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-card-size-medium-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "size-medium-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-card-size-medium-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "size-medium-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-card-size-medium-top: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegment": "$top: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegmentRef": "size-medium-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-card-size-medium-top-percent: 31.6%;",
+    "outputSegment": "$top-percent: 31.6%;",
+    "outputSegmentRef": "size-medium-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-card-size-medium-bottom: calc( var( --spacing-1 ) * 26.375 );",
+    "outputSegment": "$bottom: calc( var( --spacing-1 ) * 26.375 );",
+    "outputSegmentRef": "size-medium-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-card-size-medium-left: calc( var( --spacing-1 ) * 87 );",
+    "outputSegment": "$left: calc( var( --spacing-1 ) * 87 );",
+    "outputSegmentRef": "size-medium-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-card-size-medium-left-percent: 66.25%;",
+    "outputSegment": "$left-percent: 66.25%;",
+    "outputSegmentRef": "size-medium-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-card-size-medium-right: calc( var( --spacing-1 ) * 31.625 );",
+    "outputSegment": "$right: calc( var( --spacing-1 ) * 31.625 );",
+    "outputSegmentRef": "size-medium-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-card-size-medium-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "size-medium-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-card-size-medium-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "size-medium-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-card-size-medium-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "size-medium-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-card-size-medium-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "size-medium-vars.$padding-bottom"
+  },
+  "margin-right": {
+    "output": "$comp-scw-card-size-medium-margin-right: var( --spacing-1 );",
+    "outputSegment": "$margin-right: var( --spacing-1 );",
+    "outputSegmentRef": "size-medium-vars.$margin-right"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-card-size-medium-description-.json

@@ -0,0 +1,147 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-card/size-medium-description-vars",
+    "namespace": "size-medium-description-vars"
+  },
+  "characters": {
+    "output": "$comp-scw-card-size-medium-description-characters: '{description}';",
+    "outputSegment": "$characters: '{description}';",
+    "outputSegmentRef": "size-medium-description-vars.$characters"
+  },
+  "font-size": {
+    "output": "$comp-scw-card-size-medium-description-font-size: var( --type-text-font-size );",
+    "outputSegment": "$font-size: var( --type-text-font-size );",
+    "outputSegmentRef": "size-medium-description-vars.$font-size"
+  },
+  "text-align-horizontal": {
+    "output": "$comp-scw-card-size-medium-description-text-align-horizontal: LEFT;",
+    "outputSegment": "$text-align-horizontal: LEFT;",
+    "outputSegmentRef": "size-medium-description-vars.$text-align-horizontal"
+  },
+  "text-align-vertical": {
+    "output": "$comp-scw-card-size-medium-description-text-align-vertical: TOP;",
+    "outputSegment": "$text-align-vertical: TOP;",
+    "outputSegmentRef": "size-medium-description-vars.$text-align-vertical"
+  },
+  "text-transform": {
+    "output": "$comp-scw-card-size-medium-description-text-transform: var( --type-text-text-transform );",
+    "outputSegment": "$text-transform: var( --type-text-text-transform );",
+    "outputSegmentRef": "size-medium-description-vars.$text-transform"
+  },
+  "color": {
+    "output": "$comp-scw-card-size-medium-description-color: var( --color-grey-02-color );",
+    "outputSegment": "$color: var( --color-grey-02-color );",
+    "outputSegmentRef": "size-medium-description-vars.$color"
+  },
+  "font-family": {
+    "output": "$comp-scw-card-size-medium-description-font-family: var( --type-text-font-family );",
+    "outputSegment": "$font-family: var( --type-text-font-family );",
+    "outputSegmentRef": "size-medium-description-vars.$font-family"
+  },
+  "font-weight": {
+    "output": "$comp-scw-card-size-medium-description-font-weight: var( --type-text-font-weight );",
+    "outputSegment": "$font-weight: var( --type-text-font-weight );",
+    "outputSegmentRef": "size-medium-description-vars.$font-weight"
+  },
+  "line-height": {
+    "output": "$comp-scw-card-size-medium-description-line-height: var( --type-text-line-height );",
+    "outputSegment": "$line-height: var( --type-text-line-height );",
+    "outputSegmentRef": "size-medium-description-vars.$line-height"
+  },
+  "letter-spacing": {
+    "output": "$comp-scw-card-size-medium-description-letter-spacing: var( --type-text-letter-spacing );",
+    "outputSegment": "$letter-spacing: var( --type-text-letter-spacing );",
+    "outputSegmentRef": "size-medium-description-vars.$letter-spacing"
+  },
+  "width": {
+    "output": "$comp-scw-card-size-medium-description-width: 414px;",
+    "outputSegment": "$width: 414px;",
+    "outputSegmentRef": "size-medium-description-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-card-size-medium-description-height: 18px;",
+    "outputSegment": "$height: 18px;",
+    "outputSegmentRef": "size-medium-description-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-card-size-medium-description-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "size-medium-description-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-card-size-medium-description-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "size-medium-description-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-card-size-medium-description-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "size-medium-description-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-card-size-medium-description-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "size-medium-description-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-card-size-medium-description-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "size-medium-description-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-card-size-medium-description-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "size-medium-description-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-card-size-medium-description-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "size-medium-description-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-card-size-medium-description-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "size-medium-description-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-card-size-medium-description-layout-align: STRETCH;",
+    "outputSegment": "$layout-align: STRETCH;",
+    "outputSegmentRef": "size-medium-description-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-card-size-medium-description-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "size-medium-description-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-card-size-medium-description-top: calc( var( --spacing-1 ) * 33.75 );",
+    "outputSegment": "$top: calc( var( --spacing-1 ) * 33.75 );",
+    "outputSegmentRef": "size-medium-description-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-card-size-medium-description-top-percent: 96.88%;",
+    "outputSegment": "$top-percent: 96.88%;",
+    "outputSegmentRef": "size-medium-description-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-card-size-medium-description-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "size-medium-description-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-card-size-medium-description-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "size-medium-description-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-card-size-medium-description-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "size-medium-description-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-card-size-medium-description-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "size-medium-description-vars.$right"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-card-size-medium-image-.json

@@ -0,0 +1,152 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-card/size-medium-image-vars",
+    "namespace": "size-medium-image-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-card-size-medium-image-background-color: var( --color-grey-09-color );",
+    "outputSegment": "$background-color: var( --color-grey-09-color );",
+    "outputSegmentRef": "size-medium-image-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-card-size-medium-image-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "size-medium-image-vars.$blend-mode"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-card-size-medium-image-corner-radius-top-left: 10px;",
+    "outputSegment": "$corner-radius-top-left: 10px;",
+    "outputSegmentRef": "size-medium-image-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-card-size-medium-image-corner-radius-top-right: 10px;",
+    "outputSegment": "$corner-radius-top-right: 10px;",
+    "outputSegmentRef": "size-medium-image-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-card-size-medium-image-corner-radius-bottom-right: 10px;",
+    "outputSegment": "$corner-radius-bottom-right: 10px;",
+    "outputSegmentRef": "size-medium-image-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-card-size-medium-image-corner-radius-bottom-left: 10px;",
+    "outputSegment": "$corner-radius-bottom-left: 10px;",
+    "outputSegmentRef": "size-medium-image-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-card-size-medium-image-width: 414px;",
+    "outputSegment": "$width: 414px;",
+    "outputSegmentRef": "size-medium-image-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-card-size-medium-image-height: 205px;",
+    "outputSegment": "$height: 205px;",
+    "outputSegmentRef": "size-medium-image-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-card-size-medium-image-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "size-medium-image-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-card-size-medium-image-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "size-medium-image-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-card-size-medium-image-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "size-medium-image-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-card-size-medium-image-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "size-medium-image-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-card-size-medium-image-layout-mode: VERTICAL;",
+    "outputSegment": "$layout-mode: VERTICAL;",
+    "outputSegmentRef": "size-medium-image-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-card-size-medium-image-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "size-medium-image-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-card-size-medium-image-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "size-medium-image-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-card-size-medium-image-item-spacing: var( --spacing-1 );",
+    "outputSegment": "$item-spacing: var( --spacing-1 );",
+    "outputSegmentRef": "size-medium-image-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-card-size-medium-image-layout-align: STRETCH;",
+    "outputSegment": "$layout-align: STRETCH;",
+    "outputSegmentRef": "size-medium-image-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-card-size-medium-image-layout-grow: 1;",
+    "outputSegment": "$layout-grow: 1;",
+    "outputSegmentRef": "size-medium-image-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-card-size-medium-image-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "size-medium-image-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-card-size-medium-image-top-percent: 35.59%;",
+    "outputSegment": "$top-percent: 35.59%;",
+    "outputSegmentRef": "size-medium-image-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-card-size-medium-image-bottom: calc( var( --spacing-1 ) * 10.375 );",
+    "outputSegment": "$bottom: calc( var( --spacing-1 ) * 10.375 );",
+    "outputSegmentRef": "size-medium-image-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-card-size-medium-image-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "size-medium-image-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-card-size-medium-image-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "size-medium-image-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-card-size-medium-image-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "size-medium-image-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-card-size-medium-image-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "size-medium-image-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-card-size-medium-image-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "size-medium-image-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-card-size-medium-image-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "size-medium-image-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-card-size-medium-image-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "size-medium-image-vars.$padding-bottom"
+  },
+  "margin-bottom": {
+    "output": "$comp-scw-card-size-medium-image-margin-bottom: var( --spacing-1 );",
+    "outputSegment": "$margin-bottom: var( --spacing-1 );",
+    "outputSegmentRef": "size-medium-image-vars.$margin-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-card-size-medium-supertitle-.json

@@ -0,0 +1,152 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-card/size-medium-supertitle-vars",
+    "namespace": "size-medium-supertitle-vars"
+  },
+  "characters": {
+    "output": "$comp-scw-card-size-medium-supertitle-characters: '{supertitle}';",
+    "outputSegment": "$characters: '{supertitle}';",
+    "outputSegmentRef": "size-medium-supertitle-vars.$characters"
+  },
+  "font-size": {
+    "output": "$comp-scw-card-size-medium-supertitle-font-size: var( --type-text-semibold-font-size );",
+    "outputSegment": "$font-size: var( --type-text-semibold-font-size );",
+    "outputSegmentRef": "size-medium-supertitle-vars.$font-size"
+  },
+  "text-align-horizontal": {
+    "output": "$comp-scw-card-size-medium-supertitle-text-align-horizontal: LEFT;",
+    "outputSegment": "$text-align-horizontal: LEFT;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$text-align-horizontal"
+  },
+  "text-align-vertical": {
+    "output": "$comp-scw-card-size-medium-supertitle-text-align-vertical: TOP;",
+    "outputSegment": "$text-align-vertical: TOP;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$text-align-vertical"
+  },
+  "text-transform": {
+    "output": "$comp-scw-card-size-medium-supertitle-text-transform: var( --type-text-semibold-text-transform );",
+    "outputSegment": "$text-transform: var( --type-text-semibold-text-transform );",
+    "outputSegmentRef": "size-medium-supertitle-vars.$text-transform"
+  },
+  "color": {
+    "output": "$comp-scw-card-size-medium-supertitle-color: var( --color-primary-color );",
+    "outputSegment": "$color: var( --color-primary-color );",
+    "outputSegmentRef": "size-medium-supertitle-vars.$color"
+  },
+  "font-family": {
+    "output": "$comp-scw-card-size-medium-supertitle-font-family: var( --type-text-semibold-font-family );",
+    "outputSegment": "$font-family: var( --type-text-semibold-font-family );",
+    "outputSegmentRef": "size-medium-supertitle-vars.$font-family"
+  },
+  "font-weight": {
+    "output": "$comp-scw-card-size-medium-supertitle-font-weight: var( --type-text-semibold-font-weight );",
+    "outputSegment": "$font-weight: var( --type-text-semibold-font-weight );",
+    "outputSegmentRef": "size-medium-supertitle-vars.$font-weight"
+  },
+  "line-height": {
+    "output": "$comp-scw-card-size-medium-supertitle-line-height: var( --type-text-semibold-line-height );",
+    "outputSegment": "$line-height: var( --type-text-semibold-line-height );",
+    "outputSegmentRef": "size-medium-supertitle-vars.$line-height"
+  },
+  "letter-spacing": {
+    "output": "$comp-scw-card-size-medium-supertitle-letter-spacing: var( --type-text-semibold-letter-spacing );",
+    "outputSegment": "$letter-spacing: var( --type-text-semibold-letter-spacing );",
+    "outputSegmentRef": "size-medium-supertitle-vars.$letter-spacing"
+  },
+  "width": {
+    "output": "$comp-scw-card-size-medium-supertitle-width: 414px;",
+    "outputSegment": "$width: 414px;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-card-size-medium-supertitle-height: 18px;",
+    "outputSegment": "$height: 18px;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-card-size-medium-supertitle-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-card-size-medium-supertitle-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-card-size-medium-supertitle-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-card-size-medium-supertitle-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-card-size-medium-supertitle-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-card-size-medium-supertitle-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-card-size-medium-supertitle-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-card-size-medium-supertitle-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-card-size-medium-supertitle-layout-align: STRETCH;",
+    "outputSegment": "$layout-align: STRETCH;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-card-size-medium-supertitle-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-card-size-medium-supertitle-top: calc( var( --spacing-1 ) * 26.625 );",
+    "outputSegment": "$top: calc( var( --spacing-1 ) * 26.625 );",
+    "outputSegmentRef": "size-medium-supertitle-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-card-size-medium-supertitle-top-percent: 77.08%;",
+    "outputSegment": "$top-percent: 77.08%;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-card-size-medium-supertitle-bottom: calc( var( --spacing-1 ) * 7.125 );",
+    "outputSegment": "$bottom: calc( var( --spacing-1 ) * 7.125 );",
+    "outputSegmentRef": "size-medium-supertitle-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-card-size-medium-supertitle-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-card-size-medium-supertitle-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-card-size-medium-supertitle-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$right"
+  },
+  "margin-bottom": {
+    "output": "$comp-scw-card-size-medium-supertitle-margin-bottom: 0px;",
+    "outputSegment": "$margin-bottom: 0px;",
+    "outputSegmentRef": "size-medium-supertitle-vars.$margin-bottom"
+  }
+}