scu-web-components 1.2.0 → 1.2.2

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-.json

@@ -25,8 +25,8 @@
     "outputSegmentRef": "state-hover-size-small-vars.$stroke-align"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-width: 100px;",
-    "outputSegment": "$width: 100px;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-width: 90px;",
+    "outputSegment": "$width: 90px;",
     "outputSegmentRef": "state-hover-size-small-vars.$width"
   },
   "height": {
@@ -85,33 +85,33 @@
     "outputSegmentRef": "state-hover-size-small-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-top: calc( var( --scw-spacing-1 ) * 15 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 15 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-top: calc( var( --scw-spacing-1 ) * 11.7 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 11.7 );",
     "outputSegmentRef": "state-hover-size-small-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-top-percent: 23.56%;",
-    "outputSegment": "$top-percent: 23.56%;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-top-percent: 13.1%;",
+    "outputSegment": "$top-percent: 13.1%;",
     "outputSegmentRef": "state-hover-size-small-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
     "outputSegmentRef": "state-hover-size-small-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-left: calc( var( --scw-spacing-1 ) * 3.9142578125 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.9142578125 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-left: calc( var( --scw-spacing-1 ) * 2.30009765625 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.30009765625 );",
     "outputSegmentRef": "state-hover-size-small-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-left-percent: 13.09%;",
-    "outputSegment": "$left-percent: 13.09%;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-left-percent: 9.99%;",
+    "outputSegment": "$left-percent: 9.99%;",
     "outputSegmentRef": "state-hover-size-small-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-right: calc( var( --scw-spacing-1 ) * 54.1857421875 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 54.1857421875 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-right: calc( var( --scw-spacing-1 ) * 56.79990234375 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 56.79990234375 );",
     "outputSegmentRef": "state-hover-size-small-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-.json

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-hover-size-small-container-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-width: 100px;",
-    "outputSegment": "$width: 100px;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-width: 90px;",
+    "outputSegment": "$width: 90px;",
     "outputSegmentRef": "state-hover-size-small-container-vars.$width"
   },
   "height": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-label-.json

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-hover-size-small-container-label-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-width: 100px;",
-    "outputSegment": "$width: 100px;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-width: 90px;",
+    "outputSegment": "$width: 90px;",
     "outputSegmentRef": "state-hover-size-small-container-label-vars.$width"
   },
   "height": {
@@ -100,13 +100,13 @@
     "outputSegmentRef": "state-hover-size-small-container-label-vars.$right"
   },
   "padding-left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-    "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-left: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-size-small-container-label-vars.$padding-left"
   },
   "padding-right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-    "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-right: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-size-small-container-label-vars.$padding-right"
   },
   "padding-top": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-.json

@@ -135,8 +135,8 @@
     "outputSegmentRef": "state-hover-size-small-container-label-menu-item-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+    "outputSegment": "$left: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-size-small-container-label-menu-item-vars.$left"
   },
   "left-percent": {
@@ -145,8 +145,8 @@
     "outputSegmentRef": "state-hover-size-small-container-label-menu-item-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+    "outputSegment": "$right: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-size-small-container-label-menu-item-vars.$right"
   }
 }

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-.json

@@ -85,8 +85,8 @@
     "outputSegmentRef": "state-hover-size-small-container-scw-icon-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-left: var( --scw-spacing-3 );",
-    "outputSegment": "$left: var( --scw-spacing-3 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.5 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.5 );",
     "outputSegmentRef": "state-hover-size-small-container-scw-icon-vars.$left"
   },
   "left-percent": {
@@ -95,8 +95,8 @@
     "outputSegmentRef": "state-hover-size-small-container-scw-icon-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-right: var( --scw-spacing-3 );",
-    "outputSegment": "$right: var( --scw-spacing-3 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.5 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.5 );",
     "outputSegmentRef": "state-hover-size-small-container-scw-icon-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-.json

@@ -70,33 +70,33 @@
     "outputSegmentRef": "state-hover-style-button-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-top: calc( var( --scw-spacing-1 ) * 51.5 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 51.5 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-top: calc( var( --scw-spacing-1 ) * 45.4 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 45.4 );",
     "outputSegmentRef": "state-hover-style-button-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-top-percent: 74.71%;",
-    "outputSegment": "$top-percent: 74.71%;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-top-percent: 45.32%;",
+    "outputSegment": "$top-percent: 45.32%;",
     "outputSegmentRef": "state-hover-style-button-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
     "outputSegmentRef": "state-hover-style-button-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-left: calc( var( --scw-spacing-1 ) * 35.4 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 35.4 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-left: calc( var( --scw-spacing-1 ) * 29.8 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 29.8 );",
     "outputSegmentRef": "state-hover-style-button-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-left-percent: 62.26%;",
-    "outputSegment": "$left-percent: 62.26%;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-left-percent: 54.04%;",
+    "outputSegment": "$left-percent: 54.04%;",
     "outputSegmentRef": "state-hover-style-button-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-right: calc( var( --scw-spacing-1 ) * 18.7 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 18.7 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-right: calc( var( --scw-spacing-1 ) * 24.3 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 24.3 );",
     "outputSegmentRef": "state-hover-style-button-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-.json

@@ -10,13 +10,13 @@
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-width: 108px;",
-    "outputSegment": "$width: 108px;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-width: 100px;",
+    "outputSegment": "$width: 100px;",
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-height: 129px;",
-    "outputSegment": "$height: 129px;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-height: 109px;",
+    "outputSegment": "$height: 109px;",
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$height"
   },
   "constraint-horizontal": {
@@ -70,33 +70,33 @@
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 65.2 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 65.2 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top: calc( var( --scw-spacing-1 ) * 59.1 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 59.1 );",
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top-percent: 91.74%;",
-    "outputSegment": "$top-percent: 91.74%;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-top-percent: 55.98%;",
+    "outputSegment": "$top-percent: 55.98%;",
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-bottom: 0px;",
-    "outputSegment": "$bottom: 0px;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-bottom: calc( var( --scw-spacing-1 ) * 45.3 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 45.3 );",
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 37.1 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 37.1 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left: calc( var( --scw-spacing-1 ) * 21.8 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 21.8 );",
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left-percent: 62.41%;",
-    "outputSegment": "$left-percent: 62.41%;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-left-percent: 39.35%;",
+    "outputSegment": "$left-percent: 39.35%;",
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 20.2 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 20.2 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-right: calc( var( --scw-spacing-1 ) * 36.3 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 36.3 );",
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$right"
   },
   "padding-left": {
@@ -110,13 +110,13 @@
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$padding-right"
   },
   "padding-top": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-top: var( --scw-spacing-2 );",
-    "outputSegment": "$padding-top: var( --scw-spacing-2 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-top: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-top: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$padding-top"
   },
   "padding-bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-bottom: var( --scw-spacing-2 );",
-    "outputSegment": "$padding-bottom: var( --scw-spacing-2 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-padding-bottom: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-style-button-size-small-vars.$padding-bottom"
   }
 }

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-.json

@@ -50,8 +50,8 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$corner-radius-bottom-left"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-width: 98px;",
-    "outputSegment": "$width: 98px;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-width: 90px;",
+    "outputSegment": "$width: 90px;",
     "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$width"
   },
   "height": {
@@ -110,8 +110,8 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-top: var( --scw-spacing-2 );",
-    "outputSegment": "$top: var( --scw-spacing-2 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-top: var( --scw-spacing-1 );",
+    "outputSegment": "$top: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$top"
   },
   "top-percent": {
@@ -120,8 +120,8 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-bottom: var( --scw-spacing-2 );",
-    "outputSegment": "$bottom: var( --scw-spacing-2 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-bottom: var( --scw-spacing-1 );",
+    "outputSegment": "$bottom: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-style-button-size-small-container-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-.json

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-width: 98px;",
-    "outputSegment": "$width: 98px;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-width: 90px;",
+    "outputSegment": "$width: 90px;",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-vars.$width"
   },
   "height": {
@@ -100,13 +100,13 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-vars.$right"
   },
   "padding-left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.4 );",
-    "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.4 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-left: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-vars.$padding-left"
   },
   "padding-right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.4 );",
-    "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.4 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-right: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-vars.$padding-right"
   },
   "padding-top": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-.json

@@ -135,8 +135,8 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.4 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.4 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+    "outputSegment": "$left: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-vars.$left"
   },
   "left-percent": {
@@ -145,8 +145,8 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.4 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.4 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+    "outputSegment": "$right: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-vars.$right"
   }
 }

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-.json

@@ -85,8 +85,8 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.4 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.4 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-left: var( --scw-spacing-2 );",
+    "outputSegment": "$left: var( --scw-spacing-2 );",
     "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-vars.$left"
   },
   "left-percent": {
@@ -95,8 +95,8 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.4 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.4 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-right: var( --scw-spacing-2 );",
+    "outputSegment": "$right: var( --scw-spacing-2 );",
     "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-.json

@@ -85,33 +85,33 @@
     "outputSegmentRef": "state-hover-style-vertical-tab-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 27.2728515625 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-top: calc( var( --scw-spacing-1 ) * 25.4 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 25.4 );",
     "outputSegmentRef": "state-hover-style-vertical-tab-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-top-percent: 41.13%;",
-    "outputSegment": "$top-percent: 41.13%;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-top-percent: 26.24%;",
+    "outputSegment": "$top-percent: 26.24%;",
     "outputSegmentRef": "state-hover-style-vertical-tab-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-bottom: calc( var( --scw-spacing-1 ) * 80.2 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 80.2 );",
     "outputSegmentRef": "state-hover-style-vertical-tab-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-left: calc( var( --scw-spacing-1 ) * 3.2 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.2 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-left: calc( var( --scw-spacing-1 ) * 2.6 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.6 );",
     "outputSegmentRef": "state-hover-style-vertical-tab-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-left-percent: 13.8%;",
-    "outputSegment": "$left-percent: 13.8%;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-left-percent: 12.92%;",
+    "outputSegment": "$left-percent: 12.92%;",
     "outputSegmentRef": "state-hover-style-vertical-tab-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-right: calc( var( --scw-spacing-1 ) * 52.5 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 52.5 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-right: calc( var( --scw-spacing-1 ) * 53.1 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 53.1 );",
     "outputSegmentRef": "state-hover-style-vertical-tab-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json

@@ -85,33 +85,33 @@
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 39.25 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 39.25 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.1 );",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top-percent: 54.93%;",
-    "outputSegment": "$top-percent: 54.93%;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top-percent: 33.61%;",
+    "outputSegment": "$top-percent: 33.61%;",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 31.55 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 31.55 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 3.2 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.2 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 2.6 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.6 );",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-left-percent: 12.04%;",
-    "outputSegment": "$left-percent: 12.04%;",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-left-percent: 11.16%;",
+    "outputSegment": "$left-percent: 11.16%;",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 54.9 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 54.9 );",
+    "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 55.5 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 55.5 );",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-button-.json

@@ -85,33 +85,33 @@
     "outputSegmentRef": "style-button-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-style-button-top: calc( var( --scw-spacing-1 ) * 51.5 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 51.5 );",
+    "output": "$comp-scw-horizontal-nav-item-style-button-top: calc( var( --scw-spacing-1 ) * 45.4 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 45.4 );",
     "outputSegmentRef": "style-button-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-style-button-top-percent: 74.71%;",
-    "outputSegment": "$top-percent: 74.71%;",
+    "output": "$comp-scw-horizontal-nav-item-style-button-top-percent: 45.32%;",
+    "outputSegment": "$top-percent: 45.32%;",
     "outputSegmentRef": "style-button-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-style-button-bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 12.9 );",
+    "output": "$comp-scw-horizontal-nav-item-style-button-bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.2 );",
     "outputSegmentRef": "style-button-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-style-button-left: calc( var( --scw-spacing-1 ) * 3.5 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.5 );",
+    "output": "$comp-scw-horizontal-nav-item-style-button-left: calc( var( --scw-spacing-1 ) * 1.6 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.6 );",
     "outputSegmentRef": "style-button-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-style-button-left-percent: 15.57%;",
-    "outputSegment": "$left-percent: 15.57%;",
+    "output": "$comp-scw-horizontal-nav-item-style-button-left-percent: 12.78%;",
+    "outputSegment": "$left-percent: 12.78%;",
     "outputSegmentRef": "style-button-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-style-button-right: calc( var( --scw-spacing-1 ) * 50.4 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 50.4 );",
+    "output": "$comp-scw-horizontal-nav-item-style-button-right: calc( var( --scw-spacing-1 ) * 52.3 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 52.3 );",
     "outputSegmentRef": "style-button-vars.$right"
   },
   "padding-left": {