scu-web-components 0.0.36 → 0.0.38

package/dist/tokens/segments/comp-scw-link/_state-disabled-icon-right-left-icon-mixins.scss

@@ -46,7 +46,7 @@
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
   margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
 
 @mixin html-autolayout-padding {
@@ -54,5 +54,5 @@
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }

package/dist/tokens/segments/comp-scw-link/_state-disabled-icon-right-left-icon-vars.scss

@@ -18,8 +18,8 @@ $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 0.4 );
-$top-percent: 50%;
-$bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+$top-percent: 41.03%;
+$bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 $left: calc( var( --scw-spacing-1 ) * 1.6 );
 $left-percent: 27.72%;
 $right: calc( var( --scw-spacing-1 ) * 6.1 );

package/dist/tokens/segments/comp-scw-link/_state-disabled-icon-right-mixins.scss

@@ -10,12 +10,12 @@
   } @else {
     background-color: var( --scw-color-grey-095 );
   }
-  border-radius: 10px 10px 10px 10px; 
+  border-radius: 6px 6px 6px 6px; 
 }
 
 @mixin sizing {
   width: 101px;
-  height: 32px;
+  height: 39px;
 }
 
 @mixin width {
@@ -23,14 +23,14 @@
 }
 
 @mixin height {
-  height: 32px;
+  height: 39px;
 }
 
 @mixin padding {
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 }
 
 @mixin figma-autolayout { 
@@ -40,8 +40,8 @@
   align-items: center;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
   & > *:not(:last-child) { 
         margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); 
         --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); 
@@ -53,7 +53,7 @@
   left: calc( var( --scw-spacing-1 ) * 23 );
   width: 101px;
   top: calc( var( --scw-spacing-1 ) * 17.7 );
-  height: 32px; 
+  height: 39px; 
 }
 
 @mixin html-autolayout-margins {
@@ -61,7 +61,7 @@
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
   margin-right: var( --scw-spacing-10 );
   margin-top: calc( var( --scw-spacing-1 ) * 17.7 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 24.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }
 
 @mixin html-autolayout-padding {
@@ -69,5 +69,5 @@
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
   padding-right: var( --scw-spacing-10 );
   padding-top: calc( var( --scw-spacing-1 ) * 17.7 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 24.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }

package/dist/tokens/segments/comp-scw-link/_state-disabled-icon-right-right-icon-mixins.scss

@@ -45,14 +45,14 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.75 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }

package/dist/tokens/segments/comp-scw-link/_state-disabled-icon-right-right-icon-vars.scss

@@ -17,9 +17,9 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 0.4 );
+$top: calc( var( --scw-spacing-1 ) * 0.75 );
 $top-percent: 50%;
-$bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+$bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 $left: calc( var( --scw-spacing-1 ) * 6.5 );
 $left-percent: 76.24%;
 $right: calc( var( --scw-spacing-1 ) * 1.2 );

package/dist/tokens/segments/comp-scw-link/_state-disabled-icon-right-vars.scss

@@ -2,12 +2,12 @@
 
 $background-color: var( --scw-color-grey-095 );
 $blend-mode: NORMAL;
-$corner-radius-top-left: 10px;
-$corner-radius-top-right: 10px;
-$corner-radius-bottom-right: 10px;
-$corner-radius-bottom-left: 10px;
+$corner-radius-top-left: 6px;
+$corner-radius-top-right: 6px;
+$corner-radius-bottom-right: 6px;
+$corner-radius-bottom-left: 6px;
 $width: 101px;
-$height: 32px;
+$height: 39px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -19,12 +19,12 @@ $item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $layout-align: MIN;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 17.7 );
-$top-percent: 42.6%;
-$bottom: calc( var( --scw-spacing-1 ) * 24.4 );
+$top-percent: 43.38%;
+$bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 $left: calc( var( --scw-spacing-1 ) * 23 );
 $left-percent: 65.08%;
 $right: var( --scw-spacing-10 );
 $padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
-$padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
-$padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+$padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+$padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );

package/dist/tokens/segments/comp-scw-link/_state-disabled-label-mixins.scss

@@ -15,7 +15,7 @@
 
 @mixin sizing {
   width: 45px;
-  height: 22px;
+  height: 27px;
 }
 
 @mixin width {
@@ -23,7 +23,7 @@
 }
 
 @mixin height {
-  height: 22px;
+  height: 27px;
 }
 
 @mixin padding {
@@ -41,14 +41,14 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 }

package/dist/tokens/segments/comp-scw-link/_state-disabled-label-vars.scss

@@ -8,11 +8,11 @@ $text-transform: none;
 $color: var( --scw-color-grey-07 );
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: 1.37rem;
+$line-height: 1.688rem;
 $letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
-$height: 22px;
+$height: 27px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -23,9 +23,9 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 0.5 );
+$top: calc( var( --scw-spacing-1 ) * 0.6 );
 $top-percent: 50%;
-$bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 $left: calc( var( --scw-spacing-1 ) * 1.6 );
 $left-percent: 50%;
 $right: calc( var( --scw-spacing-1 ) * 1.6 );

package/dist/tokens/segments/comp-scw-link/_state-disabled-left-icon-mixins.scss

@@ -46,7 +46,7 @@
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
   margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
 
 @mixin html-autolayout-padding {
@@ -54,5 +54,5 @@
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }

package/dist/tokens/segments/comp-scw-link/_state-disabled-left-icon-vars.scss

@@ -18,8 +18,8 @@ $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 0.4 );
-$top-percent: 50%;
-$bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+$top-percent: 41.03%;
+$bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 $left: calc( var( --scw-spacing-1 ) * 1.6 );
 $left-percent: 36.36%;
 $right: calc( var( --scw-spacing-1 ) * 3.7 );

package/dist/tokens/segments/comp-scw-link/_state-disabled-mixins.scss

@@ -10,12 +10,12 @@
   } @else {
     background-color: var( --scw-color-grey-095 );
   }
-  border-radius: 10px 10px 10px 10px; 
+  border-radius: 6px 6px 6px 6px; 
 }
 
 @mixin sizing {
   width: 77px;
-  height: 32px;
+  height: 39px;
 }
 
 @mixin width {
@@ -23,14 +23,14 @@
 }
 
 @mixin height {
-  height: 32px;
+  height: 39px;
 }
 
 @mixin padding {
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 }
 
 @mixin figma-autolayout { 
@@ -40,8 +40,8 @@
   align-items: center;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
   & > *:not(:last-child) { 
         margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); 
         --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); 
@@ -52,22 +52,22 @@
   position: absolute;
   left: var( --scw-spacing-2 );
   width: 77px;
-  top: calc( var( --scw-spacing-1 ) * 17.8 );
-  height: 32px; 
+  top: calc( var( --scw-spacing-1 ) * 17.7 );
+  height: 39px; 
 }
 
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: var( --scw-spacing-2 );
   margin-right: calc( var( --scw-spacing-1 ) * 33.4 );
-  margin-top: calc( var( --scw-spacing-1 ) * 17.8 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 24.3 );
+  margin-top: calc( var( --scw-spacing-1 ) * 17.7 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: var( --scw-spacing-2 );
   padding-right: calc( var( --scw-spacing-1 ) * 33.4 );
-  padding-top: calc( var( --scw-spacing-1 ) * 17.8 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 24.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 17.7 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }

package/dist/tokens/segments/comp-scw-link/_state-disabled-right-icon-mixins.scss

@@ -46,7 +46,7 @@
   margin-left: var( --scw-spacing-6 );
   margin-right: calc( var( --scw-spacing-1 ) * -0.7 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
 
 @mixin html-autolayout-padding {
@@ -54,5 +54,5 @@
   padding-left: var( --scw-spacing-6 );
   padding-right: calc( var( --scw-spacing-1 ) * -0.7 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }

package/dist/tokens/segments/comp-scw-link/_state-disabled-right-icon-vars.scss

@@ -18,8 +18,8 @@ $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 0.4 );
-$top-percent: 50%;
-$bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+$top-percent: 41.03%;
+$bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 $left: var( --scw-spacing-6 );
 $left-percent: 93.51%;
 $right: calc( var( --scw-spacing-1 ) * -0.7 );

package/dist/tokens/segments/comp-scw-link/_state-disabled-vars.scss

@@ -2,12 +2,12 @@
 
 $background-color: var( --scw-color-grey-095 );
 $blend-mode: NORMAL;
-$corner-radius-top-left: 10px;
-$corner-radius-top-right: 10px;
-$corner-radius-bottom-right: 10px;
-$corner-radius-bottom-left: 10px;
+$corner-radius-top-left: 6px;
+$corner-radius-top-right: 6px;
+$corner-radius-bottom-right: 6px;
+$corner-radius-bottom-left: 6px;
 $width: 77px;
-$height: 32px;
+$height: 39px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -18,13 +18,13 @@ $counter-axis-align-items: CENTER;
 $item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $layout-align: MIN;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 17.8 );
-$top-percent: 42.83%;
-$bottom: calc( var( --scw-spacing-1 ) * 24.3 );
+$top: calc( var( --scw-spacing-1 ) * 17.7 );
+$top-percent: 43.38%;
+$bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 $left: var( --scw-spacing-2 );
 $left-percent: 13.57%;
 $right: calc( var( --scw-spacing-1 ) * 33.4 );
 $padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
-$padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-$padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+$padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );

package/dist/tokens/segments/comp-scw-link/_state-focused-design-outlined-label-mixins.scss

@@ -7,15 +7,15 @@
   text-align: LEFT;
   font: var( --scw-type-text-bold-06-font );
   @if $themeVar {
-    color: var( #{$themeVar}-03 , var( --scw-color-primary-03 ) );
+    color: var( #{$themeVar}-04 , var( --scw-color-primary-04 ) );
   } @else {
-    color: var( --scw-color-primary-03 );
+    color: var( --scw-color-primary-04 );
   } 
 }
 
 @mixin sizing {
   width: 45px;
-  height: 22px;
+  height: 27px;
 }
 
 @mixin width {
@@ -23,7 +23,7 @@
 }
 
 @mixin height {
-  height: 22px;
+  height: 27px;
 }
 
 @mixin padding {
@@ -41,14 +41,14 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-top: calc( var( --scw-spacing-1 ) * 0.3 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.3 );
+  margin-top: calc( var( --scw-spacing-1 ) * 0.6 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 }
 
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 }

package/dist/tokens/segments/comp-scw-link/_state-focused-design-outlined-label-vars.scss

@@ -5,14 +5,14 @@ $font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
 $text-transform: none;
-$color: var( --scw-color-primary-03 );
+$color: var( --scw-color-primary-04 );
 $font-family: 'Proxima Nova';
 $font-weight: 700;
-$line-height: 1.37rem;
+$line-height: 1.688rem;
 $letter-spacing: 0rem;
 $font: var( --scw-type-text-bold-06-font );
 $width: 45px;
-$height: 22px;
+$height: 27px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -23,9 +23,9 @@ $counter-axis-align-items: MIN;
 $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 0.3 );
+$top: calc( var( --scw-spacing-1 ) * 0.6 );
 $top-percent: 50%;
-$bottom: calc( var( --scw-spacing-1 ) * 0.3 );
+$bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 $left: calc( var( --scw-spacing-1 ) * 1.6 );
 $left-percent: 50%;
 $right: calc( var( --scw-spacing-1 ) * 1.6 );

package/dist/tokens/segments/comp-scw-link/_state-focused-design-outlined-left-icon-mixins.scss

@@ -46,7 +46,7 @@
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
   margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  margin-bottom: 0px;
+  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
 
 @mixin html-autolayout-padding {
@@ -54,5 +54,5 @@
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  padding-bottom: 0px;
+  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }

package/dist/tokens/segments/comp-scw-link/_state-focused-design-outlined-left-icon-vars.scss

@@ -18,8 +18,8 @@ $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 0.4 );
-$top-percent: 57.14%;
-$bottom: 0px;
+$top-percent: 41.03%;
+$bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 $left: calc( var( --scw-spacing-1 ) * 1.6 );
 $left-percent: 36.36%;
 $right: calc( var( --scw-spacing-1 ) * 3.7 );

package/dist/tokens/segments/comp-scw-link/_state-focused-design-outlined-mixins.scss

@@ -10,20 +10,20 @@
   } @else {
     background-color: var( --scw-color-grey-10 );
   }
-  border-radius: 10px 10px 10px 10px;
+  border-radius: 6px 6px 6px 6px;
   border-width: 2px;
   border-style: solid;
   @if $borderThemeVar {
-    border-color: var( #{$borderThemeVar}-03 , var( --scw-color-primary-03 ) );
+    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );
   } @else {
-    border-color: var( --scw-color-primary-03 );
+    border-color: var( --scw-color-primary-04 );
   }
   box-shadow: var( --scw-effect-focus-shadow ); 
 }
 
 @mixin sizing {
   width: 77px;
-  height: 28px;
+  height: 39px;
 }
 
 @mixin width {
@@ -31,14 +31,14 @@
 }
 
 @mixin height {
-  height: 28px;
+  height: 39px;
 }
 
 @mixin padding {
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 }
 
 @mixin figma-autolayout { 
@@ -48,8 +48,8 @@
   align-items: center;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-top: calc( var( --scw-spacing-1 ) * 0.3 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.3 );
+  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
   & > *:not(:last-child) { 
         margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); 
         --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); 
@@ -61,7 +61,7 @@
   left: var( --scw-spacing-2 );
   width: 77px;
   top: calc( var( --scw-spacing-1 ) * 34.2 );
-  height: 28px; 
+  height: 39px; 
 }
 
 @mixin html-autolayout-margins {
@@ -69,7 +69,7 @@
   margin-left: var( --scw-spacing-2 );
   margin-right: calc( var( --scw-spacing-1 ) * 33.4 );
   margin-top: calc( var( --scw-spacing-1 ) * 34.2 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 8.3 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 7.2 );
 }
 
 @mixin html-autolayout-padding {
@@ -77,5 +77,5 @@
   padding-left: var( --scw-spacing-2 );
   padding-right: calc( var( --scw-spacing-1 ) * 33.4 );
   padding-top: calc( var( --scw-spacing-1 ) * 34.2 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 8.3 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 7.2 );
 }

package/dist/tokens/segments/comp-scw-link/_state-focused-design-outlined-right-icon-mixins.scss

@@ -46,7 +46,7 @@
   margin-left: var( --scw-spacing-6 );
   margin-right: calc( var( --scw-spacing-1 ) * -0.7 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  margin-bottom: 0px;
+  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
 
 @mixin html-autolayout-padding {
@@ -54,5 +54,5 @@
   padding-left: var( --scw-spacing-6 );
   padding-right: calc( var( --scw-spacing-1 ) * -0.7 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.4 );
-  padding-bottom: 0px;
+  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }

package/dist/tokens/segments/comp-scw-link/_state-focused-design-outlined-right-icon-vars.scss

@@ -18,8 +18,8 @@ $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 0.4 );
-$top-percent: 57.14%;
-$bottom: 0px;
+$top-percent: 41.03%;
+$bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 $left: var( --scw-spacing-6 );
 $left-percent: 93.51%;
 $right: calc( var( --scw-spacing-1 ) * -0.7 );

package/dist/tokens/segments/comp-scw-link/_state-focused-design-outlined-vars.scss

@@ -2,13 +2,13 @@
 
 $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
-$stroke-color: var( --scw-color-primary-03 );
+$stroke-color: var( --scw-color-primary-04 );
 $stroke-weight: 2px;
 $stroke-align: OUTSIDE;
-$corner-radius-top-left: 10px;
-$corner-radius-top-right: 10px;
-$corner-radius-bottom-right: 10px;
-$corner-radius-bottom-left: 10px;
+$corner-radius-top-left: 6px;
+$corner-radius-top-right: 6px;
+$corner-radius-bottom-right: 6px;
+$corner-radius-bottom-left: 6px;
 $shadow-color: rgba(53,155,249,1);
 $shadow-offset-x: 0px;
 $shadow-offset-y: 0px;
@@ -16,7 +16,7 @@ $shadow-radius: 0px;
 $shadow-spread: 2px;
 $shadow: var( --scw-effect-focus-shadow );
 $width: 77px;
-$height: 28px;
+$height: 39px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -28,12 +28,12 @@ $item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $layout-align: MIN;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 34.2 );
-$top-percent: 78.59%;
-$bottom: calc( var( --scw-spacing-1 ) * 8.3 );
+$top-percent: 79.8%;
+$bottom: calc( var( --scw-spacing-1 ) * 7.2 );
 $left: var( --scw-spacing-2 );
 $left-percent: 13.57%;
 $right: calc( var( --scw-spacing-1 ) * 33.4 );
 $padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
-$padding-top: calc( var( --scw-spacing-1 ) * 0.3 );
-$padding-bottom: calc( var( --scw-spacing-1 ) * 0.3 );
+$padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
+$padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );