scu-web-components 1.3.20 → 1.3.21

package/dist/tokens/source/scssVariables/components-scw-input-state-success-size-large-type-rounded-input-icon-left-icon-icon-.json

@@ -70,8 +70,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-icon-icon-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-left-icon-icon-top: 0px;",
-    "outputSegment": "$top: 0px;",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-left-icon-icon-top: calc( var( --scw-spacing-1 ) * 0.000048828125 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.000048828125 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-icon-icon-vars.$top"
   },
   "top-percent": {
@@ -80,8 +80,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-icon-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-left-icon-icon-bottom: 0px;",
-    "outputSegment": "$bottom: 0px;",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-left-icon-icon-bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-icon-icon-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-input-state-success-size-large-type-rounded-input-icon-left-icon-icon-vector-.json

@@ -85,8 +85,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-icon-icon-vector-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-left-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.3137321472167969 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.3137321472167969 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-left-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.3137319564819336 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.3137319564819336 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-icon-icon-vector-vars.$bottom"
   },
   "left": {
@@ -100,8 +100,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-icon-icon-vector-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-left-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.16068630218505858 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.16068630218505858 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-left-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.16068649291992188 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.16068649291992188 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-left-icon-icon-vector-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-input-state-success-size-large-type-rounded-input-icon-right-.json

@@ -85,13 +85,13 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-left: calc( var( --scw-spacing-1 ) * 21.7 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 21.7 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-left: calc( var( --scw-spacing-1 ) * 22.7 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 22.7 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-left-percent: 87.59%;",
-    "outputSegment": "$left-percent: 87.59%;",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-left-percent: 88.01%;",
+    "outputSegment": "$left-percent: 88.01%;",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-vars.$left-percent"
   },
   "right": {

package/dist/tokens/source/scssVariables/components-scw-input-state-success-size-large-type-rounded-input-icon-right-icon-icon-.json

@@ -110,8 +110,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-icon-icon-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-icon-icon-top: calc( var( --scw-spacing-1 ) * 0.00009765625 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.00009765625 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-icon-icon-top: calc( var( --scw-spacing-1 ) * 0.000048828125 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.000048828125 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-icon-icon-vars.$top"
   },
   "top-percent": {
@@ -120,8 +120,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-icon-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-icon-icon-bottom: calc( var( --scw-spacing-1 ) * -0.00009765625 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * -0.00009765625 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-icon-icon-bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-icon-icon-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-input-state-success-size-large-type-rounded-input-icon-right-icon-icon-vector-.json

@@ -75,8 +75,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-icon-icon-vector-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.9100351333618164 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.9100351333618164 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.9100839614868164 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.9100839614868164 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-icon-icon-vector-vars.$top"
   },
   "top-percent": {
@@ -85,8 +85,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-icon-icon-vector-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.910058576571464 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.910058576571464 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-icon-right-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.9100097484464641 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.9100097484464641 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-icon-right-icon-icon-vector-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-input-state-success-size-large-type-rounded-input-placeholder-.json

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-placeholder-width: 172px;",
-    "outputSegment": "$width: 172px;",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-placeholder-width: 118px;",
+    "outputSegment": "$width: 118px;",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-vars.$width"
   },
   "height": {
@@ -85,18 +85,18 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-placeholder-left: calc( var( --scw-spacing-1 ) * 4.5 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.5 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-placeholder-left: calc( var( --scw-spacing-1 ) * 7.2 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 7.2 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-placeholder-left-percent: 46.45%;",
-    "outputSegment": "$left-percent: 46.45%;",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-placeholder-left-percent: 44.86%;",
+    "outputSegment": "$left-percent: 44.86%;",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-placeholder-right: calc( var( --scw-spacing-1 ) * 6.5 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 6.5 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-placeholder-right: calc( var( --scw-spacing-1 ) * 10.2 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 10.2 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-input-state-success-size-large-type-rounded-input-placeholder-placeholder-.json

@@ -60,8 +60,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-placeholder-vars.$font"
   },
   "width": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-placeholder-placeholder-width: 152px;",
-    "outputSegment": "$width: 152px;",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-placeholder-placeholder-width: 98px;",
+    "outputSegment": "$width: 98px;",
     "outputSegmentRef": "state-success-size-large-type-rounded-input-placeholder-placeholder-vars.$width"
   },
   "height": {

package/dist/tokens/source/scssVariables/components-scw-input-state-success-size-large-type-rounded-input-text-left-.json

@@ -0,0 +1,122 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-input/state-success-size-large-type-rounded-input-text-left-vars",
+    "namespace": "state-success-size-large-type-rounded-input-text-left-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$background-color"
+  },
+  "width": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-width: 27px;",
+    "outputSegment": "$width: 27px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-height: 65px;",
+    "outputSegment": "$height: 65px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-layout-mode: HORIZONTAL;",
+    "outputSegment": "$layout-mode: HORIZONTAL;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-primary-axis-align-items: CENTER;",
+    "outputSegment": "$primary-axis-align-items: CENTER;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-counter-axis-align-items: CENTER;",
+    "outputSegment": "$counter-axis-align-items: CENTER;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-top: calc( var( --scw-spacing-1 ) * -0.25 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * -0.25 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-bottom: calc( var( --scw-spacing-1 ) * -0.25 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * -0.25 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-left: calc( var( --scw-spacing-1 ) * 4.5 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.5 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-left-percent: 20.03%;",
+    "outputSegment": "$left-percent: 20.03%;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-right: calc( var( --scw-spacing-1 ) * 22 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 22 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-input-state-success-size-large-type-rounded-input-text-left-x-.json

@@ -0,0 +1,152 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-input/state-success-size-large-type-rounded-input-text-left-x-vars",
+    "namespace": "state-success-size-large-type-rounded-input-text-left-x-vars"
+  },
+  "characters": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-characters: 'X';",
+    "outputSegment": "$characters: 'X';",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$characters"
+  },
+  "font-size": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-font-size: 1.125rem;",
+    "outputSegment": "$font-size: 1.125rem;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$font-size"
+  },
+  "text-align-horizontal": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-text-align-horizontal: LEFT;",
+    "outputSegment": "$text-align-horizontal: LEFT;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$text-align-horizontal"
+  },
+  "text-align-vertical": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-text-align-vertical: TOP;",
+    "outputSegment": "$text-align-vertical: TOP;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$text-align-vertical"
+  },
+  "text-transform": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-text-transform: none;",
+    "outputSegment": "$text-transform: none;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$text-transform"
+  },
+  "color": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-color: var( --scw-color-grey-04 );",
+    "outputSegment": "$color: var( --scw-color-grey-04 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$color"
+  },
+  "font-family": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-font-family: 'Proxima Nova';",
+    "outputSegment": "$font-family: 'Proxima Nova';",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$font-family"
+  },
+  "font-weight": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-font-weight: 400;",
+    "outputSegment": "$font-weight: 400;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$font-weight"
+  },
+  "line-height": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-line-height: 1.688rem;",
+    "outputSegment": "$line-height: 1.688rem;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$line-height"
+  },
+  "letter-spacing": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-letter-spacing: 0rem;",
+    "outputSegment": "$letter-spacing: 0rem;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$letter-spacing"
+  },
+  "font": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-font: var( --scw-type-text-font );",
+    "outputSegment": "$font: var( --scw-type-text-font );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$font"
+  },
+  "width": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-width: 12px;",
+    "outputSegment": "$width: 12px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-height: 27px;",
+    "outputSegment": "$height: 27px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-top: calc( var( --scw-spacing-1 ) * 1.9 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.9 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-bottom: calc( var( --scw-spacing-1 ) * 1.9 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.9 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-left-percent: 77.78%;",
+    "outputSegment": "$left-percent: 77.78%;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-left-x-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-left-x-vars.$right"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-input-state-success-size-large-type-rounded-input-text-right-.json

@@ -0,0 +1,122 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-input/state-success-size-large-type-rounded-input-text-right-vars",
+    "namespace": "state-success-size-large-type-rounded-input-text-right-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$background-color"
+  },
+  "width": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-width: 37px;",
+    "outputSegment": "$width: 37px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-height: 65px;",
+    "outputSegment": "$height: 65px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-layout-mode: HORIZONTAL;",
+    "outputSegment": "$layout-mode: HORIZONTAL;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-primary-axis-align-items: CENTER;",
+    "outputSegment": "$primary-axis-align-items: CENTER;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-counter-axis-align-items: CENTER;",
+    "outputSegment": "$counter-axis-align-items: CENTER;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-top: calc( var( --scw-spacing-1 ) * -0.25 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * -0.25 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-bottom: calc( var( --scw-spacing-1 ) * -0.25 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * -0.25 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-left: calc( var( --scw-spacing-1 ) * 19 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 19 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-left-percent: 71.4%;",
+    "outputSegment": "$left-percent: 71.4%;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-right: calc( var( --scw-spacing-1 ) * 6.5 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 6.5 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-padding-left: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-left: var( --scw-spacing-1 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-input-text-right-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "state-success-size-large-type-rounded-input-text-right-vars.$padding-bottom"
+  }
+}