scu-web-components 1.3.20 → 1.3.22

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-input-text-right-x-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-input/state-disabled-input-text-right-x-mixins",
+    "namespace": "state-disabled-input-text-right-x-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-input-state-disabled-input-text-right-x (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    color: var( --scw-color-grey-06 );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    color: var( --scw-color-grey-06 );\n  } \n}",
+    "outputSegmentRef": "state-disabled-input-text-right-x-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-input-state-disabled-input-text-right-x--sizing {\n  width: 11px;\n  height: 24px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 11px;\n  height: 24px;\n}",
+    "outputSegmentRef": "state-disabled-input-text-right-x-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-input-state-disabled-input-text-right-x--width {\n  width: 11px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 11px;\n}",
+    "outputSegmentRef": "state-disabled-input-text-right-x-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-input-state-disabled-input-text-right-x--height {\n  height: 24px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+    "outputSegmentRef": "state-disabled-input-text-right-x-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-input-state-disabled-input-text-right-x--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+    "outputSegmentRef": "state-disabled-input-text-right-x-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-input-state-disabled-input-text-right-x--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "state-disabled-input-text-right-x-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-input-state-disabled-input-text-right-x--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.3 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.3 );\n}",
+    "outputSegmentRef": "state-disabled-input-text-right-x-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-input-state-disabled-input-text-right-x--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.3 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.3 );\n}",
+    "outputSegmentRef": "state-disabled-input-text-right-x-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-label-.json

@@ -40,13 +40,13 @@
     "outputSegmentRef": "state-disabled-label-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-input-state-disabled-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-8 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-8 );\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-8 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-8 );\n}",
     "outputSegmentRef": "state-disabled-label-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-input-state-disabled-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-8 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-8 );\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-8 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-8 );\n}",
     "outputSegmentRef": "state-disabled-label-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-.json

@@ -10,13 +10,13 @@
     "outputSegmentRef": "state-disabled-size-large-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large--sizing {\n  width: 282px;\n  height: 118px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 118px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large--sizing {\n  width: 292px;\n  height: 118px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 292px;\n  height: 118px;\n}",
     "outputSegmentRef": "state-disabled-size-large-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large--width {\n  width: 282px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 282px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large--width {\n  width: 292px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 292px;\n}",
     "outputSegmentRef": "state-disabled-size-large-mixins.width"
   },
   "height": {
@@ -35,18 +35,18 @@
     "outputSegmentRef": "state-disabled-size-large-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 66.4 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 94 );\n  height: 118px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 66.4 );\n  width: 282px;\n  bottom: calc( var( --scw-spacing-1 ) * 94 );\n  height: 118px; \n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 66.4 );\n  right: calc( var( --scw-spacing-1 ) * 73.7 );\n  bottom: calc( var( --scw-spacing-1 ) * 94 );\n  height: 118px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 66.4 );\n  right: calc( var( --scw-spacing-1 ) * 73.7 );\n  bottom: calc( var( --scw-spacing-1 ) * 94 );\n  height: 118px; \n}",
     "outputSegmentRef": "state-disabled-size-large-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 94 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 94 );\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 73.7 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 94 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 73.7 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 94 );\n}",
     "outputSegmentRef": "state-disabled-size-large-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 94 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 76.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 94 );\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 73.7 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 94 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 66.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 73.7 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 94 );\n}",
     "outputSegmentRef": "state-disabled-size-large-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-feedback-.json

@@ -40,13 +40,13 @@
     "outputSegmentRef": "state-disabled-size-large-feedback-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  margin-bottom: 0px;\n}",
     "outputSegmentRef": "state-disabled-size-large-feedback-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );\n  padding-bottom: 0px;\n}",
     "outputSegmentRef": "state-disabled-size-large-feedback-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-input-.json

@@ -10,13 +10,13 @@
     "outputSegmentRef": "state-disabled-size-large-input-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input--sizing {\n  width: 282px;\n  height: 65px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 282px;\n  height: 65px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input--sizing {\n  width: 292px;\n  height: 65px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 292px;\n  height: 65px;\n}",
     "outputSegmentRef": "state-disabled-size-large-input-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input--width {\n  width: 282px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 282px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input--width {\n  width: 292px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 292px;\n}",
     "outputSegmentRef": "state-disabled-size-large-input-mixins.width"
   },
   "height": {

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-input-icon-left-.json

@@ -40,13 +40,13 @@
     "outputSegmentRef": "state-disabled-size-large-input-icon-left-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 24.2 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 24.2 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 25.2 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 25.2 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
     "outputSegmentRef": "state-disabled-size-large-input-icon-left-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 24.2 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 24.2 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 25.2 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 25.2 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
     "outputSegmentRef": "state-disabled-size-large-input-icon-left-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-input-icon-left-icon-icon-vector-.json

@@ -35,18 +35,18 @@
     "outputSegmentRef": "state-disabled-size-large-input-icon-left-icon-icon-vector-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  right: calc( var( --scw-spacing-1 ) * 0.16068630218505858 );\n  top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.3137321472167969 ); \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  right: calc( var( --scw-spacing-1 ) * 0.16068630218505858 );\n  top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.3137321472167969 ); \n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  right: calc( var( --scw-spacing-1 ) * 0.16068649291992188 );\n  top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.3137319564819336 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  right: calc( var( --scw-spacing-1 ) * 0.16068649291992188 );\n  top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.3137319564819336 ); \n}",
     "outputSegmentRef": "state-disabled-size-large-input-icon-left-icon-icon-vector-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.16068630218505858 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.3137321472167969 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.16068630218505858 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.3137321472167969 );\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.16068649291992188 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.3137319564819336 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.16068649291992188 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.3137319564819336 );\n}",
     "outputSegmentRef": "state-disabled-size-large-input-icon-left-icon-icon-vector-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.16068630218505858 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.3137321472167969 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.16068630218505858 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.3137321472167969 );\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.16068649291992188 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.3137319564819336 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.1607421875 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.16068649291992188 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.31376953125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.3137319564819336 );\n}",
     "outputSegmentRef": "state-disabled-size-large-input-icon-left-icon-icon-vector-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-input-icon-right-.json

@@ -40,13 +40,13 @@
     "outputSegmentRef": "state-disabled-size-large-input-icon-right-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23.2 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23.2 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 24.2 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 24.2 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
     "outputSegmentRef": "state-disabled-size-large-input-icon-right-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23.2 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23.2 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 24.2 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 24.2 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
     "outputSegmentRef": "state-disabled-size-large-input-icon-right-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-input-placeholder-.json

@@ -10,13 +10,13 @@
     "outputSegmentRef": "state-disabled-size-large-input-placeholder-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder--sizing {\n  width: 192px;\n  height: 31px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 192px;\n  height: 31px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder--sizing {\n  width: 138px;\n  height: 31px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 138px;\n  height: 31px;\n}",
     "outputSegmentRef": "state-disabled-size-large-input-placeholder-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder--width {\n  width: 192px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 192px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder--width {\n  width: 138px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 138px;\n}",
     "outputSegmentRef": "state-disabled-size-large-input-placeholder-mixins.width"
   },
   "height": {
@@ -40,13 +40,13 @@
     "outputSegmentRef": "state-disabled-size-large-input-placeholder-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-4 );\n  margin-right: var( --scw-spacing-5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-4 );\n  margin-right: var( --scw-spacing-5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  margin-right: calc( var( --scw-spacing-1 ) * 8.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
     "outputSegmentRef": "state-disabled-size-large-input-placeholder-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-4 );\n  padding-right: var( --scw-spacing-5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-4 );\n  padding-right: var( --scw-spacing-5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 6.7 );\n  padding-right: calc( var( --scw-spacing-1 ) * 8.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );\n}",
     "outputSegmentRef": "state-disabled-size-large-input-placeholder-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-input-placeholder-placeholder-.json

@@ -10,13 +10,13 @@
     "outputSegmentRef": "state-disabled-size-large-input-placeholder-placeholder-mixins.text"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder-placeholder--sizing {\n  width: 172px;\n  height: 31px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 172px;\n  height: 31px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder-placeholder--sizing {\n  width: 118px;\n  height: 31px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 118px;\n  height: 31px;\n}",
     "outputSegmentRef": "state-disabled-size-large-input-placeholder-placeholder-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder-placeholder--width {\n  width: 172px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 172px;\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-placeholder-placeholder--width {\n  width: 118px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 118px;\n}",
     "outputSegmentRef": "state-disabled-size-large-input-placeholder-placeholder-mixins.width"
   },
   "height": {

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-input-text-left-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-input/state-disabled-size-large-input-text-left-mixins",
+    "namespace": "state-disabled-size-large-input-text-left-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left--sizing {\n  width: 27px;\n  height: 65px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 27px;\n  height: 65px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left--width {\n  width: 27px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 27px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left--height {\n  height: 65px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 65px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-input-text-left-x-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-input/state-disabled-size-large-input-text-left-x-mixins",
+    "namespace": "state-disabled-size-large-input-text-left-x-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left-x (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    color: var( --scw-color-grey-06 );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    color: var( --scw-color-grey-06 );\n  } \n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-x-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left-x--sizing {\n  width: 12px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 12px;\n  height: 27px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-x-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left-x--width {\n  width: 12px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 12px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-x-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left-x--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-x-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left-x--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-x-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left-x--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-x-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left-x--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-x-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-left-x--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-left-x-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-input-text-right-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-input/state-disabled-size-large-input-text-right-mixins",
+    "namespace": "state-disabled-size-large-input-text-right-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  } \n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right--sizing {\n  width: 37px;\n  height: 65px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 37px;\n  height: 65px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right--width {\n  width: 37px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 37px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right--height {\n  height: 65px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 65px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right--padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 20.5 );\n  margin-right: var( --scw-spacing-5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 20.5 );\n  margin-right: var( --scw-spacing-5 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 20.5 );\n  padding-right: var( --scw-spacing-5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 20.5 );\n  padding-right: var( --scw-spacing-5 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-input-state-disabled-size-large-input-text-right-x-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-input/state-disabled-size-large-input-text-right-x-mixins",
+    "namespace": "state-disabled-size-large-input-text-right-x-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right-x (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    color: var( --scw-color-grey-06 );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-06 , var( --scw-color-grey-06 ) );\n  } @else {\n    color: var( --scw-color-grey-06 );\n  } \n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-x-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right-x--sizing {\n  width: 12px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 12px;\n  height: 27px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-x-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right-x--width {\n  width: 12px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 12px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-x-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right-x--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-x-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right-x--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-x-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right-x--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-x-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right-x--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-x-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-input-text-right-x--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.9 );\n}",
+    "outputSegmentRef": "state-disabled-size-large-input-text-right-x-mixins.html-autolayout-padding"
+  }
+}

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

@@ -40,13 +40,13 @@
     "outputSegmentRef": "state-disabled-size-large-label-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
     "outputSegmentRef": "state-disabled-size-large-label-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-input-state-disabled-size-large-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 22.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+    "output": "\n@mixin comp-scw-input-state-disabled-size-large-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 23.5 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );\n}",
     "outputSegmentRef": "state-disabled-size-large-label-mixins.html-autolayout-padding"
   }
 }