scu-web-components 0.0.67 → 0.0.68

package/dist/tokens/source/scssVariables/components-scw-icon-feature-base-clickable-text-.json

@@ -0,0 +1,152 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-icon-feature-base/clickable-text-vars",
+    "namespace": "clickable-text-vars"
+  },
+  "characters": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-characters: 'Enjoy a financial cushion with overdraft protection';",
+    "outputSegment": "$characters: 'Enjoy a financial cushion with overdraft protection';",
+    "outputSegmentRef": "clickable-text-vars.$characters"
+  },
+  "font-size": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-font-size: 1.125rem;",
+    "outputSegment": "$font-size: 1.125rem;",
+    "outputSegmentRef": "clickable-text-vars.$font-size"
+  },
+  "text-align-horizontal": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-text-align-horizontal: LEFT;",
+    "outputSegment": "$text-align-horizontal: LEFT;",
+    "outputSegmentRef": "clickable-text-vars.$text-align-horizontal"
+  },
+  "text-align-vertical": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-text-align-vertical: TOP;",
+    "outputSegment": "$text-align-vertical: TOP;",
+    "outputSegmentRef": "clickable-text-vars.$text-align-vertical"
+  },
+  "text-transform": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-text-transform: none;",
+    "outputSegment": "$text-transform: none;",
+    "outputSegmentRef": "clickable-text-vars.$text-transform"
+  },
+  "color": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-color: var( --scw-color-primary );",
+    "outputSegment": "$color: var( --scw-color-primary );",
+    "outputSegmentRef": "clickable-text-vars.$color"
+  },
+  "font-family": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-font-family: 'Proxima Nova';",
+    "outputSegment": "$font-family: 'Proxima Nova';",
+    "outputSegmentRef": "clickable-text-vars.$font-family"
+  },
+  "font-weight": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-font-weight: 700;",
+    "outputSegment": "$font-weight: 700;",
+    "outputSegmentRef": "clickable-text-vars.$font-weight"
+  },
+  "line-height": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-line-height: 1.688rem;",
+    "outputSegment": "$line-height: 1.688rem;",
+    "outputSegmentRef": "clickable-text-vars.$line-height"
+  },
+  "letter-spacing": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-letter-spacing: 0rem;",
+    "outputSegment": "$letter-spacing: 0rem;",
+    "outputSegmentRef": "clickable-text-vars.$letter-spacing"
+  },
+  "font": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-font: var( --scw-type-text-bold-06-font );",
+    "outputSegment": "$font: var( --scw-type-text-bold-06-font );",
+    "outputSegmentRef": "clickable-text-vars.$font"
+  },
+  "width": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-width: 218px;",
+    "outputSegment": "$width: 218px;",
+    "outputSegmentRef": "clickable-text-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-height: 54px;",
+    "outputSegment": "$height: 54px;",
+    "outputSegmentRef": "clickable-text-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "clickable-text-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "clickable-text-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "clickable-text-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "clickable-text-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "clickable-text-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "clickable-text-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "clickable-text-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "clickable-text-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "clickable-text-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-layout-grow: 1;",
+    "outputSegment": "$layout-grow: 1;",
+    "outputSegmentRef": "clickable-text-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-top: calc( var( --scw-spacing-1 ) * 1.3 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.3 );",
+    "outputSegmentRef": "clickable-text-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "clickable-text-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-bottom: calc( var( --scw-spacing-1 ) * 1.3 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.3 );",
+    "outputSegmentRef": "clickable-text-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-left: calc( var( --scw-spacing-1 ) * 9.9 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 9.9 );",
+    "outputSegmentRef": "clickable-text-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-left-percent: 63.03%;",
+    "outputSegment": "$left-percent: 63.03%;",
+    "outputSegmentRef": "clickable-text-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-icon-feature-base-clickable-text-right: calc( var( --scw-spacing-1 ) * 1.3 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.3 );",
+    "outputSegmentRef": "clickable-text-vars.$right"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-icon-feature-base-default-.json

@@ -0,0 +1,127 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-icon-feature-base/default-vars",
+    "namespace": "default-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-icon-feature-base-default-background-color: rgba(255,255,255,1);",
+    "outputSegment": "$background-color: rgba(255,255,255,1);",
+    "outputSegmentRef": "default-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-icon-feature-base-default-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "default-vars.$blend-mode"
+  },
+  "width": {
+    "output": "$comp-scw-icon-feature-base-default-width: 333px;",
+    "outputSegment": "$width: 333px;",
+    "outputSegmentRef": "default-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-icon-feature-base-default-height: 80px;",
+    "outputSegment": "$height: 80px;",
+    "outputSegmentRef": "default-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-icon-feature-base-default-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "default-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-icon-feature-base-default-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "default-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-icon-feature-base-default-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-icon-feature-base-default-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "default-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-icon-feature-base-default-layout-mode: HORIZONTAL;",
+    "outputSegment": "$layout-mode: HORIZONTAL;",
+    "outputSegmentRef": "default-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-icon-feature-base-default-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-icon-feature-base-default-counter-axis-align-items: CENTER;",
+    "outputSegment": "$counter-axis-align-items: CENTER;",
+    "outputSegmentRef": "default-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-icon-feature-base-default-item-spacing: calc( var( --scw-spacing-1 ) * 1.9 );",
+    "outputSegment": "$item-spacing: calc( var( --scw-spacing-1 ) * 1.9 );",
+    "outputSegmentRef": "default-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-icon-feature-base-default-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "default-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-icon-feature-base-default-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-icon-feature-base-default-top: calc( var( --scw-spacing-1 ) * 32.2 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 32.2 );",
+    "outputSegmentRef": "default-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-icon-feature-base-default-top-percent: 57.19%;",
+    "outputSegment": "$top-percent: 57.19%;",
+    "outputSegmentRef": "default-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-icon-feature-base-default-bottom: calc( var( --scw-spacing-1 ) * 23.1 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 23.1 );",
+    "outputSegmentRef": "default-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-icon-feature-base-default-left: calc( var( --scw-spacing-1 ) * 2.1 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.1 );",
+    "outputSegmentRef": "default-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-icon-feature-base-default-left-percent: 50.27%;",
+    "outputSegment": "$left-percent: 50.27%;",
+    "outputSegmentRef": "default-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-icon-feature-base-default-right: calc( var( --scw-spacing-1 ) * 1.9 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.9 );",
+    "outputSegmentRef": "default-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-icon-feature-base-default-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-icon-feature-base-default-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-icon-feature-base-default-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-icon-feature-base-default-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-icon-feature-base-default-scw-icon-feature-icon-.json

@@ -0,0 +1,152 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-icon-feature-base/default-scw-icon-feature-icon-vars",
+    "namespace": "default-scw-icon-feature-icon-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-background-color: var( --scw-color-primary-09 );",
+    "outputSegment": "$background-color: var( --scw-color-primary-09 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$blend-mode"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-corner-radius-top-left: 6px;",
+    "outputSegment": "$corner-radius-top-left: 6px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-corner-radius-top-right: 6px;",
+    "outputSegment": "$corner-radius-top-right: 6px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-corner-radius-bottom-right: 6px;",
+    "outputSegment": "$corner-radius-bottom-right: 6px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-corner-radius-bottom-left: 6px;",
+    "outputSegment": "$corner-radius-bottom-left: 6px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-width: 80px;",
+    "outputSegment": "$width: 80px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-height: 80px;",
+    "outputSegment": "$height: 80px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-layout-mode: HORIZONTAL;",
+    "outputSegment": "$layout-mode: HORIZONTAL;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-item-spacing: var( --scw-spacing-1 );",
+    "outputSegment": "$item-spacing: var( --scw-spacing-1 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-left-percent: 12.01%;",
+    "outputSegment": "$left-percent: 12.01%;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-right: calc( var( --scw-spacing-1 ) * 25.3 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 25.3 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-padding-left: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-left: var( --scw-spacing-1 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-padding-right: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-right: var( --scw-spacing-1 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-padding-top: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-top: var( --scw-spacing-1 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-padding-bottom: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$padding-bottom"
+  },
+  "margin-right": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-margin-right: var( --scw-spacing-1 );",
+    "outputSegment": "$margin-right: var( --scw-spacing-1 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-vars.$margin-right"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-.json

@@ -0,0 +1,127 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-icon-feature-base/default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars",
+    "namespace": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-blend-mode: MULTIPLY;",
+    "outputSegment": "$blend-mode: MULTIPLY;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$blend-mode"
+  },
+  "width": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-width: 60px;",
+    "outputSegment": "$width: 60px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-height: 60px;",
+    "outputSegment": "$height: 60px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-top: var( --scw-spacing-1 );",
+    "outputSegment": "$top: var( --scw-spacing-1 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-bottom: var( --scw-spacing-1 );",
+    "outputSegment": "$bottom: var( --scw-spacing-1 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-left: var( --scw-spacing-1 );",
+    "outputSegment": "$left: var( --scw-spacing-1 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-right: var( --scw-spacing-1 );",
+    "outputSegment": "$right: var( --scw-spacing-1 );",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-icon-feature-base-default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-scw-icon-feature-icon-screenshot-2023-03-02-at-2-24-1-vars.$padding-bottom"
+  }
+}