scu-web-components 0.0.57 → 0.0.59

package/dist/tokens/source/componentScssMixins/components-scw-heading-size-h4-state-hover-label-.json

@@ -5,8 +5,8 @@
     "namespace": "size-h4-state-hover-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-heading-size-h4-state-hover-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-07-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  align-self: stretch; \n}",
-    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-07-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  align-self: stretch; \n}",
+    "output": "\n@mixin comp-scw-heading-size-h4-state-hover-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-07-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-07-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
     "outputSegmentRef": "size-h4-state-hover-label-mixins.text"
   },
   "sizing": {

package/dist/tokens/source/componentScssMixins/components-scw-heading-size-h4-state-hover-underline-.json

@@ -5,8 +5,8 @@
     "namespace": "size-h4-state-hover-underline-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-heading-size-h4-state-hover-underline (\n  $bgThemeVar: false, \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: false, \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}",
+    "output": "\n@mixin comp-scw-heading-size-h4-state-hover-underline (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
     "outputSegmentRef": "size-h4-state-hover-underline-mixins.box"
   },
   "sizing": {

package/dist/tokens/source/componentScssMixins/components-scw-heading-size-h5-label-.json

@@ -5,8 +5,8 @@
     "namespace": "size-h5-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-heading-size-h5-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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}",
+    "output": "\n@mixin comp-scw-heading-size-h5-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "size-h5-label-mixins.text"
   },
   "sizing": {

package/dist/tokens/source/componentScssMixins/components-scw-heading-size-h5-state-focused-label-.json

@@ -5,8 +5,8 @@
     "namespace": "size-h5-state-focused-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-heading-size-h5-state-focused-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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}",
+    "output": "\n@mixin comp-scw-heading-size-h5-state-focused-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "size-h5-state-focused-label-mixins.text"
   },
   "sizing": {

package/dist/tokens/source/componentScssMixins/components-scw-heading-size-h5-state-hover-label-.json

@@ -5,8 +5,8 @@
     "namespace": "size-h5-state-hover-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-heading-size-h5-state-hover-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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  align-self: stretch; \n}",
-    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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  align-self: stretch; \n}",
+    "output": "\n@mixin comp-scw-heading-size-h5-state-hover-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
     "outputSegmentRef": "size-h5-state-hover-label-mixins.text"
   },
   "sizing": {

package/dist/tokens/source/componentScssMixins/components-scw-heading-size-h5-state-hover-underline-.json

@@ -5,8 +5,8 @@
     "namespace": "size-h5-state-hover-underline-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-heading-size-h5-state-hover-underline (\n  $bgThemeVar: false, \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: false, \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}",
+    "output": "\n@mixin comp-scw-heading-size-h5-state-hover-underline (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
     "outputSegmentRef": "size-h5-state-hover-underline-mixins.box"
   },
   "sizing": {

package/dist/tokens/source/componentScssMixins/components-scw-heading-state-focused-label-.json

@@ -5,8 +5,8 @@
     "namespace": "state-focused-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-heading-state-focused-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-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: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-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}",
+    "output": "\n@mixin comp-scw-heading-state-focused-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "state-focused-label-mixins.text"
   },
   "sizing": {

package/dist/tokens/source/componentScssMixins/components-scw-heading-state-hover-label-.json

@@ -5,8 +5,8 @@
     "namespace": "state-hover-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-heading-state-hover-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-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  align-self: stretch; \n}",
-    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-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  align-self: stretch; \n}",
+    "output": "\n@mixin comp-scw-heading-state-hover-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-10-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
     "outputSegmentRef": "state-hover-label-mixins.text"
   },
   "sizing": {

package/dist/tokens/source/componentScssMixins/components-scw-heading-state-hover-underline-.json

@@ -5,8 +5,8 @@
     "namespace": "state-hover-underline-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-heading-state-hover-underline (\n  $bgThemeVar: false, \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: false, \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}",
+    "output": "\n@mixin comp-scw-heading-state-hover-underline (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  align-self: stretch; \n}",
     "outputSegmentRef": "state-hover-underline-mixins.box"
   },
   "sizing": {

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

@@ -5,8 +5,8 @@
     "namespace": "default-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-default (\n  $bgThemeVar: false, \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: false, \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}",
+    "output": "\n@mixin comp-scw-link-default (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "default-mixins.box"
   },
   "sizing": {

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

@@ -5,8 +5,8 @@
     "namespace": "design-outlined-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-design-outlined (\n  $bgThemeVar: false, \n  $borderThemeVar: false\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: false\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}",
+    "output": "\n@mixin comp-scw-link-design-outlined (\n  $bgThemeVar: false, \n  $borderThemeVar: false\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} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\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} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "design-outlined-mixins.box"
   },
   "sizing": {

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

@@ -5,8 +5,8 @@
     "namespace": "design-outlined-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-link-design-outlined-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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}",
+    "output": "\n@mixin comp-scw-link-design-outlined-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "design-outlined-label-mixins.text"
   },
   "sizing": {

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

@@ -10,18 +10,18 @@
     "outputSegmentRef": "design-text-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-design-text--sizing {\n  width: 39px;\n  height: 25px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 39px;\n  height: 25px;\n}",
+    "output": "\n@mixin comp-scw-link-design-text--sizing {\n  width: 43px;\n  height: 28px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 43px;\n  height: 28px;\n}",
     "outputSegmentRef": "design-text-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-link-design-text--width {\n  width: 39px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 39px;\n}",
+    "output": "\n@mixin comp-scw-link-design-text--width {\n  width: 43px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 43px;\n}",
     "outputSegmentRef": "design-text-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-link-design-text--height {\n  height: 25px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 25px;\n}",
+    "output": "\n@mixin comp-scw-link-design-text--height {\n  height: 28px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 28px;\n}",
     "outputSegmentRef": "design-text-mixins.height"
   },
   "padding": {
@@ -35,18 +35,18 @@
     "outputSegmentRef": "design-text-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-link-design-text--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 36.1 );\n  width: 39px;\n  top: calc( var( --scw-spacing-1 ) * 2.7 );\n  height: 25px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 36.1 );\n  width: 39px;\n  top: calc( var( --scw-spacing-1 ) * 2.7 );\n  height: 25px; \n}",
+    "output": "\n@mixin comp-scw-link-design-text--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 36.1 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 2.7 );\n  height: 28px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 36.1 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 2.7 );\n  height: 28px; \n}",
     "outputSegmentRef": "design-text-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-design-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.7 );\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 ) * 36.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 40.1 );\n}",
+    "output": "\n@mixin comp-scw-link-design-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.8 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 39.8 );\n}",
     "outputSegmentRef": "design-text-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-design-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.7 );\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 ) * 36.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 40.1 );\n}",
+    "output": "\n@mixin comp-scw-link-design-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.8 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 39.8 );\n}",
     "outputSegmentRef": "design-text-mixins.html-autolayout-padding"
   }
 }

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

@@ -5,23 +5,23 @@
     "namespace": "design-text-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-link-design-text-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-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: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-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}",
+    "output": "\n@mixin comp-scw-link-design-text-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-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: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-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": "design-text-label-mixins.text"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-design-text-label--sizing {\n  width: 39px;\n  height: 24px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 39px;\n  height: 24px;\n}",
+    "output": "\n@mixin comp-scw-link-design-text-label--sizing {\n  width: 43px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 43px;\n  height: 27px;\n}",
     "outputSegmentRef": "design-text-label-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-link-design-text-label--width {\n  width: 39px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 39px;\n}",
+    "output": "\n@mixin comp-scw-link-design-text-label--width {\n  width: 43px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 43px;\n}",
     "outputSegmentRef": "design-text-label-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-link-design-text-label--height {\n  height: 24px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+    "output": "\n@mixin comp-scw-link-design-text-label--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
     "outputSegmentRef": "design-text-label-mixins.height"
   },
   "padding": {

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

@@ -10,13 +10,13 @@
     "outputSegmentRef": "design-text-underline-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-design-text-underline--sizing {\n  width: 39px;\n  height: 1px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 39px;\n  height: 1px;\n}",
+    "output": "\n@mixin comp-scw-link-design-text-underline--sizing {\n  width: 43px;\n  height: 1px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 43px;\n  height: 1px;\n}",
     "outputSegmentRef": "design-text-underline-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-link-design-text-underline--width {\n  width: 39px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 39px;\n}",
+    "output": "\n@mixin comp-scw-link-design-text-underline--width {\n  width: 43px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 43px;\n}",
     "outputSegmentRef": "design-text-underline-mixins.width"
   },
   "height": {
@@ -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 ) * 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}",
+    "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.7 );\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.7 );\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 ) * 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}",
+    "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.7 );\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.7 );\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,8 +5,8 @@
     "namespace": "icon-left-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-icon-left (\n  $bgThemeVar: false, \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: false, \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}",
+    "output": "\n@mixin comp-scw-link-icon-left (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "icon-left-mixins.box"
   },
   "sizing": {

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

@@ -5,8 +5,8 @@
     "namespace": "icon-left-design-outlined-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined (\n  $bgThemeVar: false, \n  $borderThemeVar: false\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: false\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}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined (\n  $bgThemeVar: false, \n  $borderThemeVar: false\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} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\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} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "icon-left-design-outlined-mixins.box"
   },
   "sizing": {

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

@@ -5,8 +5,8 @@
     "namespace": "icon-left-design-outlined-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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}",
+    "output": "\n@mixin comp-scw-link-icon-left-design-outlined-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "icon-left-design-outlined-label-mixins.text"
   },
   "sizing": {

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

@@ -5,8 +5,8 @@
     "namespace": "icon-right-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-icon-right (\n  $bgThemeVar: false, \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: false, \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}",
+    "output": "\n@mixin comp-scw-link-icon-right (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    background-color: var( --scw-color-primary );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "icon-right-mixins.box"
   },
   "sizing": {

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

@@ -5,8 +5,8 @@
     "namespace": "icon-right-design-outlined-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-icon-right-design-outlined (\n  $bgThemeVar: false, \n  $borderThemeVar: false\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: false\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}",
+    "output": "\n@mixin comp-scw-link-icon-right-design-outlined (\n  $bgThemeVar: false, \n  $borderThemeVar: false\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} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\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} , var( --scw-color-primary ) );\n  } @else {\n    border-color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "icon-right-design-outlined-mixins.box"
   },
   "sizing": {

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

@@ -5,8 +5,8 @@
     "namespace": "icon-right-design-outlined-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-link-icon-right-design-outlined-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-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}",
+    "output": "\n@mixin comp-scw-link-icon-right-design-outlined-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-condensed-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  } \n}",
     "outputSegmentRef": "icon-right-design-outlined-label-mixins.text"
   },
   "sizing": {

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

@@ -5,8 +5,8 @@
     "namespace": "state-disabled-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-link-state-disabled (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    background-color: var( --scw-color-grey-095 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
-    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    background-color: var( --scw-color-grey-095 );\n  }\n  border-radius: 6px 6px 6px 6px; \n}",
+    "output": "\n@mixin comp-scw-link-state-disabled (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    background-color: var( --scw-color-grey-095 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    border-color: var( --scw-color-grey-095 );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    background-color: var( --scw-color-grey-095 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-095 , var( --scw-color-grey-095 ) );\n  } @else {\n    border-color: var( --scw-color-grey-095 );\n  } \n}",
     "outputSegmentRef": "state-disabled-mixins.box"
   },
   "sizing": {

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

@@ -10,18 +10,18 @@
     "outputSegmentRef": "state-disabled-design-text-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-state-disabled-design-text--sizing {\n  width: 39px;\n  height: 25px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 39px;\n  height: 25px;\n}",
+    "output": "\n@mixin comp-scw-link-state-disabled-design-text--sizing {\n  width: 43px;\n  height: 28px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 43px;\n  height: 28px;\n}",
     "outputSegmentRef": "state-disabled-design-text-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-link-state-disabled-design-text--width {\n  width: 39px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 39px;\n}",
+    "output": "\n@mixin comp-scw-link-state-disabled-design-text--width {\n  width: 43px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 43px;\n}",
     "outputSegmentRef": "state-disabled-design-text-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-link-state-disabled-design-text--height {\n  height: 25px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 25px;\n}",
+    "output": "\n@mixin comp-scw-link-state-disabled-design-text--height {\n  height: 28px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 28px;\n}",
     "outputSegmentRef": "state-disabled-design-text-mixins.height"
   },
   "padding": {
@@ -35,18 +35,18 @@
     "outputSegmentRef": "state-disabled-design-text-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-link-state-disabled-design-text--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 36.1 );\n  width: 39px;\n  top: calc( var( --scw-spacing-1 ) * 18.1 );\n  height: 25px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 36.1 );\n  width: 39px;\n  top: calc( var( --scw-spacing-1 ) * 18.1 );\n  height: 25px; \n}",
+    "output": "\n@mixin comp-scw-link-state-disabled-design-text--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 36.1 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 18.1 );\n  height: 28px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 36.1 );\n  width: 43px;\n  top: calc( var( --scw-spacing-1 ) * 18.1 );\n  height: 28px; \n}",
     "outputSegmentRef": "state-disabled-design-text-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-link-state-disabled-design-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 18.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.7 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 18.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.7 );\n}",
+    "output": "\n@mixin comp-scw-link-state-disabled-design-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 18.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 18.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
     "outputSegmentRef": "state-disabled-design-text-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-link-state-disabled-design-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 18.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.7 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 18.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.7 );\n}",
+    "output": "\n@mixin comp-scw-link-state-disabled-design-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 18.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 36.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 18.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );\n}",
     "outputSegmentRef": "state-disabled-design-text-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-link-state-disabled-design-text-label-.json

@@ -5,23 +5,23 @@
     "namespace": "state-disabled-design-text-label-mixins"
   },
   "text": {
-    "output": "\n@mixin comp-scw-link-state-disabled-design-text-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    color: var( --scw-color-grey-07 );\n  } \n}",
-    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    color: var( --scw-color-grey-07 );\n  } \n}",
+    "output": "\n@mixin comp-scw-link-state-disabled-design-text-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    color: var( --scw-color-grey-07 );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    color: var( --scw-color-grey-07 );\n  } \n}",
     "outputSegmentRef": "state-disabled-design-text-label-mixins.text"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-link-state-disabled-design-text-label--sizing {\n  width: 39px;\n  height: 24px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 39px;\n  height: 24px;\n}",
+    "output": "\n@mixin comp-scw-link-state-disabled-design-text-label--sizing {\n  width: 43px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 43px;\n  height: 27px;\n}",
     "outputSegmentRef": "state-disabled-design-text-label-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-link-state-disabled-design-text-label--width {\n  width: 39px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 39px;\n}",
+    "output": "\n@mixin comp-scw-link-state-disabled-design-text-label--width {\n  width: 43px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 43px;\n}",
     "outputSegmentRef": "state-disabled-design-text-label-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-link-state-disabled-design-text-label--height {\n  height: 24px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+    "output": "\n@mixin comp-scw-link-state-disabled-design-text-label--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
     "outputSegmentRef": "state-disabled-design-text-label-mixins.height"
   },
   "padding": {