scu-web-components 1.0.0 → 1.1.0

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

@@ -25,13 +25,13 @@
     "outputSegmentRef": "size-small-vars.$stroke-align"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-width: 132px;",
-    "outputSegment": "$width: 132px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-width: 103px;",
+    "outputSegment": "$width: 103px;",
     "outputSegmentRef": "size-small-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-height: 73px;",
-    "outputSegment": "$height: 73px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-height: 68px;",
+    "outputSegment": "$height: 68px;",
     "outputSegmentRef": "size-small-vars.$height"
   },
   "constraint-horizontal": {
@@ -85,33 +85,33 @@
     "outputSegmentRef": "size-small-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-top: calc( var( --scw-spacing-1 ) * 9.15 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 9.15 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-top: calc( var( --scw-spacing-1 ) * 15 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 15 );",
     "outputSegmentRef": "size-small-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-top-percent: 19.48%;",
-    "outputSegment": "$top-percent: 19.48%;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-top-percent: 23.56%;",
+    "outputSegment": "$top-percent: 23.56%;",
     "outputSegmentRef": "size-small-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-bottom: calc( var( --scw-spacing-1 ) * 49.25 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 49.25 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
     "outputSegmentRef": "size-small-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-left: calc( var( --scw-spacing-1 ) * 19.25 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 19.25 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-left: calc( var( --scw-spacing-1 ) * 35.35 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 35.35 );",
     "outputSegmentRef": "size-small-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-left-percent: 30.41%;",
-    "outputSegment": "$left-percent: 30.41%;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-left-percent: 59.47%;",
+    "outputSegment": "$left-percent: 59.47%;",
     "outputSegmentRef": "size-small-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-right: calc( var( --scw-spacing-1 ) * 52.55 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 52.55 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-right: calc( var( --scw-spacing-1 ) * 22.45 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 22.45 );",
     "outputSegmentRef": "size-small-vars.$right"
   },
   "padding-left": {
@@ -130,8 +130,8 @@
     "outputSegmentRef": "size-small-vars.$padding-top"
   },
   "padding-bottom": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-padding-bottom: 0px;",
-    "outputSegment": "$padding-bottom: 0px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
     "outputSegmentRef": "size-small-vars.$padding-bottom"
   }
 }

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

@@ -10,13 +10,13 @@
     "outputSegmentRef": "size-small-container-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-width: 132px;",
-    "outputSegment": "$width: 132px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-width: 103px;",
+    "outputSegment": "$width: 103px;",
     "outputSegmentRef": "size-small-container-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-height: 73px;",
-    "outputSegment": "$height: 73px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-height: 63px;",
+    "outputSegment": "$height: 63px;",
     "outputSegmentRef": "size-small-container-vars.$height"
   },
   "constraint-horizontal": {
@@ -75,13 +75,13 @@
     "outputSegmentRef": "size-small-container-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-top-percent: 50%;",
-    "outputSegment": "$top-percent: 50%;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-top-percent: 46.32%;",
+    "outputSegment": "$top-percent: 46.32%;",
     "outputSegmentRef": "size-small-container-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-bottom: 0px;",
-    "outputSegment": "$bottom: 0px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
     "outputSegmentRef": "size-small-container-vars.$bottom"
   },
   "left": {

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

@@ -10,8 +10,8 @@
     "outputSegmentRef": "size-small-container-label-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-width: 132px;",
-    "outputSegment": "$width: 132px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-width: 103px;",
+    "outputSegment": "$width: 103px;",
     "outputSegmentRef": "size-small-container-label-vars.$width"
   },
   "height": {
@@ -70,13 +70,13 @@
     "outputSegmentRef": "size-small-container-label-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-top: var( --scw-spacing-5 );",
-    "outputSegment": "$top: var( --scw-spacing-5 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-top: var( --scw-spacing-4 );",
+    "outputSegment": "$top: var( --scw-spacing-4 );",
     "outputSegmentRef": "size-small-container-label-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-top-percent: 84.25%;",
-    "outputSegment": "$top-percent: 84.25%;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-top-percent: 81.75%;",
+    "outputSegment": "$top-percent: 81.75%;",
     "outputSegmentRef": "size-small-container-label-vars.$top-percent"
   },
   "bottom": {
@@ -100,13 +100,13 @@
     "outputSegmentRef": "size-small-container-label-vars.$right"
   },
   "padding-left": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-left: var( --scw-spacing-3 );",
-    "outputSegment": "$padding-left: var( --scw-spacing-3 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
     "outputSegmentRef": "size-small-container-label-vars.$padding-left"
   },
   "padding-right": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-right: var( --scw-spacing-3 );",
-    "outputSegment": "$padding-right: var( --scw-spacing-3 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
     "outputSegmentRef": "size-small-container-label-vars.$padding-right"
   },
   "padding-top": {

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

@@ -40,8 +40,8 @@
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$font-family"
   },
   "font-weight": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-font-weight: 600;",
-    "outputSegment": "$font-weight: 600;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-font-weight: 700;",
+    "outputSegment": "$font-weight: 700;",
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$font-weight"
   },
   "line-height": {
@@ -55,13 +55,13 @@
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$letter-spacing"
   },
   "font": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-font: var( --scw-type-text-semibold-03-font );",
-    "outputSegment": "$font: var( --scw-type-text-semibold-03-font );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-font: var( --scw-type-text-bold-03-font );",
+    "outputSegment": "$font: var( --scw-type-text-bold-03-font );",
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$font"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-width: 72px;",
-    "outputSegment": "$width: 72px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-width: 73px;",
+    "outputSegment": "$width: 73px;",
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$width"
   },
   "height": {
@@ -135,8 +135,8 @@
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-left: var( --scw-spacing-3 );",
-    "outputSegment": "$left: var( --scw-spacing-3 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.5 );",
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$left"
   },
   "left-percent": {
@@ -145,8 +145,8 @@
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-right: var( --scw-spacing-3 );",
-    "outputSegment": "$right: var( --scw-spacing-3 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.5 );",
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$right"
   }
 }

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

@@ -10,13 +10,13 @@
     "outputSegmentRef": "size-small-container-scw-icon-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-width: 50px;",
-    "outputSegment": "$width: 50px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-width: 40px;",
+    "outputSegment": "$width: 40px;",
     "outputSegmentRef": "size-small-container-scw-icon-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-height: 50px;",
-    "outputSegment": "$height: 50px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-height: 40px;",
+    "outputSegment": "$height: 40px;",
     "outputSegmentRef": "size-small-container-scw-icon-vars.$height"
   },
   "constraint-horizontal": {
@@ -75,8 +75,8 @@
     "outputSegmentRef": "size-small-container-scw-icon-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-top-percent: 34.25%;",
-    "outputSegment": "$top-percent: 34.25%;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-top-percent: 31.75%;",
+    "outputSegment": "$top-percent: 31.75%;",
     "outputSegmentRef": "size-small-container-scw-icon-vars.$top-percent"
   },
   "bottom": {
@@ -85,8 +85,8 @@
     "outputSegmentRef": "size-small-container-scw-icon-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 4.1 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.1 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 3.15 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.15 );",
     "outputSegmentRef": "size-small-container-scw-icon-vars.$left"
   },
   "left-percent": {
@@ -95,8 +95,8 @@
     "outputSegmentRef": "size-small-container-scw-icon-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 4.1 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 4.1 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 3.15 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.15 );",
     "outputSegmentRef": "size-small-container-scw-icon-vars.$right"
   },
   "padding-left": {

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

@@ -10,13 +10,13 @@
     "outputSegmentRef": "size-small-container-scw-icon-icon-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-width: 50px;",
-    "outputSegment": "$width: 50px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-width: 40px;",
+    "outputSegment": "$width: 40px;",
     "outputSegmentRef": "size-small-container-scw-icon-icon-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-height: 50px;",
-    "outputSegment": "$height: 50px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-height: 40px;",
+    "outputSegment": "$height: 40px;",
     "outputSegmentRef": "size-small-container-scw-icon-icon-vars.$height"
   },
   "constraint-horizontal": {

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

@@ -15,13 +15,13 @@
     "outputSegmentRef": "size-small-container-scw-icon-icon-vector-vars.$blend-mode"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-width: 44.6429px;",
-    "outputSegment": "$width: 44.6429px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-width: 35.7143px;",
+    "outputSegment": "$width: 35.7143px;",
     "outputSegmentRef": "size-small-container-scw-icon-icon-vector-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-height: 39.5416px;",
-    "outputSegment": "$height: 39.5416px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-height: 31.6333px;",
+    "outputSegment": "$height: 31.6333px;",
     "outputSegmentRef": "size-small-container-scw-icon-icon-vector-vars.$height"
   },
   "constraint-horizontal": {
@@ -75,8 +75,8 @@
     "outputSegmentRef": "size-small-container-scw-icon-icon-vector-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.5228515625 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.5228515625 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.418359375 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.418359375 );",
     "outputSegmentRef": "size-small-container-scw-icon-icon-vector-vars.$top"
   },
   "top-percent": {
@@ -85,13 +85,13 @@
     "outputSegmentRef": "size-small-container-scw-icon-icon-vector-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.5229843139648438 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.41830921173095703 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.41830921173095703 );",
     "outputSegmentRef": "size-small-container-scw-icon-icon-vector-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.26787109375 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.26787109375 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.2142578125 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 0.2142578125 );",
     "outputSegmentRef": "size-small-container-scw-icon-icon-vector-vars.$left"
   },
   "left-percent": {
@@ -100,8 +100,8 @@
     "outputSegmentRef": "size-small-container-scw-icon-icon-vector-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.26784286499023435 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.21431312561035157 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 0.21431312561035157 );",
     "outputSegmentRef": "size-small-container-scw-icon-icon-vector-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-.json

@@ -10,13 +10,13 @@
     "outputSegmentRef": "state-default-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-width: 144px;",
-    "outputSegment": "$width: 144px;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-width: 124px;",
+    "outputSegment": "$width: 124px;",
     "outputSegmentRef": "state-default-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-height: 77px;",
-    "outputSegment": "$height: 77px;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-height: 87px;",
+    "outputSegment": "$height: 87px;",
     "outputSegmentRef": "state-default-vars.$height"
   },
   "constraint-horizontal": {
@@ -70,33 +70,33 @@
     "outputSegmentRef": "state-default-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-top: calc( var( --scw-spacing-1 ) * 24.233984375 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 24.233984375 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
     "outputSegmentRef": "state-default-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-top-percent: 42.75%;",
-    "outputSegment": "$top-percent: 42.75%;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-top-percent: 11.1%;",
+    "outputSegment": "$top-percent: 11.1%;",
     "outputSegmentRef": "state-default-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-bottom: calc( var( --scw-spacing-1 ) * 33.766015625 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 33.766015625 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
     "outputSegmentRef": "state-default-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-left: var( --scw-spacing-2 );",
-    "outputSegment": "$left: var( --scw-spacing-2 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-left: calc( var( --scw-spacing-1 ) * 19 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 19 );",
     "outputSegmentRef": "state-default-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-left-percent: 10.82%;",
-    "outputSegment": "$left-percent: 10.82%;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-left-percent: 37%;",
+    "outputSegment": "$left-percent: 37%;",
     "outputSegmentRef": "state-default-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-right: calc( var( --scw-spacing-1 ) * 68.6 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 68.6 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-right: calc( var( --scw-spacing-1 ) * 36.7 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 36.7 );",
     "outputSegmentRef": "state-default-vars.$right"
   },
   "padding-left": {
@@ -115,8 +115,8 @@
     "outputSegmentRef": "state-default-vars.$padding-top"
   },
   "padding-bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-padding-bottom: 0px;",
-    "outputSegment": "$padding-bottom: 0px;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-padding-bottom: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-default-vars.$padding-bottom"
   }
 }

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

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-default-container-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-container-width: 144px;",
-    "outputSegment": "$width: 144px;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-container-width: 124px;",
+    "outputSegment": "$width: 124px;",
     "outputSegmentRef": "state-default-container-vars.$width"
   },
   "height": {
@@ -75,13 +75,13 @@
     "outputSegmentRef": "state-default-container-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-container-top-percent: 50%;",
-    "outputSegment": "$top-percent: 50%;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-container-top-percent: 44.25%;",
+    "outputSegment": "$top-percent: 44.25%;",
     "outputSegmentRef": "state-default-container-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-container-bottom: 0px;",
-    "outputSegment": "$bottom: 0px;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-container-bottom: var( --scw-spacing-1 );",
+    "outputSegment": "$bottom: var( --scw-spacing-1 );",
     "outputSegmentRef": "state-default-container-vars.$bottom"
   },
   "left": {

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

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-default-container-label-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-container-label-width: 144px;",
-    "outputSegment": "$width: 144px;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-container-label-width: 124px;",
+    "outputSegment": "$width: 124px;",
     "outputSegmentRef": "state-default-container-label-vars.$width"
   },
   "height": {
@@ -100,13 +100,13 @@
     "outputSegmentRef": "state-default-container-label-vars.$right"
   },
   "padding-left": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-container-label-padding-left: var( --scw-spacing-3 );",
-    "outputSegment": "$padding-left: var( --scw-spacing-3 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-container-label-padding-left: var( --scw-spacing-2 );",
+    "outputSegment": "$padding-left: var( --scw-spacing-2 );",
     "outputSegmentRef": "state-default-container-label-vars.$padding-left"
   },
   "padding-right": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-container-label-padding-right: var( --scw-spacing-3 );",
-    "outputSegment": "$padding-right: var( --scw-spacing-3 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-container-label-padding-right: var( --scw-spacing-2 );",
+    "outputSegment": "$padding-right: var( --scw-spacing-2 );",
     "outputSegmentRef": "state-default-container-label-vars.$padding-right"
   },
   "padding-top": {

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

@@ -135,8 +135,8 @@
     "outputSegmentRef": "state-default-container-label-menu-item-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-container-label-menu-item-left: var( --scw-spacing-3 );",
-    "outputSegment": "$left: var( --scw-spacing-3 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-container-label-menu-item-left: var( --scw-spacing-2 );",
+    "outputSegment": "$left: var( --scw-spacing-2 );",
     "outputSegmentRef": "state-default-container-label-menu-item-vars.$left"
   },
   "left-percent": {
@@ -145,8 +145,8 @@
     "outputSegmentRef": "state-default-container-label-menu-item-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-container-label-menu-item-right: var( --scw-spacing-3 );",
-    "outputSegment": "$right: var( --scw-spacing-3 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-container-label-menu-item-right: var( --scw-spacing-2 );",
+    "outputSegment": "$right: var( --scw-spacing-2 );",
     "outputSegmentRef": "state-default-container-label-menu-item-vars.$right"
   }
 }

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

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