scu-web-components 0.0.36 → 0.0.38

package/dist/tokens/source/scssVariables/components-scw-link-state-hover-icon-left-.json

@@ -15,23 +15,23 @@
     "outputSegmentRef": "state-hover-icon-left-vars.$blend-mode"
   },
   "corner-radius-top-left": {
-    "output": "$comp-scw-link-state-hover-icon-left-corner-radius-top-left: 10px;",
-    "outputSegment": "$corner-radius-top-left: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-left-corner-radius-top-left: 6px;",
+    "outputSegment": "$corner-radius-top-left: 6px;",
     "outputSegmentRef": "state-hover-icon-left-vars.$corner-radius-top-left"
   },
   "corner-radius-top-right": {
-    "output": "$comp-scw-link-state-hover-icon-left-corner-radius-top-right: 10px;",
-    "outputSegment": "$corner-radius-top-right: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-left-corner-radius-top-right: 6px;",
+    "outputSegment": "$corner-radius-top-right: 6px;",
     "outputSegmentRef": "state-hover-icon-left-vars.$corner-radius-top-right"
   },
   "corner-radius-bottom-right": {
-    "output": "$comp-scw-link-state-hover-icon-left-corner-radius-bottom-right: 10px;",
-    "outputSegment": "$corner-radius-bottom-right: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-left-corner-radius-bottom-right: 6px;",
+    "outputSegment": "$corner-radius-bottom-right: 6px;",
     "outputSegmentRef": "state-hover-icon-left-vars.$corner-radius-bottom-right"
   },
   "corner-radius-bottom-left": {
-    "output": "$comp-scw-link-state-hover-icon-left-corner-radius-bottom-left: 10px;",
-    "outputSegment": "$corner-radius-bottom-left: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-left-corner-radius-bottom-left: 6px;",
+    "outputSegment": "$corner-radius-bottom-left: 6px;",
     "outputSegmentRef": "state-hover-icon-left-vars.$corner-radius-bottom-left"
   },
   "width": {
@@ -40,8 +40,8 @@
     "outputSegmentRef": "state-hover-icon-left-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-link-state-hover-icon-left-height: 32px;",
-    "outputSegment": "$height: 32px;",
+    "output": "$comp-scw-link-state-hover-icon-left-height: 39px;",
+    "outputSegment": "$height: 39px;",
     "outputSegmentRef": "state-hover-icon-left-vars.$height"
   },
   "constraint-horizontal": {
@@ -95,18 +95,18 @@
     "outputSegmentRef": "state-hover-icon-left-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-state-hover-icon-left-top: var( --scw-spacing-7 );",
-    "outputSegment": "$top: var( --scw-spacing-7 );",
+    "output": "$comp-scw-link-state-hover-icon-left-top: calc( var( --scw-spacing-1 ) * 7.4 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 7.4 );",
     "outputSegmentRef": "state-hover-icon-left-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-state-hover-icon-left-top-percent: 18.98%;",
-    "outputSegment": "$top-percent: 18.98%;",
+    "output": "$comp-scw-link-state-hover-icon-left-top-percent: 20.64%;",
+    "outputSegment": "$top-percent: 20.64%;",
     "outputSegmentRef": "state-hover-icon-left-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-left-bottom: calc( var( --scw-spacing-1 ) * 35.1 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 35.1 );",
+    "output": "$comp-scw-link-state-hover-icon-left-bottom: calc( var( --scw-spacing-1 ) * 34 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 34 );",
     "outputSegmentRef": "state-hover-icon-left-vars.$bottom"
   },
   "left": {
@@ -135,13 +135,13 @@
     "outputSegmentRef": "state-hover-icon-left-vars.$padding-right"
   },
   "padding-top": {
-    "output": "$comp-scw-link-state-hover-icon-left-padding-top: calc( var( --scw-spacing-1 ) * 0.4 );",
-    "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.4 );",
+    "output": "$comp-scw-link-state-hover-icon-left-padding-top: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-left-vars.$padding-top"
   },
   "padding-bottom": {
-    "output": "$comp-scw-link-state-hover-icon-left-padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );",
-    "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );",
+    "output": "$comp-scw-link-state-hover-icon-left-padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-left-vars.$padding-bottom"
   }
 }

package/dist/tokens/source/scssVariables/components-scw-link-state-hover-icon-left-design-outlined-.json

@@ -30,23 +30,23 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$stroke-align"
   },
   "corner-radius-top-left": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-corner-radius-top-left: 10px;",
-    "outputSegment": "$corner-radius-top-left: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-corner-radius-top-left: 6px;",
+    "outputSegment": "$corner-radius-top-left: 6px;",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$corner-radius-top-left"
   },
   "corner-radius-top-right": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-corner-radius-top-right: 10px;",
-    "outputSegment": "$corner-radius-top-right: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-corner-radius-top-right: 6px;",
+    "outputSegment": "$corner-radius-top-right: 6px;",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$corner-radius-top-right"
   },
   "corner-radius-bottom-right": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-corner-radius-bottom-right: 10px;",
-    "outputSegment": "$corner-radius-bottom-right: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-corner-radius-bottom-right: 6px;",
+    "outputSegment": "$corner-radius-bottom-right: 6px;",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$corner-radius-bottom-right"
   },
   "corner-radius-bottom-left": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-corner-radius-bottom-left: 10px;",
-    "outputSegment": "$corner-radius-bottom-left: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-corner-radius-bottom-left: 6px;",
+    "outputSegment": "$corner-radius-bottom-left: 6px;",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$corner-radius-bottom-left"
   },
   "width": {
@@ -55,8 +55,8 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-height: 28px;",
-    "outputSegment": "$height: 28px;",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-height: 39px;",
+    "outputSegment": "$height: 39px;",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$height"
   },
   "constraint-horizontal": {
@@ -115,13 +115,13 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-top-percent: 66.67%;",
-    "outputSegment": "$top-percent: 66.67%;",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-top-percent: 67.88%;",
+    "outputSegment": "$top-percent: 67.88%;",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-bottom: calc( var( --scw-spacing-1 ) * 13.7 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 13.7 );",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-bottom: calc( var( --scw-spacing-1 ) * 12.6 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 12.6 );",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$bottom"
   },
   "left": {
@@ -150,13 +150,13 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$padding-right"
   },
   "padding-top": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-padding-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-    "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.2 );",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-padding-top: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$padding-top"
   },
   "padding-bottom": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );",
-    "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-vars.$padding-bottom"
   }
 }

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

@@ -45,8 +45,8 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-label-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-label-line-height: 1.37rem;",
-    "outputSegment": "$line-height: 1.37rem;",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-label-line-height: 1.688rem;",
+    "outputSegment": "$line-height: 1.688rem;",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-label-vars.$line-height"
   },
   "letter-spacing": {
@@ -65,8 +65,8 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-label-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-label-height: 22px;",
-    "outputSegment": "$height: 22px;",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-label-height: 27px;",
+    "outputSegment": "$height: 27px;",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-label-vars.$height"
   },
   "constraint-horizontal": {
@@ -120,8 +120,8 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-label-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-label-top: calc( var( --scw-spacing-1 ) * 0.3 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.3 );",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-label-top: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-label-vars.$top"
   },
   "top-percent": {
@@ -130,8 +130,8 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-label-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-label-bottom: calc( var( --scw-spacing-1 ) * 0.3 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.3 );",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-label-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-label-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-link-state-hover-icon-left-design-outlined-left-icon-.json

@@ -90,8 +90,8 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-left-icon-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-left-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.2 );",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-left-icon-top: calc( var( --scw-spacing-1 ) * 0.75 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.75 );",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-left-icon-vars.$top"
   },
   "top-percent": {
@@ -100,8 +100,8 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-left-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.2 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.2 );",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.75 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.75 );",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-left-icon-vars.$bottom"
   },
   "left": {

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

@@ -95,13 +95,13 @@
     "outputSegmentRef": "state-hover-icon-left-design-outlined-right-icon-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-right-icon-top-percent: 57.14%;",
-    "outputSegment": "$top-percent: 57.14%;",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-right-icon-top-percent: 41.03%;",
+    "outputSegment": "$top-percent: 41.03%;",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-right-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-right-icon-bottom: 0px;",
-    "outputSegment": "$bottom: 0px;",
+    "output": "$comp-scw-link-state-hover-icon-left-design-outlined-right-icon-bottom: calc( var( --scw-spacing-1 ) * 1.1 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.1 );",
     "outputSegmentRef": "state-hover-icon-left-design-outlined-right-icon-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-link-state-hover-icon-left-label-.json

@@ -45,8 +45,8 @@
     "outputSegmentRef": "state-hover-icon-left-label-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-link-state-hover-icon-left-label-line-height: 1.37rem;",
-    "outputSegment": "$line-height: 1.37rem;",
+    "output": "$comp-scw-link-state-hover-icon-left-label-line-height: 1.688rem;",
+    "outputSegment": "$line-height: 1.688rem;",
     "outputSegmentRef": "state-hover-icon-left-label-vars.$line-height"
   },
   "letter-spacing": {
@@ -65,8 +65,8 @@
     "outputSegmentRef": "state-hover-icon-left-label-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-link-state-hover-icon-left-label-height: 22px;",
-    "outputSegment": "$height: 22px;",
+    "output": "$comp-scw-link-state-hover-icon-left-label-height: 27px;",
+    "outputSegment": "$height: 27px;",
     "outputSegmentRef": "state-hover-icon-left-label-vars.$height"
   },
   "constraint-horizontal": {
@@ -120,8 +120,8 @@
     "outputSegmentRef": "state-hover-icon-left-label-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-state-hover-icon-left-label-top: calc( var( --scw-spacing-1 ) * 0.5 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "output": "$comp-scw-link-state-hover-icon-left-label-top: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-left-label-vars.$top"
   },
   "top-percent": {
@@ -130,8 +130,8 @@
     "outputSegmentRef": "state-hover-icon-left-label-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-left-label-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "output": "$comp-scw-link-state-hover-icon-left-label-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-left-label-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-link-state-hover-icon-left-left-icon-.json

@@ -90,8 +90,8 @@
     "outputSegmentRef": "state-hover-icon-left-left-icon-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-state-hover-icon-left-left-icon-top: calc( var( --scw-spacing-1 ) * 0.4 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.4 );",
+    "output": "$comp-scw-link-state-hover-icon-left-left-icon-top: calc( var( --scw-spacing-1 ) * 0.75 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.75 );",
     "outputSegmentRef": "state-hover-icon-left-left-icon-vars.$top"
   },
   "top-percent": {
@@ -100,8 +100,8 @@
     "outputSegmentRef": "state-hover-icon-left-left-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-left-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.4 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.4 );",
+    "output": "$comp-scw-link-state-hover-icon-left-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.75 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.75 );",
     "outputSegmentRef": "state-hover-icon-left-left-icon-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-link-state-hover-icon-left-right-icon-.json

@@ -95,13 +95,13 @@
     "outputSegmentRef": "state-hover-icon-left-right-icon-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-state-hover-icon-left-right-icon-top-percent: 50%;",
-    "outputSegment": "$top-percent: 50%;",
+    "output": "$comp-scw-link-state-hover-icon-left-right-icon-top-percent: 41.03%;",
+    "outputSegment": "$top-percent: 41.03%;",
     "outputSegmentRef": "state-hover-icon-left-right-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-left-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.4 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.4 );",
+    "output": "$comp-scw-link-state-hover-icon-left-right-icon-bottom: calc( var( --scw-spacing-1 ) * 1.1 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 1.1 );",
     "outputSegmentRef": "state-hover-icon-left-right-icon-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-link-state-hover-icon-right-.json

@@ -15,23 +15,23 @@
     "outputSegmentRef": "state-hover-icon-right-vars.$blend-mode"
   },
   "corner-radius-top-left": {
-    "output": "$comp-scw-link-state-hover-icon-right-corner-radius-top-left: 10px;",
-    "outputSegment": "$corner-radius-top-left: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-right-corner-radius-top-left: 6px;",
+    "outputSegment": "$corner-radius-top-left: 6px;",
     "outputSegmentRef": "state-hover-icon-right-vars.$corner-radius-top-left"
   },
   "corner-radius-top-right": {
-    "output": "$comp-scw-link-state-hover-icon-right-corner-radius-top-right: 10px;",
-    "outputSegment": "$corner-radius-top-right: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-right-corner-radius-top-right: 6px;",
+    "outputSegment": "$corner-radius-top-right: 6px;",
     "outputSegmentRef": "state-hover-icon-right-vars.$corner-radius-top-right"
   },
   "corner-radius-bottom-right": {
-    "output": "$comp-scw-link-state-hover-icon-right-corner-radius-bottom-right: 10px;",
-    "outputSegment": "$corner-radius-bottom-right: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-right-corner-radius-bottom-right: 6px;",
+    "outputSegment": "$corner-radius-bottom-right: 6px;",
     "outputSegmentRef": "state-hover-icon-right-vars.$corner-radius-bottom-right"
   },
   "corner-radius-bottom-left": {
-    "output": "$comp-scw-link-state-hover-icon-right-corner-radius-bottom-left: 10px;",
-    "outputSegment": "$corner-radius-bottom-left: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-right-corner-radius-bottom-left: 6px;",
+    "outputSegment": "$corner-radius-bottom-left: 6px;",
     "outputSegmentRef": "state-hover-icon-right-vars.$corner-radius-bottom-left"
   },
   "width": {
@@ -40,8 +40,8 @@
     "outputSegmentRef": "state-hover-icon-right-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-link-state-hover-icon-right-height: 32px;",
-    "outputSegment": "$height: 32px;",
+    "output": "$comp-scw-link-state-hover-icon-right-height: 39px;",
+    "outputSegment": "$height: 39px;",
     "outputSegmentRef": "state-hover-icon-right-vars.$height"
   },
   "constraint-horizontal": {
@@ -95,18 +95,18 @@
     "outputSegmentRef": "state-hover-icon-right-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-state-hover-icon-right-top: var( --scw-spacing-7 );",
-    "outputSegment": "$top: var( --scw-spacing-7 );",
+    "output": "$comp-scw-link-state-hover-icon-right-top: calc( var( --scw-spacing-1 ) * 7.4 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 7.4 );",
     "outputSegmentRef": "state-hover-icon-right-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-state-hover-icon-right-top-percent: 18.98%;",
-    "outputSegment": "$top-percent: 18.98%;",
+    "output": "$comp-scw-link-state-hover-icon-right-top-percent: 20.64%;",
+    "outputSegment": "$top-percent: 20.64%;",
     "outputSegmentRef": "state-hover-icon-right-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-right-bottom: calc( var( --scw-spacing-1 ) * 35.1 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 35.1 );",
+    "output": "$comp-scw-link-state-hover-icon-right-bottom: calc( var( --scw-spacing-1 ) * 34 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 34 );",
     "outputSegmentRef": "state-hover-icon-right-vars.$bottom"
   },
   "left": {
@@ -135,13 +135,13 @@
     "outputSegmentRef": "state-hover-icon-right-vars.$padding-right"
   },
   "padding-top": {
-    "output": "$comp-scw-link-state-hover-icon-right-padding-top: calc( var( --scw-spacing-1 ) * 0.4 );",
-    "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.4 );",
+    "output": "$comp-scw-link-state-hover-icon-right-padding-top: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-right-vars.$padding-top"
   },
   "padding-bottom": {
-    "output": "$comp-scw-link-state-hover-icon-right-padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );",
-    "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );",
+    "output": "$comp-scw-link-state-hover-icon-right-padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-right-vars.$padding-bottom"
   }
 }

package/dist/tokens/source/scssVariables/components-scw-link-state-hover-icon-right-design-outlined-.json

@@ -30,23 +30,23 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$stroke-align"
   },
   "corner-radius-top-left": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-corner-radius-top-left: 10px;",
-    "outputSegment": "$corner-radius-top-left: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-corner-radius-top-left: 6px;",
+    "outputSegment": "$corner-radius-top-left: 6px;",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$corner-radius-top-left"
   },
   "corner-radius-top-right": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-corner-radius-top-right: 10px;",
-    "outputSegment": "$corner-radius-top-right: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-corner-radius-top-right: 6px;",
+    "outputSegment": "$corner-radius-top-right: 6px;",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$corner-radius-top-right"
   },
   "corner-radius-bottom-right": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-corner-radius-bottom-right: 10px;",
-    "outputSegment": "$corner-radius-bottom-right: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-corner-radius-bottom-right: 6px;",
+    "outputSegment": "$corner-radius-bottom-right: 6px;",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$corner-radius-bottom-right"
   },
   "corner-radius-bottom-left": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-corner-radius-bottom-left: 10px;",
-    "outputSegment": "$corner-radius-bottom-left: 10px;",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-corner-radius-bottom-left: 6px;",
+    "outputSegment": "$corner-radius-bottom-left: 6px;",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$corner-radius-bottom-left"
   },
   "width": {
@@ -55,8 +55,8 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-height: 28px;",
-    "outputSegment": "$height: 28px;",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-height: 39px;",
+    "outputSegment": "$height: 39px;",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$height"
   },
   "constraint-horizontal": {
@@ -115,13 +115,13 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-top-percent: 66.67%;",
-    "outputSegment": "$top-percent: 66.67%;",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-top-percent: 67.88%;",
+    "outputSegment": "$top-percent: 67.88%;",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-bottom: calc( var( --scw-spacing-1 ) * 13.7 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 13.7 );",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-bottom: calc( var( --scw-spacing-1 ) * 12.6 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 12.6 );",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$bottom"
   },
   "left": {
@@ -150,13 +150,13 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$padding-right"
   },
   "padding-top": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-padding-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-    "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.2 );",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-padding-top: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$padding-top"
   },
   "padding-bottom": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );",
-    "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.2 );",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-vars.$padding-bottom"
   }
 }

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

@@ -45,8 +45,8 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-label-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-label-line-height: 1.37rem;",
-    "outputSegment": "$line-height: 1.37rem;",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-label-line-height: 1.688rem;",
+    "outputSegment": "$line-height: 1.688rem;",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-label-vars.$line-height"
   },
   "letter-spacing": {
@@ -65,8 +65,8 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-label-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-label-height: 22px;",
-    "outputSegment": "$height: 22px;",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-label-height: 27px;",
+    "outputSegment": "$height: 27px;",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-label-vars.$height"
   },
   "constraint-horizontal": {
@@ -120,8 +120,8 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-label-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-label-top: calc( var( --scw-spacing-1 ) * 0.3 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.3 );",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-label-top: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-label-vars.$top"
   },
   "top-percent": {
@@ -130,8 +130,8 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-label-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-label-bottom: calc( var( --scw-spacing-1 ) * 0.3 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.3 );",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-label-bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.6 );",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-label-vars.$bottom"
   },
   "left": {

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

@@ -95,13 +95,13 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-left-icon-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-left-icon-top-percent: 64.29%;",
-    "outputSegment": "$top-percent: 64.29%;",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-left-icon-top-percent: 46.15%;",
+    "outputSegment": "$top-percent: 46.15%;",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-left-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-left-icon-bottom: calc( var( --scw-spacing-1 ) * -0.2 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * -0.2 );",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.9 );",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-left-icon-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-link-state-hover-icon-right-design-outlined-right-icon-.json

@@ -90,8 +90,8 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-right-icon-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-right-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.2 );",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-right-icon-top: calc( var( --scw-spacing-1 ) * 0.75 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.75 );",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-right-icon-vars.$top"
   },
   "top-percent": {
@@ -100,8 +100,8 @@
     "outputSegmentRef": "state-hover-icon-right-design-outlined-right-icon-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.2 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.2 );",
+    "output": "$comp-scw-link-state-hover-icon-right-design-outlined-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.75 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.75 );",
     "outputSegmentRef": "state-hover-icon-right-design-outlined-right-icon-vars.$bottom"
   },
   "left": {