scu-web-components 1.3.18 → 1.3.19

package/dist/tokens/source/scssVariables/components-scw-select-default-scw-option-select-heading-icon-left-icon-.json

@@ -0,0 +1,122 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-select/default-scw-option-select-heading-icon-left-icon-vars",
+    "namespace": "default-scw-option-select-heading-icon-left-icon-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$background-color"
+  },
+  "width": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-width: 15px;",
+    "outputSegment": "$width: 15px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-height: 15px;",
+    "outputSegment": "$height: 15px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-constraint-horizontal: STRETCH;",
+    "outputSegment": "$constraint-horizontal: STRETCH;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-constraint-vertical: STRETCH;",
+    "outputSegment": "$constraint-vertical: STRETCH;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-select-default-scw-option-select-heading-icon-left-icon-vector-.json

@@ -0,0 +1,127 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-select/default-scw-option-select-heading-icon-left-icon-vector-vars",
+    "namespace": "default-scw-option-select-heading-icon-left-icon-vector-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-background-color: var( --scw-color-grey-04 );",
+    "outputSegment": "$background-color: var( --scw-color-grey-04 );",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$blend-mode"
+  },
+  "width": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-width: 13.3929px;",
+    "outputSegment": "$width: 13.3929px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-height: 11.8625px;",
+    "outputSegment": "$height: 11.8625px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-constraint-horizontal: STRETCH;",
+    "outputSegment": "$constraint-horizontal: STRETCH;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-constraint-vertical: STRETCH;",
+    "outputSegment": "$constraint-vertical: STRETCH;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.1568359375 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.1568359375 );",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.1569148063659668 );",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.08037109375 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.08037109375 );",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.08034324645996094 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.08034324645996094 );",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-select-default-scw-option-select-heading-icon-left-icon-vector-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-scw-option-select-heading-icon-left-icon-vector-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-select-default-scw-option-select-scw-option-single-.json

@@ -70,13 +70,13 @@
     "outputSegmentRef": "default-scw-option-select-scw-option-single-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-select-default-scw-option-select-scw-option-single-top: 0px;",
-    "outputSegment": "$top: 0px;",
+    "output": "$comp-scw-select-default-scw-option-select-scw-option-single-top: calc( var( --scw-spacing-1 ) * 3.5 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 3.5 );",
     "outputSegmentRef": "default-scw-option-select-scw-option-single-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-select-default-scw-option-select-scw-option-single-top-percent: 10%;",
-    "outputSegment": "$top-percent: 10%;",
+    "output": "$comp-scw-select-default-scw-option-select-scw-option-single-top-percent: 22.12%;",
+    "outputSegment": "$top-percent: 22.12%;",
     "outputSegmentRef": "default-scw-option-select-scw-option-single-vars.$top-percent"
   },
   "bottom": {

package/dist/tokens/source/scssVariables/components-scw-select-size-small-input-icon-arrow-icon-icon-vector-.json

@@ -100,8 +100,8 @@
     "outputSegmentRef": "size-small-input-icon-arrow-icon-icon-vector-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-select-size-small-input-icon-arrow-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.2937314987182617 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.2937314987182617 );",
+    "output": "$comp-scw-select-size-small-input-icon-arrow-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.2937315940856934 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.2937315940856934 );",
     "outputSegmentRef": "size-small-input-icon-arrow-icon-icon-vector-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-select-size-small-scw-option-select-.json

@@ -80,13 +80,13 @@
     "outputSegmentRef": "size-small-scw-option-select-vars.$shadow"
   },
   "width": {
-    "output": "$comp-scw-select-size-small-scw-option-select-width: 282px;",
-    "outputSegment": "$width: 282px;",
+    "output": "$comp-scw-select-size-small-scw-option-select-width: 300px;",
+    "outputSegment": "$width: 300px;",
     "outputSegmentRef": "size-small-scw-option-select-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-select-size-small-scw-option-select-height: 225px;",
-    "outputSegment": "$height: 225px;",
+    "output": "$comp-scw-select-size-small-scw-option-select-height: 260px;",
+    "outputSegment": "$height: 260px;",
     "outputSegmentRef": "size-small-scw-option-select-vars.$height"
   },
   "constraint-horizontal": {
@@ -145,13 +145,13 @@
     "outputSegmentRef": "size-small-scw-option-select-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-select-size-small-scw-option-select-top-percent: 50%;",
-    "outputSegment": "$top-percent: 50%;",
+    "output": "$comp-scw-select-size-small-scw-option-select-top-percent: 57.78%;",
+    "outputSegment": "$top-percent: 57.78%;",
     "outputSegmentRef": "size-small-scw-option-select-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-select-size-small-scw-option-select-bottom: 0px;",
-    "outputSegment": "$bottom: 0px;",
+    "output": "$comp-scw-select-size-small-scw-option-select-bottom: calc( var( --scw-spacing-1 ) * -3.5 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * -3.5 );",
     "outputSegmentRef": "size-small-scw-option-select-vars.$bottom"
   },
   "left": {
@@ -160,13 +160,13 @@
     "outputSegmentRef": "size-small-scw-option-select-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-select-size-small-scw-option-select-left-percent: 50%;",
-    "outputSegment": "$left-percent: 50%;",
+    "output": "$comp-scw-select-size-small-scw-option-select-left-percent: 53.19%;",
+    "outputSegment": "$left-percent: 53.19%;",
     "outputSegmentRef": "size-small-scw-option-select-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-select-size-small-scw-option-select-right: 0px;",
-    "outputSegment": "$right: 0px;",
+    "output": "$comp-scw-select-size-small-scw-option-select-right: calc( var( --scw-spacing-1 ) * -1.8 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -1.8 );",
     "outputSegmentRef": "size-small-scw-option-select-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-select-size-small-scw-option-select-heading-.json

@@ -0,0 +1,122 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-select/size-small-scw-option-select-heading-vars",
+    "namespace": "size-small-scw-option-select-heading-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$background-color"
+  },
+  "width": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-width: 300px;",
+    "outputSegment": "$width: 300px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-height: 35px;",
+    "outputSegment": "$height: 35px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-layout-mode: HORIZONTAL;",
+    "outputSegment": "$layout-mode: HORIZONTAL;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-counter-axis-align-items: CENTER;",
+    "outputSegment": "$counter-axis-align-items: CENTER;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-item-spacing: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegment": "$item-spacing: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-layout-align: STRETCH;",
+    "outputSegment": "$layout-align: STRETCH;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-top-percent: 6.73%;",
+    "outputSegment": "$top-percent: 6.73%;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-bottom: calc( var( --scw-spacing-1 ) * 22.5 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 22.5 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-padding-left: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-left: var( --scw-spacing-1 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-padding-right: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-right: var( --scw-spacing-1 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-select-size-small-scw-option-select-heading-close-.json

@@ -0,0 +1,142 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-select/size-small-scw-option-select-heading-close-vars",
+    "namespace": "size-small-scw-option-select-heading-close-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$background-color"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-corner-radius-top-left: 15px;",
+    "outputSegment": "$corner-radius-top-left: 15px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-corner-radius-top-right: 15px;",
+    "outputSegment": "$corner-radius-top-right: 15px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-corner-radius-bottom-right: 15px;",
+    "outputSegment": "$corner-radius-bottom-right: 15px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-corner-radius-bottom-left: 15px;",
+    "outputSegment": "$corner-radius-bottom-left: 15px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-width: 30px;",
+    "outputSegment": "$width: 30px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-height: 30px;",
+    "outputSegment": "$height: 30px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-layout-mode: VERTICAL;",
+    "outputSegment": "$layout-mode: VERTICAL;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-primary-axis-align-items: CENTER;",
+    "outputSegment": "$primary-axis-align-items: CENTER;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-counter-axis-align-items: CENTER;",
+    "outputSegment": "$counter-axis-align-items: CENTER;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-item-spacing: var( --scw-spacing-1 );",
+    "outputSegment": "$item-spacing: var( --scw-spacing-1 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-top: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-top-percent: 57.14%;",
+    "outputSegment": "$top-percent: 57.14%;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-left: calc( var( --scw-spacing-1 ) * 26 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 26 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-left-percent: 91.67%;",
+    "outputSegment": "$left-percent: 91.67%;",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-right: var( --scw-spacing-1 );",
+    "outputSegment": "$right: var( --scw-spacing-1 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-padding-left: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-padding-right: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-select-size-small-scw-option-select-heading-close-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegmentRef": "size-small-scw-option-select-heading-close-vars.$padding-bottom"
+  }
+}