scu-web-components 0.0.36 → 0.0.38

package/dist/tokens/source/componentScssMixins/components-scw-link-design-text-underline-.json

@@ -5,8 +5,8 @@
     "namespace": "design-text-underline-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-design-text-underline (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    background-color: var( --scw-color-primary-03 );\n  }\n  align-self: stretch; \n}",
-    "outputSegment": "\n@mixin box (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    background-color: var( --scw-color-primary-03 );\n  }\n  align-self: stretch; \n}",
+    "output": "\n@mixin comp-scw-link-design-text-underline (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  }\n  align-self: stretch; \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  }\n  align-self: stretch; \n}",
     "outputSegmentRef": "design-text-underline-mixins.box"
   },
   "sizing": {
@@ -40,13 +40,13 @@
     "outputSegmentRef": "design-text-underline-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-design-text-underline--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 1.9 );\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: calc( var( --scw-spacing-1 ) * 1.9 );\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-link-design-text-underline--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 2.4 );\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: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-bottom: 0px;\n}",
     "outputSegmentRef": "design-text-underline-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-design-text-underline--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 1.9 );\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: calc( var( --scw-spacing-1 ) * 1.9 );\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-link-design-text-underline--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 2.4 );\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: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-bottom: 0px;\n}",
     "outputSegmentRef": "design-text-underline-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-icon-left-.json

@@ -5,13 +5,13 @@
     "namespace": "icon-left-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-icon-left (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    background-color: var( --scw-color-primary-03 );\n  }\n  border-radius: 10px 10px 10px 10px; \n}",
-    "outputSegment": "\n@mixin box (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    background-color: var( --scw-color-primary-03 );\n  }\n  border-radius: 10px 10px 10px 10px; \n}",
+    "output": "\n@mixin comp-scw-link-icon-left (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
     "outputSegmentRef": "icon-left-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-icon-left--sizing {\n  width: 101px;\n  height: 32px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 101px;\n  height: 32px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-left--sizing {\n  width: 101px;\n  height: 39px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 101px;\n  height: 39px;\n}",
     "outputSegmentRef": "icon-left-mixins.sizing"
   },
   "width": {
@@ -20,33 +20,33 @@
     "outputSegmentRef": "icon-left-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-link-icon-left--height {\n  height: 32px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 32px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-left--height {\n  height: 39px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 39px;\n}",
     "outputSegmentRef": "icon-left-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-link-icon-left--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
-    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
     "outputSegmentRef": "icon-left-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-link-icon-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.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \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.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+    "output": "\n@mixin comp-scw-link-icon-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.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \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.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
     "outputSegmentRef": "icon-left-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-link-icon-left--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 11.3 );\n  width: 101px;\n  top: var( --scw-spacing-2 );\n  height: 32px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 11.3 );\n  width: 101px;\n  top: var( --scw-spacing-2 );\n  height: 32px; \n}",
+    "output": "\n@mixin comp-scw-link-icon-left--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 11.3 );\n  width: 101px;\n  top: var( --scw-spacing-2 );\n  height: 39px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 11.3 );\n  width: 101px;\n  top: var( --scw-spacing-2 );\n  height: 39px; \n}",
     "outputSegmentRef": "icon-left-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.1 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.1 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
     "outputSegmentRef": "icon-left-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.1 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.1 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
     "outputSegmentRef": "icon-left-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-icon-left-design-outlined-.json

@@ -5,13 +5,13 @@
     "namespace": "icon-left-design-outlined-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined (\n  $bgThemeVar: false, \n  $borderThemeVar: '--scw-color'\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
-    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: '--scw-color'\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined (\n  $bgThemeVar: false, \n  $borderThemeVar: '--scw-color'\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: '--scw-color'\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
     "outputSegmentRef": "icon-left-design-outlined-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--sizing {\n  width: 101px;\n  height: 28px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 101px;\n  height: 28px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--sizing {\n  width: 101px;\n  height: 39px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 101px;\n  height: 39px;\n}",
     "outputSegmentRef": "icon-left-design-outlined-mixins.sizing"
   },
   "width": {
@@ -20,33 +20,33 @@
     "outputSegmentRef": "icon-left-design-outlined-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--height {\n  height: 28px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 28px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--height {\n  height: 39px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 39px;\n}",
     "outputSegmentRef": "icon-left-design-outlined-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n}",
-    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
     "outputSegmentRef": "icon-left-design-outlined-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--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.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \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.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--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.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \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.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
     "outputSegmentRef": "icon-left-design-outlined-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 11.3 );\n  width: 101px;\n  top: calc( var( --scw-spacing-1 ) * 23.8 );\n  height: 28px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 11.3 );\n  width: 101px;\n  top: calc( var( --scw-spacing-1 ) * 23.8 );\n  height: 28px; \n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 11.3 );\n  width: 101px;\n  top: calc( var( --scw-spacing-1 ) * 23.8 );\n  height: 39px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 11.3 );\n  width: 101px;\n  top: calc( var( --scw-spacing-1 ) * 23.8 );\n  height: 39px; \n}",
     "outputSegmentRef": "icon-left-design-outlined-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 17.6 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 17.6 );\n}",
     "outputSegmentRef": "icon-left-design-outlined-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 17.6 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 11.3 );\n  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 17.6 );\n}",
     "outputSegmentRef": "icon-left-design-outlined-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-icon-left-design-outlined-label-.json

@@ -5,13 +5,13 @@
     "namespace": "icon-left-design-outlined-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label (\n  $themeVar: '--scw-color'\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    color: var( --scw-color-primary-03 );\n  } \n}",
-    "outputSegment": "\n@mixin text (\n  $themeVar: '--scw-color'\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    color: var( --scw-color-primary-03 );\n  } \n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label (\n  $themeVar: '--scw-color'\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    color: var( --scw-color-primary-04 );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: '--scw-color'\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    color: var( --scw-color-primary-04 );\n  } \n}",
     "outputSegmentRef": "icon-left-design-outlined-label-mixins.text"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label--sizing {\n  width: 45px;\n  height: 22px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 45px;\n  height: 22px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label--sizing {\n  width: 45px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 45px;\n  height: 27px;\n}",
     "outputSegmentRef": "icon-left-design-outlined-label-mixins.sizing"
   },
   "width": {
@@ -20,8 +20,8 @@
     "outputSegmentRef": "icon-left-design-outlined-label-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label--height {\n  height: 22px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 22px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
     "outputSegmentRef": "icon-left-design-outlined-label-mixins.height"
   },
   "padding": {
@@ -35,13 +35,13 @@
     "outputSegmentRef": "icon-left-design-outlined-label-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.3 );\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 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.3 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.3 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\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 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
     "outputSegmentRef": "icon-left-design-outlined-label-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.3 );\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 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.3 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.3 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\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 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
     "outputSegmentRef": "icon-left-design-outlined-label-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-icon-left-design-outlined-left-icon-.json

@@ -40,13 +40,13 @@
     "outputSegmentRef": "icon-left-design-outlined-left-icon-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
     "outputSegmentRef": "icon-left-design-outlined-left-icon-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
     "outputSegmentRef": "icon-left-design-outlined-left-icon-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-icon-left-design-outlined-right-icon-.json

@@ -40,13 +40,13 @@
     "outputSegmentRef": "icon-left-design-outlined-right-icon-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
     "outputSegmentRef": "icon-left-design-outlined-right-icon-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
     "outputSegmentRef": "icon-left-design-outlined-right-icon-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-icon-left-label-.json

@@ -10,8 +10,8 @@
     "outputSegmentRef": "icon-left-label-mixins.text"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-icon-left-label--sizing {\n  width: 45px;\n  height: 22px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 45px;\n  height: 22px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-label--sizing {\n  width: 45px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 45px;\n  height: 27px;\n}",
     "outputSegmentRef": "icon-left-label-mixins.sizing"
   },
   "width": {
@@ -20,8 +20,8 @@
     "outputSegmentRef": "icon-left-label-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-link-icon-left-label--height {\n  height: 22px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 22px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-label--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
     "outputSegmentRef": "icon-left-label-mixins.height"
   },
   "padding": {
@@ -35,13 +35,13 @@
     "outputSegmentRef": "icon-left-label-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-icon-left-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\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 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\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 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
     "outputSegmentRef": "icon-left-label-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-icon-left-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\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 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\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 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
     "outputSegmentRef": "icon-left-label-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-icon-left-left-icon-.json

@@ -40,13 +40,13 @@
     "outputSegmentRef": "icon-left-left-icon-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-icon-left-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
     "outputSegmentRef": "icon-left-left-icon-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-icon-left-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );\n}",
     "outputSegmentRef": "icon-left-left-icon-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-icon-left-right-icon-.json

@@ -40,13 +40,13 @@
     "outputSegmentRef": "icon-left-right-icon-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-icon-left-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
     "outputSegmentRef": "icon-left-right-icon-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-icon-left-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-left-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
     "outputSegmentRef": "icon-left-right-icon-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-icon-right-.json

@@ -5,13 +5,13 @@
     "namespace": "icon-right-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-icon-right (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    background-color: var( --scw-color-primary-03 );\n  }\n  border-radius: 10px 10px 10px 10px; \n}",
-    "outputSegment": "\n@mixin box (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    background-color: var( --scw-color-primary-03 );\n  }\n  border-radius: 10px 10px 10px 10px; \n}",
+    "output": "\n@mixin comp-scw-link-icon-right (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: '--scw-color', \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    background-color: var( --scw-color-primary-04 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
     "outputSegmentRef": "icon-right-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-icon-right--sizing {\n  width: 101px;\n  height: 32px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 101px;\n  height: 32px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-right--sizing {\n  width: 101px;\n  height: 39px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 101px;\n  height: 39px;\n}",
     "outputSegmentRef": "icon-right-mixins.sizing"
   },
   "width": {
@@ -20,33 +20,33 @@
     "outputSegmentRef": "icon-right-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-link-icon-right--height {\n  height: 32px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 32px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-right--height {\n  height: 39px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 39px;\n}",
     "outputSegmentRef": "icon-right-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-link-icon-right--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
-    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-right--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
     "outputSegmentRef": "icon-right-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-link-icon-right--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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+    "output": "\n@mixin comp-scw-link-icon-right--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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
     "outputSegmentRef": "icon-right-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-link-icon-right--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 23 );\n  width: 101px;\n  top: var( --scw-spacing-2 );\n  height: 32px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 23 );\n  width: 101px;\n  top: var( --scw-spacing-2 );\n  height: 32px; \n}",
+    "output": "\n@mixin comp-scw-link-icon-right--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 23 );\n  width: 101px;\n  top: var( --scw-spacing-2 );\n  height: 39px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 23 );\n  width: 101px;\n  top: var( --scw-spacing-2 );\n  height: 39px; \n}",
     "outputSegmentRef": "icon-right-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23 );\n  margin-right: var( --scw-spacing-10 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.1 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23 );\n  margin-right: var( --scw-spacing-10 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.1 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23 );\n  margin-right: var( --scw-spacing-10 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23 );\n  margin-right: var( --scw-spacing-10 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
     "outputSegmentRef": "icon-right-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23 );\n  padding-right: var( --scw-spacing-10 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.1 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23 );\n  padding-right: var( --scw-spacing-10 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.1 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23 );\n  padding-right: var( --scw-spacing-10 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23 );\n  padding-right: var( --scw-spacing-10 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.4 );\n}",
     "outputSegmentRef": "icon-right-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-icon-right-design-outlined-.json

@@ -5,13 +5,13 @@
     "namespace": "icon-right-design-outlined-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-icon-right-design-outlined (\n  $bgThemeVar: false, \n  $borderThemeVar: '--scw-color'\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
-    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: '--scw-color'\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
+    "output": "\n@mixin comp-scw-link-icon-right-design-outlined (\n  $bgThemeVar: false, \n  $borderThemeVar: '--scw-color'\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: '--scw-color'\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
     "outputSegmentRef": "icon-right-design-outlined-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--sizing {\n  width: 101px;\n  height: 28px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 101px;\n  height: 28px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--sizing {\n  width: 101px;\n  height: 39px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 101px;\n  height: 39px;\n}",
     "outputSegmentRef": "icon-right-design-outlined-mixins.sizing"
   },
   "width": {
@@ -20,33 +20,33 @@
     "outputSegmentRef": "icon-right-design-outlined-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--height {\n  height: 28px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 28px;\n}",
+    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--height {\n  height: 39px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 39px;\n}",
     "outputSegmentRef": "icon-right-design-outlined-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n}",
-    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
     "outputSegmentRef": "icon-right-design-outlined-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \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.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
     "outputSegmentRef": "icon-right-design-outlined-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 23 );\n  width: 101px;\n  top: calc( var( --scw-spacing-1 ) * 23.8 );\n  height: 28px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 23 );\n  width: 101px;\n  top: calc( var( --scw-spacing-1 ) * 23.8 );\n  height: 28px; \n}",
+    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 23 );\n  width: 101px;\n  top: calc( var( --scw-spacing-1 ) * 23.8 );\n  height: 39px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 23 );\n  width: 101px;\n  top: calc( var( --scw-spacing-1 ) * 23.8 );\n  height: 39px; \n}",
     "outputSegmentRef": "icon-right-design-outlined-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23 );\n  margin-right: var( --scw-spacing-10 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23 );\n  margin-right: var( --scw-spacing-10 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23 );\n  margin-right: var( --scw-spacing-10 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 17.6 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 23 );\n  margin-right: var( --scw-spacing-10 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 17.6 );\n}",
     "outputSegmentRef": "icon-right-design-outlined-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23 );\n  padding-right: var( --scw-spacing-10 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23 );\n  padding-right: var( --scw-spacing-10 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.7 );\n}",
+    "output": "\n@mixin comp-scw-link-icon-right-design-outlined--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23 );\n  padding-right: var( --scw-spacing-10 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 17.6 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 23 );\n  padding-right: var( --scw-spacing-10 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 17.6 );\n}",
     "outputSegmentRef": "icon-right-design-outlined-mixins.html-autolayout-padding"
   }
 }