scu-web-components 1.1.0 → 1.1.2

package/dist/tokens/source/componentScssMixins/components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins",
+    "namespace": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon (\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": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon--width {\n  width: 17px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon--height {\n  height: 17px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-product-card/container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins",
+    "namespace": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );\n  } @else {\n    background-color: var( --scw-color-primary-01 );\n  } \n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector--sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector--width {\n  width: 6.4201px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 6.4201px;\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector--height {\n  height: 11.9533px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 11.9533px;\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383300258755298 );\n  right: calc( var( --scw-spacing-1 ) * 0.5196562767028808 );\n  top: calc( var( --scw-spacing-1 ) * 0.2550136285528879 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.249658203125 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383300258755298 );\n  right: calc( var( --scw-spacing-1 ) * 0.5196562767028808 );\n  top: calc( var( --scw-spacing-1 ) * 0.2550136285528879 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.249658203125 ); \n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383300258755298 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5196562767028808 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2550136285528879 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.249658203125 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383300258755298 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5196562767028808 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2550136285528879 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.249658203125 );\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383300258755298 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5196562767028808 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2550136285528879 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.249658203125 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383300258755298 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5196562767028808 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2550136285528879 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.249658203125 );\n}",
+    "outputSegmentRef": "container-body-cta-primary-link-scw-link-base-label-right-icon-icon-vector-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins",
+    "namespace": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon (\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": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon--sizing {\n  width: 17px;\n  height: 17px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 17px;\n  height: 17px;\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon--width {\n  width: 17px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 17px;\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon--height {\n  height: 17px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 17px;\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 ); \n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.0000244140625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.0000244140625 );\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-product-card/container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins",
+    "namespace": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    background-color: var( --scw-color-grey-02 );\n  } \n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector--sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 6.4201px;\n  height: 11.9533px;\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector--width {\n  width: 6.4201px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 6.4201px;\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector--height {\n  height: 11.9533px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 11.9533px;\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383574440121265 );\n  right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  top: calc( var( --scw-spacing-1 ) * 0.25500485474917695 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24966697692871093 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.5383574440121265 );\n  right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  top: calc( var( --scw-spacing-1 ) * 0.25500485474917695 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.24966697692871093 ); \n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440121265 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.25500485474917695 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24966697692871093 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5383574440121265 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.25500485474917695 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.24966697692871093 );\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-product-card-container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440121265 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.25500485474917695 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24966697692871093 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5383574440121265 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.51962890625 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.25500485474917695 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.24966697692871093 );\n}",
+    "outputSegmentRef": "container-body-cta-secdondary-link-scw-link-base-label-left-icon-icon-vector-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rate-table-amount-feedback-feedback-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rate-table/amount-feedback-feedback-mixins",
+    "namespace": "amount-feedback-feedback-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-rate-table-amount-feedback-feedback (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-02-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-02-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    color: var( --scw-color-grey-04 );\n  } \n}",
+    "outputSegmentRef": "amount-feedback-feedback-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rate-table-amount-feedback-feedback--sizing {\n  width: 57px;\n  height: 20px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 57px;\n  height: 20px;\n}",
+    "outputSegmentRef": "amount-feedback-feedback-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rate-table-amount-feedback-feedback--width {\n  width: 57px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 57px;\n}",
+    "outputSegmentRef": "amount-feedback-feedback-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rate-table-amount-feedback-feedback--height {\n  height: 20px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 20px;\n}",
+    "outputSegmentRef": "amount-feedback-feedback-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-feedback-feedback--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": "amount-feedback-feedback-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-feedback-feedback--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "amount-feedback-feedback-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rate-table-amount-feedback-feedback--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\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: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegmentRef": "amount-feedback-feedback-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-feedback-feedback--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "amount-feedback-feedback-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rate-table-amount-input-icon-left-icon-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rate-table/amount-input-icon-left-icon-mixins",
+    "namespace": "amount-input-icon-left-icon-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon (\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": "amount-input-icon-left-icon-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon--sizing {\n  width: 20px;\n  height: 20px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 20px;\n  height: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon--width {\n  width: 20px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon--height {\n  height: 20px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rate-table-amount-input-icon-left-icon-icon-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rate-table/amount-input-icon-left-icon-icon-mixins",
+    "namespace": "amount-input-icon-left-icon-icon-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon (\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": "amount-input-icon-left-icon-icon-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon--sizing {\n  width: 20px;\n  height: 20px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 20px;\n  height: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon--width {\n  width: 20px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon--height {\n  height: 20px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 ); \n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rate-table-amount-input-icon-left-icon-icon-vector-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rate-table/amount-input-icon-left-icon-icon-vector-mixins",
+    "namespace": "amount-input-icon-left-icon-icon-vector-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );\n  } @else {\n    background-color: var( --scw-color-grey-04 );\n  } \n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--sizing {\n  width: 17.8571px;\n  height: 15.8167px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 17.8571px;\n  height: 15.8167px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--width {\n  width: 17.8571px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 17.8571px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--height {\n  height: 15.8167px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 15.8167px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 ); \n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rate-table-amount-input-icon-right-icon-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rate-table/amount-input-icon-right-icon-mixins",
+    "namespace": "amount-input-icon-right-icon-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon (\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": "amount-input-icon-right-icon-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon--sizing {\n  width: 20px;\n  height: 20px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 20px;\n  height: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon--width {\n  width: 20px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon--height {\n  height: 20px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.5 );\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rate-table-amount-input-icon-right-icon-icon-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rate-table/amount-input-icon-right-icon-icon-mixins",
+    "namespace": "amount-input-icon-right-icon-icon-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon (\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": "amount-input-icon-right-icon-icon-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon--sizing {\n  width: 20px;\n  height: 20px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 20px;\n  height: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-icon-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon--width {\n  width: 20px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-icon-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon--height {\n  height: 20px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 20px;\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-icon-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-icon-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-icon-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 ); \n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-icon-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-icon-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.000048828125 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -0.000048828125 );\n}",
+    "outputSegmentRef": "amount-input-icon-right-icon-icon-mixins.html-autolayout-padding"
+  }
+}