scu-web-components 0.0.76 → 0.0.77

package/dist/tokens/source/scssVariables.json

@@ -13442,13 +13442,13 @@
       "outputSegmentRef": "default-icon-vector-vars.$blend-mode"
     },
     "width": {
-      "output": "$comp-scw-icon-v2-default-icon-vector-width: 41.6666px;",
-      "outputSegment": "$width: 41.6666px;",
+      "output": "$comp-scw-icon-v2-default-icon-vector-width: 41.667px;",
+      "outputSegment": "$width: 41.667px;",
       "outputSegmentRef": "default-icon-vector-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-icon-v2-default-icon-vector-height: 41.6667px;",
-      "outputSegment": "$height: 41.6667px;",
+      "output": "$comp-scw-icon-v2-default-icon-vector-height: 41.666px;",
+      "outputSegment": "$height: 41.666px;",
       "outputSegmentRef": "default-icon-vector-vars.$height"
     },
     "constraint-horizontal": {
@@ -13502,8 +13502,8 @@
       "outputSegmentRef": "default-icon-vector-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-icon-v2-default-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
+      "output": "$comp-scw-icon-v2-default-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
       "outputSegmentRef": "default-icon-vector-vars.$top"
     },
     "top-percent": {
@@ -13512,13 +13512,13 @@
       "outputSegmentRef": "default-icon-vector-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-icon-v2-default-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );",
+      "output": "$comp-scw-icon-v2-default-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );",
       "outputSegmentRef": "default-icon-vector-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-icon-v2-default-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
+      "output": "$comp-scw-icon-v2-default-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
       "outputSegmentRef": "default-icon-vector-vars.$left"
     },
     "left-percent": {
@@ -13527,8 +13527,8 @@
       "outputSegmentRef": "default-icon-vector-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-icon-v2-default-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
+      "output": "$comp-scw-icon-v2-default-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
       "outputSegmentRef": "default-icon-vector-vars.$right"
     },
     "padding-left": {
@@ -13838,13 +13838,13 @@
       "outputSegmentRef": "state-hover-icon-vector-vars.$blend-mode"
     },
     "width": {
-      "output": "$comp-scw-icon-v2-state-hover-icon-vector-width: 41.6666px;",
-      "outputSegment": "$width: 41.6666px;",
+      "output": "$comp-scw-icon-v2-state-hover-icon-vector-width: 41.667px;",
+      "outputSegment": "$width: 41.667px;",
       "outputSegmentRef": "state-hover-icon-vector-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-icon-v2-state-hover-icon-vector-height: 41.6667px;",
-      "outputSegment": "$height: 41.6667px;",
+      "output": "$comp-scw-icon-v2-state-hover-icon-vector-height: 41.666px;",
+      "outputSegment": "$height: 41.666px;",
       "outputSegmentRef": "state-hover-icon-vector-vars.$height"
     },
     "constraint-horizontal": {
@@ -13898,8 +13898,8 @@
       "outputSegmentRef": "state-hover-icon-vector-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-icon-v2-state-hover-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
+      "output": "$comp-scw-icon-v2-state-hover-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
       "outputSegmentRef": "state-hover-icon-vector-vars.$top"
     },
     "top-percent": {
@@ -13908,13 +13908,13 @@
       "outputSegmentRef": "state-hover-icon-vector-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-icon-v2-state-hover-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );",
+      "output": "$comp-scw-icon-v2-state-hover-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );",
       "outputSegmentRef": "state-hover-icon-vector-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-icon-v2-state-hover-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
+      "output": "$comp-scw-icon-v2-state-hover-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
       "outputSegmentRef": "state-hover-icon-vector-vars.$left"
     },
     "left-percent": {
@@ -13923,8 +13923,8 @@
       "outputSegmentRef": "state-hover-icon-vector-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-icon-v2-state-hover-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
+      "output": "$comp-scw-icon-v2-state-hover-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
       "outputSegmentRef": "state-hover-icon-vector-vars.$right"
     },
     "padding-left": {
@@ -14264,13 +14264,13 @@
       "outputSegmentRef": "state-focused-icon-vector-vars.$blend-mode"
     },
     "width": {
-      "output": "$comp-scw-icon-v2-state-focused-icon-vector-width: 41.6666px;",
-      "outputSegment": "$width: 41.6666px;",
+      "output": "$comp-scw-icon-v2-state-focused-icon-vector-width: 41.667px;",
+      "outputSegment": "$width: 41.667px;",
       "outputSegmentRef": "state-focused-icon-vector-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-icon-v2-state-focused-icon-vector-height: 41.6665px;",
-      "outputSegment": "$height: 41.6665px;",
+      "output": "$comp-scw-icon-v2-state-focused-icon-vector-height: 41.666px;",
+      "outputSegment": "$height: 41.666px;",
       "outputSegmentRef": "state-focused-icon-vector-vars.$height"
     },
     "constraint-horizontal": {
@@ -14324,8 +14324,8 @@
       "outputSegmentRef": "state-focused-icon-vector-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-icon-v2-state-focused-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.416650390625 );",
+      "output": "$comp-scw-icon-v2-state-focused-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
       "outputSegmentRef": "state-focused-icon-vector-vars.$top"
     },
     "top-percent": {
@@ -14334,13 +14334,13 @@
       "outputSegmentRef": "state-focused-icon-vector-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-icon-v2-state-focused-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
+      "output": "$comp-scw-icon-v2-state-focused-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );",
       "outputSegmentRef": "state-focused-icon-vector-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-icon-v2-state-focused-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
+      "output": "$comp-scw-icon-v2-state-focused-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
       "outputSegmentRef": "state-focused-icon-vector-vars.$left"
     },
     "left-percent": {
@@ -14349,8 +14349,8 @@
       "outputSegmentRef": "state-focused-icon-vector-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-icon-v2-state-focused-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
+      "output": "$comp-scw-icon-v2-state-focused-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
       "outputSegmentRef": "state-focused-icon-vector-vars.$right"
     },
     "padding-left": {
@@ -14660,13 +14660,13 @@
       "outputSegmentRef": "state-disabled-icon-vector-vars.$blend-mode"
     },
     "width": {
-      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-width: 41.6666px;",
-      "outputSegment": "$width: 41.6666px;",
+      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-width: 41.667px;",
+      "outputSegment": "$width: 41.667px;",
       "outputSegmentRef": "state-disabled-icon-vector-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-height: 41.6665px;",
-      "outputSegment": "$height: 41.6665px;",
+      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-height: 41.666px;",
+      "outputSegment": "$height: 41.666px;",
       "outputSegmentRef": "state-disabled-icon-vector-vars.$height"
     },
     "constraint-horizontal": {
@@ -14720,8 +14720,8 @@
       "outputSegmentRef": "state-disabled-icon-vector-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.416650390625 );",
+      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
       "outputSegmentRef": "state-disabled-icon-vector-vars.$top"
     },
     "top-percent": {
@@ -14730,13 +14730,13 @@
       "outputSegmentRef": "state-disabled-icon-vector-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
+      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );",
       "outputSegmentRef": "state-disabled-icon-vector-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
+      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
       "outputSegmentRef": "state-disabled-icon-vector-vars.$left"
     },
     "left-percent": {
@@ -14745,8 +14745,8 @@
       "outputSegmentRef": "state-disabled-icon-vector-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
+      "output": "$comp-scw-icon-v2-state-disabled-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
       "outputSegmentRef": "state-disabled-icon-vector-vars.$right"
     },
     "padding-left": {
@@ -15188,13 +15188,13 @@
       "outputSegmentRef": "default-icon-vector-vars.$blend-mode"
     },
     "width": {
-      "output": "$comp-scw-icon-default-icon-vector-width: 41.6665px;",
-      "outputSegment": "$width: 41.6665px;",
+      "output": "$comp-scw-icon-default-icon-vector-width: 41.6666px;",
+      "outputSegment": "$width: 41.6666px;",
       "outputSegmentRef": "default-icon-vector-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-icon-default-icon-vector-height: 41.6666px;",
-      "outputSegment": "$height: 41.6666px;",
+      "output": "$comp-scw-icon-default-icon-vector-height: 41.667px;",
+      "outputSegment": "$height: 41.667px;",
       "outputSegmentRef": "default-icon-vector-vars.$height"
     },
     "constraint-horizontal": {
@@ -15248,8 +15248,8 @@
       "outputSegmentRef": "default-icon-vector-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-icon-default-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
+      "output": "$comp-scw-icon-default-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
       "outputSegmentRef": "default-icon-vector-vars.$top"
     },
     "top-percent": {
@@ -15258,13 +15258,13 @@
       "outputSegmentRef": "default-icon-vector-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-icon-default-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
+      "output": "$comp-scw-icon-default-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.4166015625 );",
       "outputSegmentRef": "default-icon-vector-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-icon-default-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.416650390625 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.416650390625 );",
+      "output": "$comp-scw-icon-default-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );",
       "outputSegmentRef": "default-icon-vector-vars.$left"
     },
     "left-percent": {
@@ -15273,8 +15273,8 @@
       "outputSegmentRef": "default-icon-vector-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-icon-default-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.41669921875 );",
+      "output": "$comp-scw-icon-default-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );",
       "outputSegmentRef": "default-icon-vector-vars.$right"
     },
     "padding-left": {
@@ -68965,13 +68965,13 @@
       "outputSegmentRef": "default-text-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-rich-text-default-text-color: var( --scw-color-primary );",
-      "outputSegment": "$color: var( --scw-color-primary );",
+      "output": "$comp-scw-rich-text-default-text-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "default-text-vars.$color"
     },
     "font-family": {
-      "output": "$comp-scw-rich-text-default-text-font-family: 'Proxima Nova Condensed';",
-      "outputSegment": "$font-family: 'Proxima Nova Condensed';",
+      "output": "$comp-scw-rich-text-default-text-font-family: 'Proxima Nova';",
+      "outputSegment": "$font-family: 'Proxima Nova';",
       "outputSegmentRef": "default-text-vars.$font-family"
     },
     "font-weight": {
@@ -68990,8 +68990,8 @@
       "outputSegmentRef": "default-text-vars.$letter-spacing"
     },
     "font": {
-      "output": "$comp-scw-rich-text-default-text-font: var( --scw-type-text-bold-condensed-10-font );",
-      "outputSegment": "$font: var( --scw-type-text-bold-condensed-10-font );",
+      "output": "$comp-scw-rich-text-default-text-font: var( --scw-type-text-bold-10-font );",
+      "outputSegment": "$font: var( --scw-type-text-bold-10-font );",
       "outputSegmentRef": "default-text-vars.$font"
     },
     "width": {
@@ -69249,8 +69249,8 @@
       "outputSegmentRef": "size-h2-text-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-rich-text-size-h2-text-color: var( --scw-color-primary );",
-      "outputSegment": "$color: var( --scw-color-primary );",
+      "output": "$comp-scw-rich-text-size-h2-text-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "size-h2-text-vars.$color"
     },
     "font-family": {
@@ -69533,8 +69533,8 @@
       "outputSegmentRef": "size-h3-text-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-rich-text-size-h3-text-color: var( --scw-color-primary );",
-      "outputSegment": "$color: var( --scw-color-primary );",
+      "output": "$comp-scw-rich-text-size-h3-text-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "size-h3-text-vars.$color"
     },
     "font-family": {
@@ -71237,8 +71237,8 @@
       "outputSegmentRef": "size-link-text-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-rich-text-size-link-text-color: var( --scw-color-primary );",
-      "outputSegment": "$color: var( --scw-color-primary );",
+      "output": "$comp-scw-rich-text-size-link-text-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "size-link-text-vars.$color"
     },
     "font-family": {
@@ -71486,8 +71486,8 @@
       "namespace": "size-table-header-row-vars"
     },
     "background-color": {
-      "output": "$comp-scw-rich-text-size-table-header-row-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-rich-text-size-table-header-row-background-color: var( --scw-color-grey-03 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-03 );",
       "outputSegmentRef": "size-table-header-row-vars.$background-color"
     },
     "blend-mode": {
@@ -80975,8 +80975,8 @@
       "outputSegmentRef": "default-text-vars.$color"
     },
     "font-family": {
-      "output": "$comp-scw-base-heading-default-text-font-family: 'Proxima Nova Condensed';",
-      "outputSegment": "$font-family: 'Proxima Nova Condensed';",
+      "output": "$comp-scw-base-heading-default-text-font-family: 'Proxima Nova';",
+      "outputSegment": "$font-family: 'Proxima Nova';",
       "outputSegmentRef": "default-text-vars.$font-family"
     },
     "font-weight": {
@@ -80995,8 +80995,8 @@
       "outputSegmentRef": "default-text-vars.$letter-spacing"
     },
     "font": {
-      "output": "$comp-scw-base-heading-default-text-font: var( --scw-type-text-bold-condensed-10-font );",
-      "outputSegment": "$font: var( --scw-type-text-bold-condensed-10-font );",
+      "output": "$comp-scw-base-heading-default-text-font: var( --scw-type-text-bold-10-font );",
+      "outputSegment": "$font: var( --scw-type-text-bold-10-font );",
       "outputSegmentRef": "default-text-vars.$font"
     },
     "width": {
@@ -109774,8 +109774,8 @@
       "outputSegmentRef": "index-vars.$width"
     },
     "height": {
-      "output": "$comp-scw-link-base-height: 364px;",
-      "outputSegment": "$height: 364px;",
+      "output": "$comp-scw-link-base-height: 454px;",
+      "outputSegment": "$height: 454px;",
       "outputSegmentRef": "index-vars.$height"
     },
     "constraint-horizontal": {
@@ -109886,8 +109886,8 @@
       "namespace": "default-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-default-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-default-background-color: var( --scw-color-primary-07 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-07 );",
       "outputSegmentRef": "default-vars.$background-color"
     },
     "blend-mode": {
@@ -109896,8 +109896,8 @@
       "outputSegmentRef": "default-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-default-stroke-color: var( --scw-color-primary );",
-      "outputSegment": "$stroke-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-default-stroke-color: var( --scw-color-primary-07 );",
+      "outputSegment": "$stroke-color: var( --scw-color-primary-07 );",
       "outputSegmentRef": "default-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -109996,13 +109996,13 @@
       "outputSegmentRef": "default-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-default-top-percent: 10.99%;",
-      "outputSegment": "$top-percent: 10.99%;",
+      "output": "$comp-scw-link-base-default-top-percent: 8.81%;",
+      "outputSegment": "$top-percent: 8.81%;",
       "outputSegmentRef": "default-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-default-bottom: calc( var( --scw-spacing-1 ) * 30.4 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 30.4 );",
+      "output": "$comp-scw-link-base-default-bottom: calc( var( --scw-spacing-1 ) * 39.4 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 39.4 );",
       "outputSegmentRef": "default-vars.$bottom"
     },
     "left": {
@@ -110113,18 +110113,18 @@
       "outputSegmentRef": "default-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-default-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-default-left-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "default-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-default-left-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-default-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "default-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-default-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-default-left-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "default-left-icon-vars.$bottom"
     },
     "left": {
@@ -110297,8 +110297,8 @@
       "namespace": "default-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-default-left-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-default-left-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "default-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -110576,8 +110576,8 @@
       "outputSegmentRef": "default-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-default-label-label-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-default-label-label-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "default-label-label-vars.$color"
     },
     "font-family": {
@@ -110768,33 +110768,33 @@
       "outputSegmentRef": "default-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-default-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-default-right-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "default-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-default-right-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-default-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "default-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-default-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-default-right-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "default-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-default-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 8.4 );",
+      "output": "$comp-scw-link-base-default-right-icon-left: var( --scw-spacing-6 );",
+      "outputSegment": "$left: var( --scw-spacing-6 );",
       "outputSegmentRef": "default-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-default-right-icon-left-percent: 130.56%;",
-      "outputSegment": "$left-percent: 130.56%;",
+      "output": "$comp-scw-link-base-default-right-icon-left-percent: 97.22%;",
+      "outputSegment": "$left-percent: 97.22%;",
       "outputSegmentRef": "default-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-default-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -3.2 );",
+      "output": "$comp-scw-link-base-default-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -0.8 );",
       "outputSegmentRef": "default-right-icon-vars.$right"
     },
     "padding-left": {
@@ -110947,8 +110947,8 @@
       "namespace": "default-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-default-right-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-default-right-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "default-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -111074,8 +111074,8 @@
       "namespace": "state-hover-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-state-hover-background-color: var( --scw-color-primary-02 );",
-      "outputSegment": "$background-color: var( --scw-color-primary-02 );",
+      "output": "$comp-scw-link-base-state-hover-background-color: var( --scw-color-primary-06 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-06 );",
       "outputSegmentRef": "state-hover-vars.$background-color"
     },
     "blend-mode": {
@@ -111084,8 +111084,8 @@
       "outputSegmentRef": "state-hover-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-state-hover-stroke-color: var( --scw-color-primary-02 );",
-      "outputSegment": "$stroke-color: var( --scw-color-primary-02 );",
+      "output": "$comp-scw-link-base-state-hover-stroke-color: var( --scw-color-primary-06 );",
+      "outputSegment": "$stroke-color: var( --scw-color-primary-06 );",
       "outputSegmentRef": "state-hover-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -111184,13 +111184,13 @@
       "outputSegmentRef": "state-hover-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-state-hover-top-percent: 10.99%;",
-      "outputSegment": "$top-percent: 10.99%;",
+      "output": "$comp-scw-link-base-state-hover-top-percent: 8.81%;",
+      "outputSegment": "$top-percent: 8.81%;",
       "outputSegmentRef": "state-hover-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-state-hover-bottom: calc( var( --scw-spacing-1 ) * 30.4 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 30.4 );",
+      "output": "$comp-scw-link-base-state-hover-bottom: calc( var( --scw-spacing-1 ) * 39.4 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 39.4 );",
       "outputSegmentRef": "state-hover-vars.$bottom"
     },
     "left": {
@@ -111301,18 +111301,18 @@
       "outputSegmentRef": "state-hover-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-state-hover-left-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-state-hover-left-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-state-hover-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "state-hover-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-state-hover-left-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-left-icon-vars.$bottom"
     },
     "left": {
@@ -111485,8 +111485,8 @@
       "namespace": "state-hover-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-state-hover-left-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-state-hover-left-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "state-hover-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -111764,8 +111764,8 @@
       "outputSegmentRef": "state-hover-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-state-hover-label-label-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-state-hover-label-label-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "state-hover-label-label-vars.$color"
     },
     "font-family": {
@@ -111956,33 +111956,33 @@
       "outputSegmentRef": "state-hover-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-state-hover-right-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-state-hover-right-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-state-hover-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "state-hover-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-state-hover-right-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-hover-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 8.4 );",
+      "output": "$comp-scw-link-base-state-hover-right-icon-left: var( --scw-spacing-6 );",
+      "outputSegment": "$left: var( --scw-spacing-6 );",
       "outputSegmentRef": "state-hover-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-state-hover-right-icon-left-percent: 130.56%;",
-      "outputSegment": "$left-percent: 130.56%;",
+      "output": "$comp-scw-link-base-state-hover-right-icon-left-percent: 97.22%;",
+      "outputSegment": "$left-percent: 97.22%;",
       "outputSegmentRef": "state-hover-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -3.2 );",
+      "output": "$comp-scw-link-base-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -0.8 );",
       "outputSegmentRef": "state-hover-right-icon-vars.$right"
     },
     "padding-left": {
@@ -112135,8 +112135,8 @@
       "namespace": "state-hover-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-state-hover-right-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-state-hover-right-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "state-hover-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -112262,8 +112262,8 @@
       "namespace": "state-focused-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-state-focused-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-state-focused-background-color: var( --scw-color-primary-07 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-07 );",
       "outputSegmentRef": "state-focused-vars.$background-color"
     },
     "blend-mode": {
@@ -112272,8 +112272,8 @@
       "outputSegmentRef": "state-focused-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-state-focused-stroke-color: var( --scw-color-primary );",
-      "outputSegment": "$stroke-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-state-focused-stroke-color: var( --scw-color-primary-07 );",
+      "outputSegment": "$stroke-color: var( --scw-color-primary-07 );",
       "outputSegmentRef": "state-focused-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -112402,13 +112402,13 @@
       "outputSegmentRef": "state-focused-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-state-focused-top-percent: 10.99%;",
-      "outputSegment": "$top-percent: 10.99%;",
+      "output": "$comp-scw-link-base-state-focused-top-percent: 8.81%;",
+      "outputSegment": "$top-percent: 8.81%;",
       "outputSegmentRef": "state-focused-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-state-focused-bottom: calc( var( --scw-spacing-1 ) * 30.4 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 30.4 );",
+      "output": "$comp-scw-link-base-state-focused-bottom: calc( var( --scw-spacing-1 ) * 39.4 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 39.4 );",
       "outputSegmentRef": "state-focused-vars.$bottom"
     },
     "left": {
@@ -112519,18 +112519,18 @@
       "outputSegmentRef": "state-focused-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-state-focused-left-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focused-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-state-focused-left-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-state-focused-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "state-focused-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-state-focused-left-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focused-left-icon-vars.$bottom"
     },
     "left": {
@@ -112703,8 +112703,8 @@
       "namespace": "state-focused-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-state-focused-left-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-state-focused-left-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "state-focused-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -112982,8 +112982,8 @@
       "outputSegmentRef": "state-focused-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-state-focused-label-label-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-state-focused-label-label-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "state-focused-label-label-vars.$color"
     },
     "font-family": {
@@ -113174,33 +113174,33 @@
       "outputSegmentRef": "state-focused-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-state-focused-right-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focused-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-state-focused-right-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-state-focused-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "state-focused-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-state-focused-right-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-focused-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 8.4 );",
+      "output": "$comp-scw-link-base-state-focused-right-icon-left: var( --scw-spacing-6 );",
+      "outputSegment": "$left: var( --scw-spacing-6 );",
       "outputSegmentRef": "state-focused-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-state-focused-right-icon-left-percent: 130.56%;",
-      "outputSegment": "$left-percent: 130.56%;",
+      "output": "$comp-scw-link-base-state-focused-right-icon-left-percent: 97.22%;",
+      "outputSegment": "$left-percent: 97.22%;",
       "outputSegmentRef": "state-focused-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -3.2 );",
+      "output": "$comp-scw-link-base-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -0.8 );",
       "outputSegmentRef": "state-focused-right-icon-vars.$right"
     },
     "padding-left": {
@@ -113353,8 +113353,8 @@
       "namespace": "state-focused-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-state-focused-right-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-state-focused-right-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "state-focused-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -113480,8 +113480,8 @@
       "namespace": "state-disabled-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-state-disabled-background-color: var( --scw-color-grey-095 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-095 );",
+      "output": "$comp-scw-link-base-state-disabled-background-color: var( --scw-color-grey-092 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-092 );",
       "outputSegmentRef": "state-disabled-vars.$background-color"
     },
     "blend-mode": {
@@ -113490,8 +113490,8 @@
       "outputSegmentRef": "state-disabled-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-state-disabled-stroke-color: var( --scw-color-grey-095 );",
-      "outputSegment": "$stroke-color: var( --scw-color-grey-095 );",
+      "output": "$comp-scw-link-base-state-disabled-stroke-color: var( --scw-color-grey-092 );",
+      "outputSegment": "$stroke-color: var( --scw-color-grey-092 );",
       "outputSegmentRef": "state-disabled-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -113590,13 +113590,13 @@
       "outputSegmentRef": "state-disabled-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-state-disabled-top-percent: 10.99%;",
-      "outputSegment": "$top-percent: 10.99%;",
+      "output": "$comp-scw-link-base-state-disabled-top-percent: 8.81%;",
+      "outputSegment": "$top-percent: 8.81%;",
       "outputSegmentRef": "state-disabled-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 30.4 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 30.4 );",
+      "output": "$comp-scw-link-base-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 39.4 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 39.4 );",
       "outputSegmentRef": "state-disabled-vars.$bottom"
     },
     "left": {
@@ -113707,18 +113707,18 @@
       "outputSegmentRef": "state-disabled-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-state-disabled-left-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-disabled-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-state-disabled-left-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-state-disabled-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "state-disabled-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-state-disabled-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-state-disabled-left-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-disabled-left-icon-vars.$bottom"
     },
     "left": {
@@ -114170,8 +114170,8 @@
       "outputSegmentRef": "state-disabled-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-state-disabled-label-label-color: var( --scw-color-grey-08 );",
-      "outputSegment": "$color: var( --scw-color-grey-08 );",
+      "output": "$comp-scw-link-base-state-disabled-label-label-color: var( --scw-color-grey-07 );",
+      "outputSegment": "$color: var( --scw-color-grey-07 );",
       "outputSegmentRef": "state-disabled-label-label-vars.$color"
     },
     "font-family": {
@@ -114362,33 +114362,33 @@
       "outputSegmentRef": "state-disabled-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-state-disabled-right-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-disabled-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-state-disabled-right-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-state-disabled-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "state-disabled-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-state-disabled-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-state-disabled-right-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "state-disabled-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 8.4 );",
+      "output": "$comp-scw-link-base-state-disabled-right-icon-left: var( --scw-spacing-6 );",
+      "outputSegment": "$left: var( --scw-spacing-6 );",
       "outputSegmentRef": "state-disabled-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-state-disabled-right-icon-left-percent: 130.56%;",
-      "outputSegment": "$left-percent: 130.56%;",
+      "output": "$comp-scw-link-base-state-disabled-right-icon-left-percent: 97.22%;",
+      "outputSegment": "$left-percent: 97.22%;",
       "outputSegmentRef": "state-disabled-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -3.2 );",
+      "output": "$comp-scw-link-base-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -0.8 );",
       "outputSegmentRef": "state-disabled-right-icon-vars.$right"
     },
     "padding-left": {
@@ -114668,8 +114668,8 @@
       "namespace": "design-outline-state-disabled-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-background-color: var( --scw-color-grey-095 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-095 );",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-background-color: var( --scw-color-grey-092 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-092 );",
       "outputSegmentRef": "design-outline-state-disabled-vars.$background-color"
     },
     "blend-mode": {
@@ -114678,8 +114678,8 @@
       "outputSegmentRef": "design-outline-state-disabled-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-stroke-color: var( --scw-color-grey-095 );",
-      "outputSegment": "$stroke-color: var( --scw-color-grey-095 );",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-stroke-color: var( --scw-color-grey-092 );",
+      "outputSegment": "$stroke-color: var( --scw-color-grey-092 );",
       "outputSegmentRef": "design-outline-state-disabled-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -114778,13 +114778,13 @@
       "outputSegmentRef": "design-outline-state-disabled-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-top-percent: 27.47%;",
-      "outputSegment": "$top-percent: 27.47%;",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-top-percent: 22.03%;",
+      "outputSegment": "$top-percent: 22.03%;",
       "outputSegmentRef": "design-outline-state-disabled-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 24.4 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 24.4 );",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 33.4 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 33.4 );",
       "outputSegmentRef": "design-outline-state-disabled-vars.$bottom"
     },
     "left": {
@@ -114895,18 +114895,18 @@
       "outputSegmentRef": "design-outline-state-disabled-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-left-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-disabled-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-left-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-outline-state-disabled-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-left-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-disabled-left-icon-vars.$bottom"
     },
     "left": {
@@ -115358,8 +115358,8 @@
       "outputSegmentRef": "design-outline-state-disabled-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-label-label-color: var( --scw-color-grey-08 );",
-      "outputSegment": "$color: var( --scw-color-grey-08 );",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-label-label-color: var( --scw-color-grey-07 );",
+      "outputSegment": "$color: var( --scw-color-grey-07 );",
       "outputSegmentRef": "design-outline-state-disabled-label-label-vars.$color"
     },
     "font-family": {
@@ -115550,33 +115550,33 @@
       "outputSegmentRef": "design-outline-state-disabled-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-disabled-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-outline-state-disabled-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-disabled-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 8.4 );",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-left: var( --scw-spacing-6 );",
+      "outputSegment": "$left: var( --scw-spacing-6 );",
       "outputSegmentRef": "design-outline-state-disabled-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-left-percent: 130.56%;",
-      "outputSegment": "$left-percent: 130.56%;",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-left-percent: 97.22%;",
+      "outputSegment": "$left-percent: 97.22%;",
       "outputSegmentRef": "design-outline-state-disabled-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -3.2 );",
+      "output": "$comp-scw-link-base-design-outline-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -0.8 );",
       "outputSegmentRef": "design-outline-state-disabled-right-icon-vars.$right"
     },
     "padding-left": {
@@ -115866,8 +115866,8 @@
       "outputSegmentRef": "design-outline-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-design-outline-stroke-color: var( --scw-color-primary );",
-      "outputSegment": "$stroke-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-stroke-color: var( --scw-color-grey-08 );",
+      "outputSegment": "$stroke-color: var( --scw-color-grey-08 );",
       "outputSegmentRef": "design-outline-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -115966,13 +115966,13 @@
       "outputSegmentRef": "design-outline-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-top-percent: 27.47%;",
-      "outputSegment": "$top-percent: 27.47%;",
+      "output": "$comp-scw-link-base-design-outline-top-percent: 22.03%;",
+      "outputSegment": "$top-percent: 22.03%;",
       "outputSegmentRef": "design-outline-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-bottom: calc( var( --scw-spacing-1 ) * 24.4 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 24.4 );",
+      "output": "$comp-scw-link-base-design-outline-bottom: calc( var( --scw-spacing-1 ) * 33.4 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 33.4 );",
       "outputSegmentRef": "design-outline-vars.$bottom"
     },
     "left": {
@@ -116083,18 +116083,18 @@
       "outputSegmentRef": "design-outline-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-outline-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-outline-left-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-left-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-design-outline-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-outline-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-design-outline-left-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-left-icon-vars.$bottom"
     },
     "left": {
@@ -116267,8 +116267,8 @@
       "namespace": "design-outline-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-outline-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-left-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-outline-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -116546,8 +116546,8 @@
       "outputSegmentRef": "design-outline-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-design-outline-label-label-color: var( --scw-color-primary );",
-      "outputSegment": "$color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-label-label-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-outline-label-label-vars.$color"
     },
     "font-family": {
@@ -116738,33 +116738,33 @@
       "outputSegmentRef": "design-outline-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-outline-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-outline-right-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-right-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-design-outline-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-outline-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-design-outline-right-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-outline-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 8.4 );",
+      "output": "$comp-scw-link-base-design-outline-right-icon-left: var( --scw-spacing-6 );",
+      "outputSegment": "$left: var( --scw-spacing-6 );",
       "outputSegmentRef": "design-outline-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-outline-right-icon-left-percent: 130.56%;",
-      "outputSegment": "$left-percent: 130.56%;",
+      "output": "$comp-scw-link-base-design-outline-right-icon-left-percent: 97.22%;",
+      "outputSegment": "$left-percent: 97.22%;",
       "outputSegmentRef": "design-outline-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-outline-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -3.2 );",
+      "output": "$comp-scw-link-base-design-outline-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -0.8 );",
       "outputSegmentRef": "design-outline-right-icon-vars.$right"
     },
     "padding-left": {
@@ -116917,8 +116917,8 @@
       "namespace": "design-outline-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-outline-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-outline-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -117054,8 +117054,8 @@
       "outputSegmentRef": "design-outline-state-focused-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-stroke-color: var( --scw-color-primary );",
-      "outputSegment": "$stroke-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-stroke-color: var( --scw-color-grey-08 );",
+      "outputSegment": "$stroke-color: var( --scw-color-grey-08 );",
       "outputSegmentRef": "design-outline-state-focused-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -117184,13 +117184,13 @@
       "outputSegmentRef": "design-outline-state-focused-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-top-percent: 27.47%;",
-      "outputSegment": "$top-percent: 27.47%;",
+      "output": "$comp-scw-link-base-design-outline-state-focused-top-percent: 22.03%;",
+      "outputSegment": "$top-percent: 22.03%;",
       "outputSegmentRef": "design-outline-state-focused-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-bottom: calc( var( --scw-spacing-1 ) * 24.4 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 24.4 );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-bottom: calc( var( --scw-spacing-1 ) * 33.4 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 33.4 );",
       "outputSegmentRef": "design-outline-state-focused-vars.$bottom"
     },
     "left": {
@@ -117301,18 +117301,18 @@
       "outputSegmentRef": "design-outline-state-focused-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-left-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-focused-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-left-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-design-outline-state-focused-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-outline-state-focused-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-left-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-focused-left-icon-vars.$bottom"
     },
     "left": {
@@ -117485,8 +117485,8 @@
       "namespace": "design-outline-state-focused-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-outline-state-focused-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -117764,8 +117764,8 @@
       "outputSegmentRef": "design-outline-state-focused-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-label-label-color: var( --scw-color-primary );",
-      "outputSegment": "$color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-label-label-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-outline-state-focused-label-label-vars.$color"
     },
     "font-family": {
@@ -117956,33 +117956,33 @@
       "outputSegmentRef": "design-outline-state-focused-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-focused-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-outline-state-focused-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-focused-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 8.4 );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-left: var( --scw-spacing-6 );",
+      "outputSegment": "$left: var( --scw-spacing-6 );",
       "outputSegmentRef": "design-outline-state-focused-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-left-percent: 130.56%;",
-      "outputSegment": "$left-percent: 130.56%;",
+      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-left-percent: 97.22%;",
+      "outputSegment": "$left-percent: 97.22%;",
       "outputSegmentRef": "design-outline-state-focused-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -3.2 );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -0.8 );",
       "outputSegmentRef": "design-outline-state-focused-right-icon-vars.$right"
     },
     "padding-left": {
@@ -118135,8 +118135,8 @@
       "namespace": "design-outline-state-focused-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-outline-state-focused-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -118262,8 +118262,8 @@
       "namespace": "design-outline-state-hover-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-background-color: var( --scw-color-grey-092 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-092 );",
       "outputSegmentRef": "design-outline-state-hover-vars.$background-color"
     },
     "blend-mode": {
@@ -118272,8 +118272,8 @@
       "outputSegmentRef": "design-outline-state-hover-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-stroke-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$stroke-color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-stroke-color: var( --scw-color-grey-08 );",
+      "outputSegment": "$stroke-color: var( --scw-color-grey-08 );",
       "outputSegmentRef": "design-outline-state-hover-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -118372,13 +118372,13 @@
       "outputSegmentRef": "design-outline-state-hover-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-top-percent: 27.47%;",
-      "outputSegment": "$top-percent: 27.47%;",
+      "output": "$comp-scw-link-base-design-outline-state-hover-top-percent: 22.03%;",
+      "outputSegment": "$top-percent: 22.03%;",
       "outputSegmentRef": "design-outline-state-hover-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-bottom: calc( var( --scw-spacing-1 ) * 24.4 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 24.4 );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-bottom: calc( var( --scw-spacing-1 ) * 33.4 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 33.4 );",
       "outputSegmentRef": "design-outline-state-hover-vars.$bottom"
     },
     "left": {
@@ -118489,18 +118489,18 @@
       "outputSegmentRef": "design-outline-state-hover-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-left-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-hover-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-left-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-design-outline-state-hover-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-outline-state-hover-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-left-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-hover-left-icon-vars.$bottom"
     },
     "left": {
@@ -118673,8 +118673,8 @@
       "namespace": "design-outline-state-hover-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-outline-state-hover-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -118952,8 +118952,8 @@
       "outputSegmentRef": "design-outline-state-hover-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-label-label-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-label-label-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-outline-state-hover-label-label-vars.$color"
     },
     "font-family": {
@@ -119144,33 +119144,33 @@
       "outputSegmentRef": "design-outline-state-hover-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-top: var( --scw-spacing-1 );",
+      "outputSegment": "$top: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-hover-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-top-percent: 55%;",
-      "outputSegment": "$top-percent: 55%;",
+      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-outline-state-hover-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.8 );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-bottom: var( --scw-spacing-1 );",
+      "outputSegment": "$bottom: var( --scw-spacing-1 );",
       "outputSegmentRef": "design-outline-state-hover-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 8.4 );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-left: var( --scw-spacing-6 );",
+      "outputSegment": "$left: var( --scw-spacing-6 );",
       "outputSegmentRef": "design-outline-state-hover-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-left-percent: 130.56%;",
-      "outputSegment": "$left-percent: 130.56%;",
+      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-left-percent: 97.22%;",
+      "outputSegment": "$left-percent: 97.22%;",
       "outputSegmentRef": "design-outline-state-hover-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -3.2 );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -0.8 );",
       "outputSegmentRef": "design-outline-state-hover-right-icon-vars.$right"
     },
     "padding-left": {
@@ -119323,8 +119323,8 @@
       "namespace": "design-outline-state-hover-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-outline-state-hover-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-outline-state-hover-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -119535,13 +119535,13 @@
       "outputSegmentRef": "design-block-link-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-top-percent: 43.68%;",
-      "outputSegment": "$top-percent: 43.68%;",
+      "output": "$comp-scw-link-base-design-block-link-top-percent: 35.02%;",
+      "outputSegment": "$top-percent: 35.02%;",
       "outputSegmentRef": "design-block-link-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-bottom: calc( var( --scw-spacing-1 ) * 18.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 18.6 );",
+      "output": "$comp-scw-link-base-design-block-link-bottom: calc( var( --scw-spacing-1 ) * 27.6 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 27.6 );",
       "outputSegmentRef": "design-block-link-vars.$bottom"
     },
     "left": {
@@ -119652,18 +119652,18 @@
       "outputSegmentRef": "design-block-link-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-block-link-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-block-link-left-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-left-icon-top-percent: 57.89%;",
-      "outputSegment": "$top-percent: 57.89%;",
+      "output": "$comp-scw-link-base-design-block-link-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-block-link-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+      "output": "$comp-scw-link-base-design-block-link-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-left-icon-vars.$bottom"
     },
     "left": {
@@ -119836,8 +119836,8 @@
       "namespace": "design-block-link-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-block-link-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-block-link-left-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-block-link-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -120115,8 +120115,8 @@
       "outputSegmentRef": "design-block-link-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-design-block-link-label-label-color: var( --scw-color-primary );",
-      "outputSegment": "$color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-block-link-label-label-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-block-link-label-label-vars.$color"
     },
     "font-family": {
@@ -120307,33 +120307,33 @@
       "outputSegmentRef": "design-block-link-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-block-link-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-block-link-right-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-right-icon-top-percent: 57.89%;",
-      "outputSegment": "$top-percent: 57.89%;",
+      "output": "$comp-scw-link-base-design-block-link-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-block-link-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+      "output": "$comp-scw-link-base-design-block-link-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-block-link-right-icon-left: calc( var( --scw-spacing-1 ) * 6.7 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 6.7 );",
+      "output": "$comp-scw-link-base-design-block-link-right-icon-left: calc( var( --scw-spacing-1 ) * 4.3 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.3 );",
       "outputSegmentRef": "design-block-link-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-block-link-right-icon-left-percent: 197.44%;",
-      "outputSegment": "$left-percent: 197.44%;",
+      "output": "$comp-scw-link-base-design-block-link-right-icon-left-percent: 135.9%;",
+      "outputSegment": "$left-percent: 135.9%;",
       "outputSegmentRef": "design-block-link-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-block-link-right-icon-right: calc( var( --scw-spacing-1 ) * -4.8 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -4.8 );",
+      "output": "$comp-scw-link-base-design-block-link-right-icon-right: calc( var( --scw-spacing-1 ) * -2.4 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -2.4 );",
       "outputSegmentRef": "design-block-link-right-icon-vars.$right"
     },
     "padding-left": {
@@ -120486,8 +120486,8 @@
       "namespace": "design-block-link-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-block-link-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-block-link-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-block-link-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -120698,13 +120698,13 @@
       "outputSegmentRef": "design-block-link-state-hover-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-top-percent: 43.68%;",
-      "outputSegment": "$top-percent: 43.68%;",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-top-percent: 35.02%;",
+      "outputSegment": "$top-percent: 35.02%;",
       "outputSegmentRef": "design-block-link-state-hover-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-bottom: calc( var( --scw-spacing-1 ) * 18.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 18.6 );",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-bottom: calc( var( --scw-spacing-1 ) * 27.6 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 27.6 );",
       "outputSegmentRef": "design-block-link-state-hover-vars.$bottom"
     },
     "left": {
@@ -120815,18 +120815,18 @@
       "outputSegmentRef": "design-block-link-state-hover-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-hover-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-left-icon-top-percent: 57.89%;",
-      "outputSegment": "$top-percent: 57.89%;",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-block-link-state-hover-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-hover-left-icon-vars.$bottom"
     },
     "left": {
@@ -120999,8 +120999,8 @@
       "namespace": "design-block-link-state-hover-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector-background-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-block-link-state-hover-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -121278,8 +121278,8 @@
       "outputSegmentRef": "design-block-link-state-hover-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-label-label-color: var( --scw-color-primary-02 );",
-      "outputSegment": "$color: var( --scw-color-primary-02 );",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-label-label-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-block-link-state-hover-label-label-vars.$color"
     },
     "font-family": {
@@ -121470,33 +121470,33 @@
       "outputSegmentRef": "design-block-link-state-hover-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-hover-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-top-percent: 57.89%;",
-      "outputSegment": "$top-percent: 57.89%;",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-block-link-state-hover-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-hover-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 6.7 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 6.7 );",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 4.3 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.3 );",
       "outputSegmentRef": "design-block-link-state-hover-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-left-percent: 197.44%;",
-      "outputSegment": "$left-percent: 197.44%;",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-left-percent: 135.9%;",
+      "outputSegment": "$left-percent: 135.9%;",
       "outputSegmentRef": "design-block-link-state-hover-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -4.8 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -4.8 );",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -2.4 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -2.4 );",
       "outputSegmentRef": "design-block-link-state-hover-right-icon-vars.$right"
     },
     "padding-left": {
@@ -121649,8 +121649,8 @@
       "namespace": "design-block-link-state-hover-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-block-link-state-hover-right-icon-icon-vector-background-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-block-link-state-hover-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -121861,13 +121861,13 @@
       "outputSegmentRef": "design-block-link-state-disabled-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-top-percent: 43.68%;",
-      "outputSegment": "$top-percent: 43.68%;",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-top-percent: 35.02%;",
+      "outputSegment": "$top-percent: 35.02%;",
       "outputSegmentRef": "design-block-link-state-disabled-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 18.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 18.6 );",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 27.6 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 27.6 );",
       "outputSegmentRef": "design-block-link-state-disabled-vars.$bottom"
     },
     "left": {
@@ -121978,18 +121978,18 @@
       "outputSegmentRef": "design-block-link-state-disabled-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-disabled-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-left-icon-top-percent: 57.89%;",
-      "outputSegment": "$top-percent: 57.89%;",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-block-link-state-disabled-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-disabled-left-icon-vars.$bottom"
     },
     "left": {
@@ -122162,8 +122162,8 @@
       "namespace": "design-block-link-state-disabled-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector-background-color: var( --scw-color-grey-08 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-08 );",
       "outputSegmentRef": "design-block-link-state-disabled-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -122633,33 +122633,33 @@
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-top-percent: 57.89%;",
-      "outputSegment": "$top-percent: 57.89%;",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 6.7 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 6.7 );",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 4.3 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.3 );",
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-left-percent: 197.44%;",
-      "outputSegment": "$left-percent: 197.44%;",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-left-percent: 135.9%;",
+      "outputSegment": "$left-percent: 135.9%;",
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -4.8 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -4.8 );",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -2.4 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -2.4 );",
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-vars.$right"
     },
     "padding-left": {
@@ -122812,8 +122812,8 @@
       "namespace": "design-block-link-state-disabled-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-vector-background-color: var( --scw-color-grey-08 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-08 );",
       "outputSegmentRef": "design-block-link-state-disabled-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -123079,13 +123079,13 @@
       "outputSegmentRef": "design-block-link-state-focused-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-top-percent: 43.68%;",
-      "outputSegment": "$top-percent: 43.68%;",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-top-percent: 35.02%;",
+      "outputSegment": "$top-percent: 35.02%;",
       "outputSegmentRef": "design-block-link-state-focused-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-bottom: calc( var( --scw-spacing-1 ) * 18.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 18.6 );",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-bottom: calc( var( --scw-spacing-1 ) * 27.6 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 27.6 );",
       "outputSegmentRef": "design-block-link-state-focused-vars.$bottom"
     },
     "left": {
@@ -123196,18 +123196,18 @@
       "outputSegmentRef": "design-block-link-state-focused-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-focused-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-left-icon-top-percent: 57.89%;",
-      "outputSegment": "$top-percent: 57.89%;",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-block-link-state-focused-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-focused-left-icon-vars.$bottom"
     },
     "left": {
@@ -123380,8 +123380,8 @@
       "namespace": "design-block-link-state-focused-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector-background-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-block-link-state-focused-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -123659,8 +123659,8 @@
       "outputSegmentRef": "design-block-link-state-focused-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-label-label-color: var( --scw-color-primary-02 );",
-      "outputSegment": "$color: var( --scw-color-primary-02 );",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-label-label-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-block-link-state-focused-label-label-vars.$color"
     },
     "font-family": {
@@ -123851,33 +123851,33 @@
       "outputSegmentRef": "design-block-link-state-focused-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 1.2 );",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-focused-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-top-percent: 57.89%;",
-      "outputSegment": "$top-percent: 57.89%;",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-block-link-state-focused-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
       "outputSegmentRef": "design-block-link-state-focused-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 6.7 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 6.7 );",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 4.3 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.3 );",
       "outputSegmentRef": "design-block-link-state-focused-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-left-percent: 197.44%;",
-      "outputSegment": "$left-percent: 197.44%;",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-left-percent: 135.9%;",
+      "outputSegment": "$left-percent: 135.9%;",
       "outputSegmentRef": "design-block-link-state-focused-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -4.8 );",
-      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -4.8 );",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -2.4 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -2.4 );",
       "outputSegmentRef": "design-block-link-state-focused-right-icon-vars.$right"
     },
     "padding-left": {
@@ -124030,8 +124030,8 @@
       "namespace": "design-block-link-state-focused-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-block-link-state-focused-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-block-link-state-focused-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -124242,13 +124242,13 @@
       "outputSegmentRef": "design-link-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-top-percent: 59.07%;",
-      "outputSegment": "$top-percent: 59.07%;",
+      "output": "$comp-scw-link-base-design-link-top-percent: 47.36%;",
+      "outputSegment": "$top-percent: 47.36%;",
       "outputSegmentRef": "design-link-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-bottom: calc( var( --scw-spacing-1 ) * 13.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 13.8 );",
+      "output": "$comp-scw-link-base-design-link-bottom: calc( var( --scw-spacing-1 ) * 22.8 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 22.8 );",
       "outputSegmentRef": "design-link-vars.$bottom"
     },
     "left": {
@@ -124359,18 +124359,18 @@
       "outputSegmentRef": "design-link-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-link-left-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.2 );",
+      "output": "$comp-scw-link-base-design-link-left-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-left-icon-top-percent: 54.55%;",
-      "outputSegment": "$top-percent: 54.55%;",
+      "output": "$comp-scw-link-base-design-link-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-link-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-left-icon-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-link-base-design-link-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-left-icon-vars.$bottom"
     },
     "left": {
@@ -124543,8 +124543,8 @@
       "namespace": "design-link-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-link-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-link-left-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-link-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -124822,8 +124822,8 @@
       "outputSegmentRef": "design-link-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-design-link-label-label-color: var( --scw-color-primary );",
-      "outputSegment": "$color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-link-label-label-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-link-label-label-vars.$color"
     },
     "font-family": {
@@ -125014,33 +125014,33 @@
       "outputSegmentRef": "design-link-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-link-right-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.2 );",
+      "output": "$comp-scw-link-base-design-link-right-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-right-icon-top-percent: 54.55%;",
-      "outputSegment": "$top-percent: 54.55%;",
+      "output": "$comp-scw-link-base-design-link-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-link-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-right-icon-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-link-base-design-link-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-link-right-icon-left: calc( var( --scw-spacing-1 ) * 5.9 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 5.9 );",
+      "output": "$comp-scw-link-base-design-link-right-icon-left: calc( var( --scw-spacing-1 ) * 4.1 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.1 );",
       "outputSegmentRef": "design-link-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-link-right-icon-left-percent: 176.92%;",
-      "outputSegment": "$left-percent: 176.92%;",
+      "output": "$comp-scw-link-base-design-link-right-icon-left-percent: 130.77%;",
+      "outputSegment": "$left-percent: 130.77%;",
       "outputSegmentRef": "design-link-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-link-right-icon-right: var( --scw-spacing--4 );",
-      "outputSegment": "$right: var( --scw-spacing--4 );",
+      "output": "$comp-scw-link-base-design-link-right-icon-right: calc( var( --scw-spacing-1 ) * -2.2 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -2.2 );",
       "outputSegmentRef": "design-link-right-icon-vars.$right"
     },
     "padding-left": {
@@ -125193,8 +125193,8 @@
       "namespace": "design-link-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-link-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-link-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-link-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -125405,13 +125405,13 @@
       "outputSegmentRef": "design-link-state-hover-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-state-hover-top-percent: 59.34%;",
-      "outputSegment": "$top-percent: 59.34%;",
+      "output": "$comp-scw-link-base-design-link-state-hover-top-percent: 47.58%;",
+      "outputSegment": "$top-percent: 47.58%;",
       "outputSegmentRef": "design-link-state-hover-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-state-hover-bottom: calc( var( --scw-spacing-1 ) * 13.7 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 13.7 );",
+      "output": "$comp-scw-link-base-design-link-state-hover-bottom: calc( var( --scw-spacing-1 ) * 22.7 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 22.7 );",
       "outputSegmentRef": "design-link-state-hover-vars.$bottom"
     },
     "left": {
@@ -125522,18 +125522,18 @@
       "outputSegmentRef": "design-link-state-hover-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-link-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.2 );",
+      "output": "$comp-scw-link-base-design-link-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-hover-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-state-hover-left-icon-top-percent: 54.55%;",
-      "outputSegment": "$top-percent: 54.55%;",
+      "output": "$comp-scw-link-base-design-link-state-hover-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-link-state-hover-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-state-hover-left-icon-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-link-base-design-link-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-hover-left-icon-vars.$bottom"
     },
     "left": {
@@ -125706,8 +125706,8 @@
       "namespace": "design-link-state-hover-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-link-state-hover-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-link-state-hover-left-icon-icon-vector-background-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-link-state-hover-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -125985,8 +125985,8 @@
       "outputSegmentRef": "design-link-state-hover-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-design-link-state-hover-label-label-color: var( --scw-color-primary-02 );",
-      "outputSegment": "$color: var( --scw-color-primary-02 );",
+      "output": "$comp-scw-link-base-design-link-state-hover-label-label-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-link-state-hover-label-label-vars.$color"
     },
     "font-family": {
@@ -126177,33 +126177,33 @@
       "outputSegmentRef": "design-link-state-hover-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.2 );",
+      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-hover-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-top-percent: 54.55%;",
-      "outputSegment": "$top-percent: 54.55%;",
+      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-link-state-hover-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-hover-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 5.9 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 5.9 );",
+      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 4.1 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.1 );",
       "outputSegmentRef": "design-link-state-hover-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-left-percent: 176.92%;",
-      "outputSegment": "$left-percent: 176.92%;",
+      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-left-percent: 130.77%;",
+      "outputSegment": "$left-percent: 130.77%;",
       "outputSegmentRef": "design-link-state-hover-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-right: var( --scw-spacing--4 );",
-      "outputSegment": "$right: var( --scw-spacing--4 );",
+      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -2.2 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -2.2 );",
       "outputSegmentRef": "design-link-state-hover-right-icon-vars.$right"
     },
     "padding-left": {
@@ -126356,8 +126356,8 @@
       "namespace": "design-link-state-hover-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-link-state-hover-right-icon-icon-vector-background-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-link-state-hover-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -126568,13 +126568,13 @@
       "outputSegmentRef": "design-link-state-disabled-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-top-percent: 59.07%;",
-      "outputSegment": "$top-percent: 59.07%;",
+      "output": "$comp-scw-link-base-design-link-state-disabled-top-percent: 47.36%;",
+      "outputSegment": "$top-percent: 47.36%;",
       "outputSegmentRef": "design-link-state-disabled-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 13.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 13.8 );",
+      "output": "$comp-scw-link-base-design-link-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 22.8 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 22.8 );",
       "outputSegmentRef": "design-link-state-disabled-vars.$bottom"
     },
     "left": {
@@ -126685,18 +126685,18 @@
       "outputSegmentRef": "design-link-state-disabled-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.2 );",
+      "output": "$comp-scw-link-base-design-link-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-disabled-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-left-icon-top-percent: 54.55%;",
-      "outputSegment": "$top-percent: 54.55%;",
+      "output": "$comp-scw-link-base-design-link-state-disabled-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-link-state-disabled-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-left-icon-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-link-base-design-link-state-disabled-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-disabled-left-icon-vars.$bottom"
     },
     "left": {
@@ -126869,8 +126869,8 @@
       "namespace": "design-link-state-disabled-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector-background-color: var( --scw-color-grey-08 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-08 );",
       "outputSegmentRef": "design-link-state-disabled-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -127340,33 +127340,33 @@
       "outputSegmentRef": "design-link-state-disabled-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.2 );",
+      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-disabled-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-top-percent: 54.55%;",
-      "outputSegment": "$top-percent: 54.55%;",
+      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-link-state-disabled-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-disabled-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 5.9 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 5.9 );",
+      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 4.1 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.1 );",
       "outputSegmentRef": "design-link-state-disabled-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-left-percent: 176.92%;",
-      "outputSegment": "$left-percent: 176.92%;",
+      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-left-percent: 130.77%;",
+      "outputSegment": "$left-percent: 130.77%;",
       "outputSegmentRef": "design-link-state-disabled-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-right: var( --scw-spacing--4 );",
-      "outputSegment": "$right: var( --scw-spacing--4 );",
+      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -2.2 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -2.2 );",
       "outputSegmentRef": "design-link-state-disabled-right-icon-vars.$right"
     },
     "padding-left": {
@@ -127519,8 +127519,8 @@
       "namespace": "design-link-state-disabled-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-link-state-disabled-right-icon-icon-vector-background-color: var( --scw-color-grey-08 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-08 );",
       "outputSegmentRef": "design-link-state-disabled-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -127786,13 +127786,13 @@
       "outputSegmentRef": "design-link-state-focused-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-state-focused-top-percent: 59.62%;",
-      "outputSegment": "$top-percent: 59.62%;",
+      "output": "$comp-scw-link-base-design-link-state-focused-top-percent: 47.8%;",
+      "outputSegment": "$top-percent: 47.8%;",
       "outputSegmentRef": "design-link-state-focused-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-state-focused-bottom: calc( var( --scw-spacing-1 ) * 13.6 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 13.6 );",
+      "output": "$comp-scw-link-base-design-link-state-focused-bottom: calc( var( --scw-spacing-1 ) * 22.6 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 22.6 );",
       "outputSegmentRef": "design-link-state-focused-vars.$bottom"
     },
     "left": {
@@ -127903,18 +127903,18 @@
       "outputSegmentRef": "design-link-state-focused-left-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-link-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.2 );",
+      "output": "$comp-scw-link-base-design-link-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-focused-left-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-state-focused-left-icon-top-percent: 54.55%;",
-      "outputSegment": "$top-percent: 54.55%;",
+      "output": "$comp-scw-link-base-design-link-state-focused-left-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-link-state-focused-left-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-state-focused-left-icon-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-link-base-design-link-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-focused-left-icon-vars.$bottom"
     },
     "left": {
@@ -128087,8 +128087,8 @@
       "namespace": "design-link-state-focused-left-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-link-state-focused-left-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-link-state-focused-left-icon-icon-vector-background-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-link-state-focused-left-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -128366,8 +128366,8 @@
       "outputSegmentRef": "design-link-state-focused-label-label-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-link-base-design-link-state-focused-label-label-color: var( --scw-color-primary-02 );",
-      "outputSegment": "$color: var( --scw-color-primary-02 );",
+      "output": "$comp-scw-link-base-design-link-state-focused-label-label-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-link-state-focused-label-label-vars.$color"
     },
     "font-family": {
@@ -128558,33 +128558,33 @@
       "outputSegmentRef": "design-link-state-focused-right-icon-vars.$layout-grow"
     },
     "top": {
-      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.2 );",
+      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-focused-right-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-top-percent: 54.55%;",
-      "outputSegment": "$top-percent: 54.55%;",
+      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-top-percent: 50%;",
+      "outputSegment": "$top-percent: 50%;",
       "outputSegmentRef": "design-link-state-focused-right-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-bottom: 0px;",
-      "outputSegment": "$bottom: 0px;",
+      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.1 );",
       "outputSegmentRef": "design-link-state-focused-right-icon-vars.$bottom"
     },
     "left": {
-      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 5.9 );",
-      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 5.9 );",
+      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 4.1 );",
+      "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.1 );",
       "outputSegmentRef": "design-link-state-focused-right-icon-vars.$left"
     },
     "left-percent": {
-      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-left-percent: 176.92%;",
-      "outputSegment": "$left-percent: 176.92%;",
+      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-left-percent: 130.77%;",
+      "outputSegment": "$left-percent: 130.77%;",
       "outputSegmentRef": "design-link-state-focused-right-icon-vars.$left-percent"
     },
     "right": {
-      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-right: var( --scw-spacing--4 );",
-      "outputSegment": "$right: var( --scw-spacing--4 );",
+      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -2.2 );",
+      "outputSegment": "$right: calc( var( --scw-spacing-1 ) * -2.2 );",
       "outputSegmentRef": "design-link-state-focused-right-icon-vars.$right"
     },
     "padding-left": {
@@ -128737,8 +128737,8 @@
       "namespace": "design-link-state-focused-right-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-link-state-focused-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-link-state-focused-right-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -128864,8 +128864,8 @@
       "namespace": "design-solid-icon-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-solid-icon-background-color: var( --scw-color-primary-07 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-07 );",
       "outputSegmentRef": "design-solid-icon-vars.$background-color"
     },
     "blend-mode": {
@@ -128874,8 +128874,8 @@
       "outputSegmentRef": "design-solid-icon-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-stroke-color: var( --scw-color-primary );",
-      "outputSegment": "$stroke-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-solid-icon-stroke-color: var( --scw-color-primary-07 );",
+      "outputSegment": "$stroke-color: var( --scw-color-primary-07 );",
       "outputSegmentRef": "design-solid-icon-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -128974,13 +128974,13 @@
       "outputSegmentRef": "design-solid-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-solid-icon-top-percent: 73.35%;",
-      "outputSegment": "$top-percent: 73.35%;",
+      "output": "$comp-scw-link-base-design-solid-icon-top-percent: 58.81%;",
+      "outputSegment": "$top-percent: 58.81%;",
       "outputSegmentRef": "design-solid-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-solid-icon-bottom: calc( var( --scw-spacing-1 ) * 7.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 7.8 );",
+      "output": "$comp-scw-link-base-design-solid-icon-bottom: calc( var( --scw-spacing-1 ) * 16.8 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 16.8 );",
       "outputSegmentRef": "design-solid-icon-vars.$bottom"
     },
     "left": {
@@ -129270,8 +129270,8 @@
       "namespace": "design-solid-icon-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-design-solid-icon-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "design-solid-icon-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -129397,8 +129397,8 @@
       "namespace": "design-solid-icon-state-disabled-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-disabled-background-color: var( --scw-color-grey-095 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-095 );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-disabled-background-color: var( --scw-color-grey-092 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-092 );",
       "outputSegmentRef": "design-solid-icon-state-disabled-vars.$background-color"
     },
     "blend-mode": {
@@ -129507,13 +129507,13 @@
       "outputSegmentRef": "design-solid-icon-state-disabled-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-disabled-top-percent: 73.35%;",
-      "outputSegment": "$top-percent: 73.35%;",
+      "output": "$comp-scw-link-base-design-solid-icon-state-disabled-top-percent: 58.81%;",
+      "outputSegment": "$top-percent: 58.81%;",
       "outputSegmentRef": "design-solid-icon-state-disabled-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 7.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 7.8 );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 16.8 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 16.8 );",
       "outputSegmentRef": "design-solid-icon-state-disabled-vars.$bottom"
     },
     "left": {
@@ -129803,8 +129803,8 @@
       "namespace": "design-solid-icon-state-disabled-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector-background-color: var( --scw-color-grey-08 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-08 );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector-background-color: var( --scw-color-grey-07 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-07 );",
       "outputSegmentRef": "design-solid-icon-state-disabled-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -129930,8 +129930,8 @@
       "namespace": "design-solid-icon-state-hover-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-hover-background-color: var( --scw-color-primary-02 );",
-      "outputSegment": "$background-color: var( --scw-color-primary-02 );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-hover-background-color: var( --scw-color-primary-06 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-06 );",
       "outputSegmentRef": "design-solid-icon-state-hover-vars.$background-color"
     },
     "blend-mode": {
@@ -129940,8 +129940,8 @@
       "outputSegmentRef": "design-solid-icon-state-hover-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-hover-stroke-color: var( --scw-color-primary-02 );",
-      "outputSegment": "$stroke-color: var( --scw-color-primary-02 );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-hover-stroke-color: var( --scw-color-primary-06 );",
+      "outputSegment": "$stroke-color: var( --scw-color-primary-06 );",
       "outputSegmentRef": "design-solid-icon-state-hover-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -130040,13 +130040,13 @@
       "outputSegmentRef": "design-solid-icon-state-hover-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-hover-top-percent: 73.35%;",
-      "outputSegment": "$top-percent: 73.35%;",
+      "output": "$comp-scw-link-base-design-solid-icon-state-hover-top-percent: 58.81%;",
+      "outputSegment": "$top-percent: 58.81%;",
       "outputSegmentRef": "design-solid-icon-state-hover-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-hover-bottom: calc( var( --scw-spacing-1 ) * 7.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 7.8 );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-hover-bottom: calc( var( --scw-spacing-1 ) * 16.8 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 16.8 );",
       "outputSegmentRef": "design-solid-icon-state-hover-vars.$bottom"
     },
     "left": {
@@ -130336,8 +130336,8 @@
       "namespace": "design-solid-icon-state-hover-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "design-solid-icon-state-hover-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -130463,8 +130463,8 @@
       "namespace": "design-solid-icon-state-focused-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-focused-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-focused-background-color: var( --scw-color-primary-07 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-07 );",
       "outputSegmentRef": "design-solid-icon-state-focused-vars.$background-color"
     },
     "blend-mode": {
@@ -130473,8 +130473,8 @@
       "outputSegmentRef": "design-solid-icon-state-focused-vars.$blend-mode"
     },
     "stroke-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-focused-stroke-color: var( --scw-color-primary );",
-      "outputSegment": "$stroke-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-focused-stroke-color: var( --scw-color-primary-07 );",
+      "outputSegment": "$stroke-color: var( --scw-color-primary-07 );",
       "outputSegmentRef": "design-solid-icon-state-focused-vars.$stroke-color"
     },
     "stroke-weight": {
@@ -130603,13 +130603,13 @@
       "outputSegmentRef": "design-solid-icon-state-focused-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-focused-top-percent: 73.35%;",
-      "outputSegment": "$top-percent: 73.35%;",
+      "output": "$comp-scw-link-base-design-solid-icon-state-focused-top-percent: 58.81%;",
+      "outputSegment": "$top-percent: 58.81%;",
       "outputSegmentRef": "design-solid-icon-state-focused-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-focused-bottom: calc( var( --scw-spacing-1 ) * 7.8 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 7.8 );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-focused-bottom: calc( var( --scw-spacing-1 ) * 16.8 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 16.8 );",
       "outputSegmentRef": "design-solid-icon-state-focused-vars.$bottom"
     },
     "left": {
@@ -130899,8 +130899,8 @@
       "namespace": "design-solid-icon-state-focused-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-solid-icon-state-focused-icon-icon-vector-background-color: var( --scw-color-grey-10 );",
-      "outputSegment": "$background-color: var( --scw-color-grey-10 );",
+      "output": "$comp-scw-link-base-design-solid-icon-state-focused-icon-icon-vector-background-color: var( --scw-color-primary-01 );",
+      "outputSegment": "$background-color: var( --scw-color-primary-01 );",
       "outputSegmentRef": "design-solid-icon-state-focused-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -131131,13 +131131,13 @@
       "outputSegmentRef": "design-icon-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-icon-top-percent: 89.29%;",
-      "outputSegment": "$top-percent: 89.29%;",
+      "output": "$comp-scw-link-base-design-icon-top-percent: 71.59%;",
+      "outputSegment": "$top-percent: 71.59%;",
       "outputSegmentRef": "design-icon-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-icon-bottom: var( --scw-spacing-2 );",
-      "outputSegment": "$bottom: var( --scw-spacing-2 );",
+      "output": "$comp-scw-link-base-design-icon-bottom: var( --scw-spacing-11 );",
+      "outputSegment": "$bottom: var( --scw-spacing-11 );",
       "outputSegmentRef": "design-icon-vars.$bottom"
     },
     "left": {
@@ -131427,8 +131427,8 @@
       "namespace": "design-icon-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-icon-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-icon-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-icon-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -131659,13 +131659,13 @@
       "outputSegmentRef": "design-icon-state-disabled-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-icon-state-disabled-top-percent: 89.29%;",
-      "outputSegment": "$top-percent: 89.29%;",
+      "output": "$comp-scw-link-base-design-icon-state-disabled-top-percent: 71.59%;",
+      "outputSegment": "$top-percent: 71.59%;",
       "outputSegmentRef": "design-icon-state-disabled-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-icon-state-disabled-bottom: var( --scw-spacing-2 );",
-      "outputSegment": "$bottom: var( --scw-spacing-2 );",
+      "output": "$comp-scw-link-base-design-icon-state-disabled-bottom: var( --scw-spacing-11 );",
+      "outputSegment": "$bottom: var( --scw-spacing-11 );",
       "outputSegmentRef": "design-icon-state-disabled-vars.$bottom"
     },
     "left": {
@@ -132187,13 +132187,13 @@
       "outputSegmentRef": "design-icon-state-hover-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-icon-state-hover-top-percent: 89.56%;",
-      "outputSegment": "$top-percent: 89.56%;",
+      "output": "$comp-scw-link-base-design-icon-state-hover-top-percent: 71.81%;",
+      "outputSegment": "$top-percent: 71.81%;",
       "outputSegmentRef": "design-icon-state-hover-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-icon-state-hover-bottom: calc( var( --scw-spacing-1 ) * 1.9 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.9 );",
+      "output": "$comp-scw-link-base-design-icon-state-hover-bottom: calc( var( --scw-spacing-1 ) * 10.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 10.9 );",
       "outputSegmentRef": "design-icon-state-hover-vars.$bottom"
     },
     "left": {
@@ -132483,8 +132483,8 @@
       "namespace": "design-icon-state-hover-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-icon-state-hover-icon-icon-vector-background-color: var( --scw-color-primary-02 );",
-      "outputSegment": "$background-color: var( --scw-color-primary-02 );",
+      "output": "$comp-scw-link-base-design-icon-state-hover-icon-icon-vector-background-color: var( --scw-color-grey-04 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-04 );",
       "outputSegmentRef": "design-icon-state-hover-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -132750,13 +132750,13 @@
       "outputSegmentRef": "design-icon-state-focused-vars.$top"
     },
     "top-percent": {
-      "output": "$comp-scw-link-base-design-icon-state-focused-top-percent: 89.56%;",
-      "outputSegment": "$top-percent: 89.56%;",
+      "output": "$comp-scw-link-base-design-icon-state-focused-top-percent: 71.81%;",
+      "outputSegment": "$top-percent: 71.81%;",
       "outputSegmentRef": "design-icon-state-focused-vars.$top-percent"
     },
     "bottom": {
-      "output": "$comp-scw-link-base-design-icon-state-focused-bottom: calc( var( --scw-spacing-1 ) * 1.9 );",
-      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.9 );",
+      "output": "$comp-scw-link-base-design-icon-state-focused-bottom: calc( var( --scw-spacing-1 ) * 10.9 );",
+      "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 10.9 );",
       "outputSegmentRef": "design-icon-state-focused-vars.$bottom"
     },
     "left": {
@@ -133046,8 +133046,8 @@
       "namespace": "design-icon-state-focused-icon-icon-vector-vars"
     },
     "background-color": {
-      "output": "$comp-scw-link-base-design-icon-state-focused-icon-icon-vector-background-color: var( --scw-color-primary );",
-      "outputSegment": "$background-color: var( --scw-color-primary );",
+      "output": "$comp-scw-link-base-design-icon-state-focused-icon-icon-vector-background-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$background-color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "design-icon-state-focused-icon-icon-vector-vars.$background-color"
     },
     "blend-mode": {
@@ -135617,8 +135617,8 @@
       "outputSegmentRef": "clickable-text-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-icon-feature-base-clickable-text-color: var( --scw-color-primary );",
-      "outputSegment": "$color: var( --scw-color-primary );",
+      "output": "$comp-scw-icon-feature-base-clickable-text-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "clickable-text-vars.$color"
     },
     "font-family": {
@@ -136175,8 +136175,8 @@
       "outputSegmentRef": "clickable-align-center-text-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-icon-feature-base-clickable-align-center-text-color: var( --scw-color-primary );",
-      "outputSegment": "$color: var( --scw-color-primary );",
+      "output": "$comp-scw-icon-feature-base-clickable-align-center-text-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "clickable-align-center-text-vars.$color"
     },
     "font-family": {
@@ -151338,8 +151338,8 @@
       "outputSegmentRef": "default-content-scw-base-heading-text-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-callout-default-content-scw-base-heading-text-color: var( --scw-color-primary-03 );",
-      "outputSegment": "$color: var( --scw-color-primary-03 );",
+      "output": "$comp-scw-callout-default-content-scw-base-heading-text-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "default-content-scw-base-heading-text-vars.$color"
     },
     "font-family": {
@@ -153493,8 +153493,8 @@
       "outputSegmentRef": "center-content-scw-base-heading-text-vars.$text-transform"
     },
     "color": {
-      "output": "$comp-scw-callout-center-content-scw-base-heading-text-color: var( --scw-color-primary-03 );",
-      "outputSegment": "$color: var( --scw-color-primary-03 );",
+      "output": "$comp-scw-callout-center-content-scw-base-heading-text-color: var( --scw-color-grey-02 );",
+      "outputSegment": "$color: var( --scw-color-grey-02 );",
       "outputSegmentRef": "center-content-scw-base-heading-text-vars.$color"
     },
     "font-family": {