scu-web-components 1.2.1 → 1.2.3

package/dist/tokens/segments/comp-scw-horizontal-nav/_align-left-mixins.scss

@@ -56,24 +56,24 @@
 
 @mixin absolute-layout {
   position: absolute;
-  left: var( --scw-spacing-2 );
+  left: calc( var( --scw-spacing-1 ) * 3.6 );
   width: 805px;
-  top: calc( var( --scw-spacing-1 ) * 26.5 );
+  top: calc( var( --scw-spacing-1 ) * 12.35 );
   height: 87px; 
 }
 
 @mixin html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  margin-top: calc( var( --scw-spacing-1 ) * 26.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 42.4 );
+  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 4.2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 12.35 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 93.75 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  padding-top: calc( var( --scw-spacing-1 ) * 26.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 42.4 );
+  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 4.2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 12.35 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 93.75 );
 }

package/dist/tokens/segments/comp-scw-horizontal-nav/_align-left-vars.scss

@@ -16,12 +16,12 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 26.5 );
-$top-percent: 39.76%;
-$bottom: calc( var( --scw-spacing-1 ) * 42.4 );
-$left: var( --scw-spacing-2 );
-$left-percent: 32.18%;
-$right: calc( var( --scw-spacing-1 ) * 48.8 );
+$top: calc( var( --scw-spacing-1 ) * 12.35 );
+$top-percent: 14.55%;
+$bottom: calc( var( --scw-spacing-1 ) * 93.75 );
+$left: calc( var( --scw-spacing-1 ) * 3.6 );
+$left-percent: 49.66%;
+$right: calc( var( --scw-spacing-1 ) * 4.2 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

package/dist/tokens/segments/comp-scw-horizontal-nav/_align-vertical-mixins.scss

@@ -56,24 +56,24 @@
 
 @mixin absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 94.5 );
+  left: calc( var( --scw-spacing-1 ) * 3.6 );
   width: 128px;
-  top: var( --scw-spacing-2 );
+  top: calc( var( --scw-spacing-1 ) * 43.15 );
   height: 485px; 
 }
 
 @mixin html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 94.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 24 );
-  margin-top: var( --scw-spacing-2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 27.1 );
+  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 71.9 );
+  margin-top: calc( var( --scw-spacing-1 ) * 43.15 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 23.15 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 94.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 24 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 27.1 );
+  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 71.9 );
+  padding-top: calc( var( --scw-spacing-1 ) * 43.15 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 23.15 );
 }

package/dist/tokens/segments/comp-scw-horizontal-nav/_align-vertical-vars.scss

@@ -16,12 +16,12 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
-$top: var( --scw-spacing-2 );
-$top-percent: 33.83%;
-$bottom: calc( var( --scw-spacing-1 ) * 27.1 );
-$left: calc( var( --scw-spacing-1 ) * 94.5 );
-$left-percent: 76.85%;
-$right: calc( var( --scw-spacing-1 ) * 24 );
+$top: calc( var( --scw-spacing-1 ) * 43.15 );
+$top-percent: 58.71%;
+$bottom: calc( var( --scw-spacing-1 ) * 23.15 );
+$left: calc( var( --scw-spacing-1 ) * 3.6 );
+$left-percent: 11.33%;
+$right: calc( var( --scw-spacing-1 ) * 71.9 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

package/dist/tokens/segments/comp-scw-horizontal-nav/_default-mixins.scss

@@ -56,24 +56,24 @@
 
 @mixin absolute-layout {
   position: absolute;
-  left: var( --scw-spacing-2 );
+  left: calc( var( --scw-spacing-1 ) * 3.6 );
   width: 805px;
-  top: var( --scw-spacing-2 );
+  top: calc( var( --scw-spacing-1 ) * 3.65 );
   height: 87px; 
 }
 
 @mixin html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  margin-top: var( --scw-spacing-2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 66.9 );
+  margin-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 4.2 );
+  margin-top: calc( var( --scw-spacing-1 ) * 3.65 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 102.45 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  padding-top: var( --scw-spacing-2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 66.9 );
+  padding-left: calc( var( --scw-spacing-1 ) * 3.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 4.2 );
+  padding-top: calc( var( --scw-spacing-1 ) * 3.65 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 102.45 );
 }

package/dist/tokens/segments/comp-scw-horizontal-nav/_default-vars.scss

@@ -16,12 +16,12 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
-$top: var( --scw-spacing-2 );
-$top-percent: 8.18%;
-$bottom: calc( var( --scw-spacing-1 ) * 66.9 );
-$left: var( --scw-spacing-2 );
-$left-percent: 32.18%;
-$right: calc( var( --scw-spacing-1 ) * 48.8 );
+$top: calc( var( --scw-spacing-1 ) * 3.65 );
+$top-percent: 6.97%;
+$bottom: calc( var( --scw-spacing-1 ) * 102.45 );
+$left: calc( var( --scw-spacing-1 ) * 3.6 );
+$left-percent: 49.66%;
+$right: calc( var( --scw-spacing-1 ) * 4.2 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

package/dist/tokens/segments/comp-scw-horizontal-nav/_index-mixins.scss

@@ -21,16 +21,16 @@
 }
 
 @mixin sizing {
-  width: 1313px;
-  height: 776px;
+  width: 883px;
+  height: 1148px;
 }
 
 @mixin width {
-  width: 1313px;
+  width: 883px;
 }
 
 @mixin height {
-  height: 776px;
+  height: 1148px;
 }
 
 @mixin padding {

package/dist/tokens/segments/comp-scw-horizontal-nav/_index-vars.scss

@@ -8,8 +8,8 @@ $corner-radius-top-left: 5px;
 $corner-radius-top-right: 5px;
 $corner-radius-bottom-right: 5px;
 $corner-radius-bottom-left: 5px;
-$width: 1313px;
-$height: 776px;
+$width: 883px;
+$height: 1148px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-mixins.scss

@@ -56,24 +56,24 @@
 
 @mixin absolute-layout {
   position: absolute;
-  left: var( --scw-spacing-2 );
+  left: calc( var( --scw-spacing-1 ) * 3.8 );
   width: 805px;
-  top: calc( var( --scw-spacing-1 ) * 39.7 );
+  top: calc( var( --scw-spacing-1 ) * 32.1 );
   height: 68px; 
 }
 
 @mixin html-autolayout-margins {
   display: inline-block;
-  margin-left: var( --scw-spacing-2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  margin-top: calc( var( --scw-spacing-1 ) * 39.7 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 31.1 );
+  margin-left: calc( var( --scw-spacing-1 ) * 3.8 );
+  margin-right: var( --scw-spacing-4 );
+  margin-top: calc( var( --scw-spacing-1 ) * 32.1 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 75.9 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
-  padding-left: var( --scw-spacing-2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 48.8 );
-  padding-top: calc( var( --scw-spacing-1 ) * 39.7 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 31.1 );
+  padding-left: calc( var( --scw-spacing-1 ) * 3.8 );
+  padding-right: var( --scw-spacing-4 );
+  padding-top: calc( var( --scw-spacing-1 ) * 32.1 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 75.9 );
 }

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-mixins.scss

@@ -39,16 +39,16 @@
 
 @mixin html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  margin-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  margin-left: var( --scw-spacing-1 );
+  margin-right: var( --scw-spacing-1 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-label-menu-item-vars.scss

@@ -26,6 +26,6 @@ $layout-grow: 0;
 $top: 0px;
 $top-percent: 50%;
 $bottom: 0px;
-$left: calc( var( --scw-spacing-1 ) * 1.5 );
+$left: var( --scw-spacing-1 );
 $left-percent: 50%;
-$right: calc( var( --scw-spacing-1 ) * 1.5 );
+$right: var( --scw-spacing-1 );

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-label-mixins.scss

@@ -13,12 +13,12 @@
 }
 
 @mixin sizing {
-  width: 103px;
+  width: 93px;
   height: 23px;
 }
 
 @mixin width {
-  width: 103px;
+  width: 93px;
 }
 
 @mixin height {
@@ -26,8 +26,8 @@
 }
 
 @mixin padding {
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -37,8 +37,8 @@
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
-  padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-  padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+  padding-left: var( --scw-spacing-1 );
+  padding-right: var( --scw-spacing-1 );
   padding-top: 0px;
   padding-bottom: 0px;
   & > *:not(:last-child) { 

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-label-vars.scss

@@ -1,7 +1,7 @@
 
 
 $background-color: rgba(0,0,0,0);
-$width: 103px;
+$width: 93px;
 $height: 23px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
@@ -19,7 +19,7 @@ $bottom: 0px;
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;
-$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );
-$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );
+$padding-left: var( --scw-spacing-1 );
+$padding-right: var( --scw-spacing-1 );
 $padding-top: 0px;
 $padding-bottom: 0px;

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-mixins.scss

@@ -13,12 +13,12 @@
 }
 
 @mixin sizing {
-  width: 103px;
+  width: 93px;
   height: 63px;
 }
 
 @mixin width {
-  width: 103px;
+  width: 93px;
 }
 
 @mixin height {

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-mixins.scss

@@ -42,16 +42,16 @@
 
 @mixin html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 3.15 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.15 );
+  margin-left: calc( var( --scw-spacing-1 ) * 2.65 );
+  margin-right: calc( var( --scw-spacing-1 ) * 2.65 );
   margin-top: 0px;
   margin-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 3.15 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.15 );
+  padding-left: calc( var( --scw-spacing-1 ) * 2.65 );
+  padding-right: calc( var( --scw-spacing-1 ) * 2.65 );
   padding-top: 0px;
   padding-bottom: calc( var( --scw-spacing-1 ) * 2.3 );
 }

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-scw-icon-vars.scss

@@ -16,9 +16,9 @@ $layout-grow: 0;
 $top: 0px;
 $top-percent: 31.75%;
 $bottom: calc( var( --scw-spacing-1 ) * 2.3 );
-$left: calc( var( --scw-spacing-1 ) * 3.15 );
+$left: calc( var( --scw-spacing-1 ) * 2.65 );
 $left-percent: 50%;
-$right: calc( var( --scw-spacing-1 ) * 3.15 );
+$right: calc( var( --scw-spacing-1 ) * 2.65 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-container-vars.scss

@@ -1,7 +1,7 @@
 
 
 $background-color: rgba(0,0,0,0);
-$width: 103px;
+$width: 93px;
 $height: 63px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-mixins.scss

@@ -20,12 +20,12 @@
 }
 
 @mixin sizing {
-  width: 103px;
+  width: 93px;
   height: 68px;
 }
 
 @mixin width {
-  width: 103px;
+  width: 93px;
 }
 
 @mixin height {
@@ -61,7 +61,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: 0px;
-  margin-right: calc( var( --scw-spacing-1 ) * 70.2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 71.2 );
   margin-top: 0px;
   margin-bottom: 0px;
 }
@@ -69,7 +69,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
-  padding-right: calc( var( --scw-spacing-1 ) * 70.2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 71.2 );
   padding-top: 0px;
   padding-bottom: 0px;
 }

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-scw-horizontal-nav-item-vars.scss

@@ -4,7 +4,7 @@ $background-color: rgba(0,0,0,0);
 $stroke-color: var( --scw-color-grey-02 );
 $stroke-weight: 0px;
 $stroke-align: INSIDE;
-$width: 103px;
+$width: 93px;
 $height: 68px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
@@ -20,8 +20,8 @@ $top: 0px;
 $top-percent: 50%;
 $bottom: 0px;
 $left: 0px;
-$left-percent: 6.4%;
-$right: calc( var( --scw-spacing-1 ) * 70.2 );
+$left-percent: 5.78%;
+$right: calc( var( --scw-spacing-1 ) * 71.2 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-left-vars.scss

@@ -16,12 +16,12 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 39.7 );
-$top-percent: 55.54%;
-$bottom: calc( var( --scw-spacing-1 ) * 31.1 );
-$left: var( --scw-spacing-2 );
-$left-percent: 32.18%;
-$right: calc( var( --scw-spacing-1 ) * 48.8 );
+$top: calc( var( --scw-spacing-1 ) * 32.1 );
+$top-percent: 30.92%;
+$bottom: calc( var( --scw-spacing-1 ) * 75.9 );
+$left: calc( var( --scw-spacing-1 ) * 3.8 );
+$left-percent: 49.89%;
+$right: var( --scw-spacing-4 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-mixins.scss

@@ -21,7 +21,7 @@
 
 @mixin sizing {
   width: 103px;
-  height: 365px;
+  height: 415px;
 }
 
 @mixin width {
@@ -29,7 +29,7 @@
 }
 
 @mixin height {
-  height: 365px;
+  height: 415px;
 }
 
 @mixin padding {
@@ -56,24 +56,24 @@
 
 @mixin absolute-layout {
   position: absolute;
-  left: calc( var( --scw-spacing-1 ) * 110.01787109375 );
+  left: calc( var( --scw-spacing-1 ) * 16.4 );
   width: 103px;
-  top: calc( var( --scw-spacing-1 ) * 2.5 );
-  height: 365px; 
+  top: calc( var( --scw-spacing-1 ) * 43.65 );
+  height: 415px; 
 }
 
 @mixin html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 110.01787109375 );
-  margin-right: calc( var( --scw-spacing-1 ) * 10.98212890625 );
-  margin-top: calc( var( --scw-spacing-1 ) * 2.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 38.6 );
+  margin-left: calc( var( --scw-spacing-1 ) * 16.4 );
+  margin-right: calc( var( --scw-spacing-1 ) * 61.6 );
+  margin-top: calc( var( --scw-spacing-1 ) * 43.65 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 29.65 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 110.01787109375 );
-  padding-right: calc( var( --scw-spacing-1 ) * 10.98212890625 );
-  padding-top: calc( var( --scw-spacing-1 ) * 2.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 38.6 );
+  padding-left: calc( var( --scw-spacing-1 ) * 16.4 );
+  padding-right: calc( var( --scw-spacing-1 ) * 61.6 );
+  padding-top: calc( var( --scw-spacing-1 ) * 43.65 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 29.65 );
 }

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.scss

@@ -55,14 +55,14 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-vars.scss

@@ -13,9 +13,9 @@ $counter-axis-align-items: CENTER;
 $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 0.5 );
+$top: var( --scw-spacing-1 );
 $top-percent: 50%;
-$bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$bottom: var( --scw-spacing-1 );
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-mixins.scss

@@ -21,7 +21,7 @@
 
 @mixin sizing {
   width: 103px;
-  height: 73px;
+  height: 83px;
 }
 
 @mixin width {
@@ -29,14 +29,14 @@
 }
 
 @mixin height {
-  height: 73px;
+  height: 83px;
 }
 
 @mixin padding {
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 @mixin figma-autolayout { 
@@ -46,8 +46,8 @@
   align-items: center;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
   & > *:not(:last-child) { 
         margin-bottom: 0px; 
         --margin-bottom: 0px; 
@@ -63,7 +63,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 29.2 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 33.2 );
 }
 
 @mixin html-autolayout-padding {
@@ -71,5 +71,5 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 29.2 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 33.2 );
 }

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-vars.scss

@@ -5,7 +5,7 @@ $stroke-color: var( --scw-color-grey-02 );
 $stroke-weight: 0px;
 $stroke-align: INSIDE;
 $width: 103px;
-$height: 73px;
+$height: 83px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -18,11 +18,11 @@ $layout-align: INHERIT;
 $layout-grow: 0;
 $top: 0px;
 $top-percent: 10%;
-$bottom: calc( var( --scw-spacing-1 ) * 29.2 );
+$bottom: calc( var( --scw-spacing-1 ) * 33.2 );
 $left: 0px;
 $left-percent: 50%;
 $right: 0px;
 $padding-left: 0px;
 $padding-right: 0px;
-$padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-$padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$padding-top: var( --scw-spacing-1 );
+$padding-bottom: var( --scw-spacing-1 );

package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-vars.scss

@@ -5,7 +5,7 @@ $stroke-color: var( --scw-color-grey-08 );
 $stroke-weight: 1px;
 $stroke-align: INSIDE;
 $width: 103px;
-$height: 365px;
+$height: 415px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -16,12 +16,12 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: MIN;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 2.5 );
-$top-percent: 26.74%;
-$bottom: calc( var( --scw-spacing-1 ) * 38.6 );
-$left: calc( var( --scw-spacing-1 ) * 110.01787109375 );
-$left-percent: 87.71%;
-$right: calc( var( --scw-spacing-1 ) * 10.98212890625 );
+$top: calc( var( --scw-spacing-1 ) * 43.65 );
+$top-percent: 56.1%;
+$bottom: calc( var( --scw-spacing-1 ) * 29.65 );
+$left: calc( var( --scw-spacing-1 ) * 16.4 );
+$left-percent: 24.41%;
+$right: calc( var( --scw-spacing-1 ) * 61.6 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;