scu-web-components 1.3.11 → 1.3.12

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

@@ -75,13 +75,13 @@
     "outputSegmentRef": "state-disabled-size-large-type-rounded-label-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-disabled-size-large-type-rounded-label-top-percent: 9.75%;",
-    "outputSegment": "$top-percent: 9.75%;",
+    "output": "$comp-scw-input-state-disabled-size-large-type-rounded-label-top-percent: 10.18%;",
+    "outputSegment": "$top-percent: 10.18%;",
     "outputSegmentRef": "state-disabled-size-large-type-rounded-label-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-input-state-disabled-size-large-type-rounded-label-bottom: calc( var( --scw-spacing-1 ) * 9.5 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 9.5 );",
+    "output": "$comp-scw-input-state-disabled-size-large-type-rounded-label-bottom: var( --scw-spacing-9 );",
+    "outputSegment": "$bottom: var( --scw-spacing-9 );",
     "outputSegmentRef": "state-disabled-size-large-type-rounded-label-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-input-state-disabled-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-.json

@@ -5,8 +5,8 @@
     "namespace": "state-disabled-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-vars"
   },
   "background-color": {
-    "output": "$comp-scw-input-state-disabled-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-background-color: var( --scw-color-grey-04 );",
-    "outputSegment": "$background-color: var( --scw-color-grey-04 );",
+    "output": "$comp-scw-input-state-disabled-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-background-color: var( --scw-color-grey-06 );",
+    "outputSegment": "$background-color: var( --scw-color-grey-06 );",
     "outputSegmentRef": "state-disabled-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-vars.$background-color"
   },
   "blend-mode": {

package/dist/tokens/source/scssVariables/components-scw-input-state-disabled-type-rounded-input-icon-right-icon-icon-vector-color-02-.json

@@ -5,8 +5,8 @@
     "namespace": "state-disabled-type-rounded-input-icon-right-icon-icon-vector-color-02-vars"
   },
   "background-color": {
-    "output": "$comp-scw-input-state-disabled-type-rounded-input-icon-right-icon-icon-vector-color-02-background-color: var( --scw-color-grey-04 );",
-    "outputSegment": "$background-color: var( --scw-color-grey-04 );",
+    "output": "$comp-scw-input-state-disabled-type-rounded-input-icon-right-icon-icon-vector-color-02-background-color: var( --scw-color-grey-06 );",
+    "outputSegment": "$background-color: var( --scw-color-grey-06 );",
     "outputSegmentRef": "state-disabled-type-rounded-input-icon-right-icon-icon-vector-color-02-vars.$background-color"
   },
   "blend-mode": {

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

@@ -15,8 +15,8 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-height: 118px;",
-    "outputSegment": "$height: 118px;",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-height: 113px;",
+    "outputSegment": "$height: 113px;",
     "outputSegmentRef": "state-error-size-large-type-rounded-vars.$height"
   },
   "constraint-horizontal": {
@@ -70,13 +70,13 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-top: calc( var( --scw-spacing-1 ) * 72.8 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 72.8 );",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-top: calc( var( --scw-spacing-1 ) * 73.3 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 73.3 );",
     "outputSegmentRef": "state-error-size-large-type-rounded-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-top-percent: 72.47%;",
-    "outputSegment": "$top-percent: 72.47%;",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-top-percent: 72.7%;",
+    "outputSegment": "$top-percent: 72.7%;",
     "outputSegmentRef": "state-error-size-large-type-rounded-vars.$top-percent"
   },
   "bottom": {

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

@@ -70,13 +70,13 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-feedback-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-feedback-top: calc( var( --scw-spacing-1 ) * 9.8 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 9.8 );",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-feedback-top: calc( var( --scw-spacing-1 ) * 9.3 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 9.3 );",
     "outputSegmentRef": "state-error-size-large-type-rounded-feedback-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-feedback-top-percent: 91.53%;",
-    "outputSegment": "$top-percent: 91.53%;",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-feedback-top-percent: 91.15%;",
+    "outputSegment": "$top-percent: 91.15%;",
     "outputSegmentRef": "state-error-size-large-type-rounded-feedback-vars.$top-percent"
   },
   "bottom": {

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

@@ -55,8 +55,8 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-input-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-height: 65px;",
-    "outputSegment": "$height: 65px;",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-height: 60px;",
+    "outputSegment": "$height: 60px;",
     "outputSegmentRef": "state-error-size-large-type-rounded-input-vars.$height"
   },
   "constraint-horizontal": {
@@ -115,8 +115,8 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-input-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-top-percent: 51.27%;",
-    "outputSegment": "$top-percent: 51.27%;",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-top-percent: 51.33%;",
+    "outputSegment": "$top-percent: 51.33%;",
     "outputSegmentRef": "state-error-size-large-type-rounded-input-vars.$top-percent"
   },
   "bottom": {

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

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

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

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

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

@@ -15,8 +15,8 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-height: 31px;",
-    "outputSegment": "$height: 31px;",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-height: 27px;",
+    "outputSegment": "$height: 27px;",
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-vars.$height"
   },
   "constraint-horizontal": {
@@ -70,8 +70,8 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-top: calc( var( --scw-spacing-1 ) * 1.7 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.7 );",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-top: calc( var( --scw-spacing-1 ) * 1.65 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.65 );",
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-vars.$top"
   },
   "top-percent": {
@@ -80,8 +80,8 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-bottom: calc( var( --scw-spacing-1 ) * 1.7 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.7 );",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-bottom: calc( var( --scw-spacing-1 ) * 1.65 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.65 );",
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-vars.$bottom"
   },
   "left": {

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

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-vars.$characters"
   },
   "font-size": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder-font-size: 1.25rem;",
-    "outputSegment": "$font-size: 1.25rem;",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder-font-size: 1.125rem;",
+    "outputSegment": "$font-size: 1.125rem;",
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-vars.$font-size"
   },
   "text-align-horizontal": {
@@ -45,8 +45,8 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder-line-height: 1.938rem;",
-    "outputSegment": "$line-height: 1.938rem;",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder-line-height: 1.688rem;",
+    "outputSegment": "$line-height: 1.688rem;",
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-vars.$line-height"
   },
   "letter-spacing": {
@@ -55,8 +55,8 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-vars.$letter-spacing"
   },
   "font": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder-font: var( --scw-type-text-06-font );",
-    "outputSegment": "$font: var( --scw-type-text-06-font );",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder-font: var( --scw-type-text-font );",
+    "outputSegment": "$font: var( --scw-type-text-font );",
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-vars.$font"
   },
   "width": {
@@ -65,8 +65,8 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder-height: 31px;",
-    "outputSegment": "$height: 31px;",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-input-placeholder-placeholder-height: 27px;",
+    "outputSegment": "$height: 27px;",
     "outputSegmentRef": "state-error-size-large-type-rounded-input-placeholder-placeholder-vars.$height"
   },
   "constraint-horizontal": {

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

@@ -75,13 +75,13 @@
     "outputSegmentRef": "state-error-size-large-type-rounded-label-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-label-top-percent: 9.75%;",
-    "outputSegment": "$top-percent: 9.75%;",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-label-top-percent: 10.18%;",
+    "outputSegment": "$top-percent: 10.18%;",
     "outputSegmentRef": "state-error-size-large-type-rounded-label-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-input-state-error-size-large-type-rounded-label-bottom: calc( var( --scw-spacing-1 ) * 9.5 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 9.5 );",
+    "output": "$comp-scw-input-state-error-size-large-type-rounded-label-bottom: var( --scw-spacing-9 );",
+    "outputSegment": "$bottom: var( --scw-spacing-9 );",
     "outputSegmentRef": "state-error-size-large-type-rounded-label-vars.$bottom"
   },
   "left": {

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

@@ -15,8 +15,8 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-height: 118px;",
-    "outputSegment": "$height: 118px;",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-height: 113px;",
+    "outputSegment": "$height: 113px;",
     "outputSegmentRef": "state-focused-size-large-type-rounded-vars.$height"
   },
   "constraint-horizontal": {
@@ -70,13 +70,13 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-top: calc( var( --scw-spacing-1 ) * 72.8 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 72.8 );",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-top: calc( var( --scw-spacing-1 ) * 73.3 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 73.3 );",
     "outputSegmentRef": "state-focused-size-large-type-rounded-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-top-percent: 72.47%;",
-    "outputSegment": "$top-percent: 72.47%;",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-top-percent: 72.7%;",
+    "outputSegment": "$top-percent: 72.7%;",
     "outputSegmentRef": "state-focused-size-large-type-rounded-vars.$top-percent"
   },
   "bottom": {

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

@@ -70,13 +70,13 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-feedback-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-feedback-top: calc( var( --scw-spacing-1 ) * 9.8 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 9.8 );",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-feedback-top: calc( var( --scw-spacing-1 ) * 9.3 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 9.3 );",
     "outputSegmentRef": "state-focused-size-large-type-rounded-feedback-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-feedback-top-percent: 91.53%;",
-    "outputSegment": "$top-percent: 91.53%;",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-feedback-top-percent: 91.15%;",
+    "outputSegment": "$top-percent: 91.15%;",
     "outputSegmentRef": "state-focused-size-large-type-rounded-feedback-vars.$top-percent"
   },
   "bottom": {

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

@@ -55,8 +55,8 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-height: 65px;",
-    "outputSegment": "$height: 65px;",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-height: 60px;",
+    "outputSegment": "$height: 60px;",
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-vars.$height"
   },
   "constraint-horizontal": {
@@ -115,8 +115,8 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-top-percent: 51.27%;",
-    "outputSegment": "$top-percent: 51.27%;",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-top-percent: 51.33%;",
+    "outputSegment": "$top-percent: 51.33%;",
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-vars.$top-percent"
   },
   "bottom": {

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

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

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

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

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

@@ -15,8 +15,8 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-height: 31px;",
-    "outputSegment": "$height: 31px;",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-height: 27px;",
+    "outputSegment": "$height: 27px;",
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-vars.$height"
   },
   "constraint-horizontal": {
@@ -70,8 +70,8 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-top: calc( var( --scw-spacing-1 ) * 1.7 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.7 );",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-top: calc( var( --scw-spacing-1 ) * 1.65 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.65 );",
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-vars.$top"
   },
   "top-percent": {
@@ -80,8 +80,8 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-bottom: calc( var( --scw-spacing-1 ) * 1.7 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.7 );",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-bottom: calc( var( --scw-spacing-1 ) * 1.65 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.65 );",
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-vars.$bottom"
   },
   "left": {

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

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-vars.$characters"
   },
   "font-size": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder-font-size: 1.25rem;",
-    "outputSegment": "$font-size: 1.25rem;",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder-font-size: 1.125rem;",
+    "outputSegment": "$font-size: 1.125rem;",
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-vars.$font-size"
   },
   "text-align-horizontal": {
@@ -45,8 +45,8 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder-line-height: 1.938rem;",
-    "outputSegment": "$line-height: 1.938rem;",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder-line-height: 1.688rem;",
+    "outputSegment": "$line-height: 1.688rem;",
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-vars.$line-height"
   },
   "letter-spacing": {
@@ -55,8 +55,8 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-vars.$letter-spacing"
   },
   "font": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder-font: var( --scw-type-text-06-font );",
-    "outputSegment": "$font: var( --scw-type-text-06-font );",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder-font: var( --scw-type-text-font );",
+    "outputSegment": "$font: var( --scw-type-text-font );",
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-vars.$font"
   },
   "width": {
@@ -65,8 +65,8 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder-height: 31px;",
-    "outputSegment": "$height: 31px;",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-input-placeholder-placeholder-height: 27px;",
+    "outputSegment": "$height: 27px;",
     "outputSegmentRef": "state-focused-size-large-type-rounded-input-placeholder-placeholder-vars.$height"
   },
   "constraint-horizontal": {

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

@@ -75,13 +75,13 @@
     "outputSegmentRef": "state-focused-size-large-type-rounded-label-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-label-top-percent: 9.75%;",
-    "outputSegment": "$top-percent: 9.75%;",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-label-top-percent: 10.18%;",
+    "outputSegment": "$top-percent: 10.18%;",
     "outputSegmentRef": "state-focused-size-large-type-rounded-label-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-input-state-focused-size-large-type-rounded-label-bottom: calc( var( --scw-spacing-1 ) * 9.5 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 9.5 );",
+    "output": "$comp-scw-input-state-focused-size-large-type-rounded-label-bottom: var( --scw-spacing-9 );",
+    "outputSegment": "$bottom: var( --scw-spacing-9 );",
     "outputSegmentRef": "state-focused-size-large-type-rounded-label-vars.$bottom"
   },
   "left": {

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

@@ -30,8 +30,8 @@
     "outputSegmentRef": "state-focused-size-small-type-rounded-input-placeholder-placeholder-vars.$text-transform"
   },
   "color": {
-    "output": "",
-    "outputSegment": "",
+    "output": "$comp-scw-input-state-focused-size-small-type-rounded-input-placeholder-placeholder-color: var( --scw-color-grey-04 );",
+    "outputSegment": "$color: var( --scw-color-grey-04 );",
     "outputSegmentRef": "state-focused-size-small-type-rounded-input-placeholder-placeholder-vars.$color"
   },
   "font-family": {

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

@@ -30,8 +30,8 @@
     "outputSegmentRef": "state-focused-type-rounded-input-placeholder-placeholder-vars.$text-transform"
   },
   "color": {
-    "output": "",
-    "outputSegment": "",
+    "output": "$comp-scw-input-state-focused-type-rounded-input-placeholder-placeholder-color: var( --scw-color-grey-04 );",
+    "outputSegment": "$color: var( --scw-color-grey-04 );",
     "outputSegmentRef": "state-focused-type-rounded-input-placeholder-placeholder-vars.$color"
   },
   "font-family": {

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

@@ -15,8 +15,8 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-height: 118px;",
-    "outputSegment": "$height: 118px;",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-height: 113px;",
+    "outputSegment": "$height: 113px;",
     "outputSegmentRef": "state-success-size-large-type-rounded-vars.$height"
   },
   "constraint-horizontal": {
@@ -70,13 +70,13 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-top: calc( var( --scw-spacing-1 ) * 72.8 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 72.8 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-top: calc( var( --scw-spacing-1 ) * 73.3 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 73.3 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-top-percent: 72.47%;",
-    "outputSegment": "$top-percent: 72.47%;",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-top-percent: 72.7%;",
+    "outputSegment": "$top-percent: 72.7%;",
     "outputSegmentRef": "state-success-size-large-type-rounded-vars.$top-percent"
   },
   "bottom": {

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

@@ -70,13 +70,13 @@
     "outputSegmentRef": "state-success-size-large-type-rounded-feedback-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-feedback-top: calc( var( --scw-spacing-1 ) * 9.8 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 9.8 );",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-feedback-top: calc( var( --scw-spacing-1 ) * 9.3 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 9.3 );",
     "outputSegmentRef": "state-success-size-large-type-rounded-feedback-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-input-state-success-size-large-type-rounded-feedback-top-percent: 91.53%;",
-    "outputSegment": "$top-percent: 91.53%;",
+    "output": "$comp-scw-input-state-success-size-large-type-rounded-feedback-top-percent: 91.15%;",
+    "outputSegment": "$top-percent: 91.15%;",
     "outputSegmentRef": "state-success-size-large-type-rounded-feedback-vars.$top-percent"
   },
   "bottom": {