npm - scu-web-components - Versions diffs - 0.0.48 → 0.0.49 - Mend

scu-web-components 0.0.48 → 0.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2085) hide show

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

@@ -21,8 +21,8 @@ $top: 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: 71.29%;
-$right: calc( var( --scw-spacing-1 ) * 1.7 );
+$left-percent: 75.79%;
+$right: calc( var( --scw-spacing-1 ) * 1.1 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

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

@@ -4,12 +4,12 @@ $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
 $stroke-color: var( --scw-color-grey-09 );
 $stroke-weight: 2px;
-$stroke-align: OUTSIDE;
+$stroke-align: INSIDE;
 $corner-radius-top-left: 6px;
 $corner-radius-top-right: 6px;
 $corner-radius-bottom-right: 6px;
 $corner-radius-bottom-left: 6px;
-$width: 101px;
+$width: 95px;
 $height: 39px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
@@ -25,8 +25,8 @@ $top: calc( var( --scw-spacing-1 ) * 39.6 );
 $top-percent: 91.72%;
 $bottom: calc( var( --scw-spacing-1 ) * 1.8 );
 $left: calc( var( --scw-spacing-1 ) * 11.3 );
-$left-percent: 37.94%;
-$right: calc( var( --scw-spacing-1 ) * 21.7 );
+$left-percent: 37.24%;
+$right: calc( var( --scw-spacing-1 ) * 22.3 );
 $padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
 $padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
 $padding-top: calc( var( --scw-spacing-1 ) * 0.6 );

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

@@ -5,7 +5,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );
   } @else {
@@ -14,12 +14,12 @@
 }
 @mixin sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin width {
-  width: 45px;
+  width: 39px;
 }
 @mixin height {

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

@@ -6,12 +6,12 @@ $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
 $text-transform: none;
 $color: var( --scw-color-grey-07 );
-$font-family: 'Proxima Nova';
+$font-family: 'Proxima Nova Condensed';
 $font-weight: 700;
 $line-height: 1.688rem;
 $letter-spacing: 0rem;
-$font: var( --scw-type-text-bold-06-font );
-$width: 45px;
+$font: var( --scw-type-text-bold-condensed-06-font );
+$width: 39px;
 $height: 27px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
@@ -27,6 +27,6 @@ $top: calc( var( --scw-spacing-1 ) * 0.6 );
 $top-percent: 50%;
 $bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 $left: var( --scw-spacing-4 );
-$left-percent: 61.88%;
+$left-percent: 62.63%;
 $right: calc( var( --scw-spacing-1 ) * 1.6 );
 $margin-right: 0px;

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

@@ -44,7 +44,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 }
@@ -52,7 +52,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.9 );
   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-left-left-icon-vars.scss CHANGED Viewed

@@ -21,8 +21,8 @@ $top: calc( var( --scw-spacing-1 ) * 0.75 );
 $top-percent: 50%;
 $bottom: calc( var( --scw-spacing-1 ) * 0.75 );
 $left: calc( var( --scw-spacing-1 ) * 1.2 );
-$left-percent: 23.76%;
-$right: calc( var( --scw-spacing-1 ) * 6.5 );
+$left-percent: 25.26%;
+$right: calc( var( --scw-spacing-1 ) * 5.9 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

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

@@ -14,12 +14,12 @@
 }
 @mixin sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin width {
-  width: 101px;
+  width: 95px;
 }
 @mixin height {
@@ -51,7 +51,7 @@
 @mixin absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 11.3 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 17.7 );
   height: 39px;
 }
@@ -59,7 +59,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  margin-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 22.3 );
   margin-top: calc( var( --scw-spacing-1 ) * 17.7 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }
@@ -67,7 +67,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 11.3 );
-  padding-right: calc( var( --scw-spacing-1 ) * 21.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 22.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-icon-left-right-icon-mixins.scss CHANGED Viewed

@@ -44,7 +44,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  margin-right: calc( var( --scw-spacing-1 ) * -1.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * -1.7 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -52,7 +52,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 8.8 );
-  padding-right: calc( var( --scw-spacing-1 ) * -1.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * -1.7 );
   padding-top: 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-left-right-icon-vars.scss CHANGED Viewed

@@ -21,8 +21,8 @@ $top: 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 ) * 8.8 );
-$left-percent: 99.01%;
-$right: calc( var( --scw-spacing-1 ) * -1.1 );
+$left-percent: 105.26%;
+$right: calc( var( --scw-spacing-1 ) * -1.7 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

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

@@ -6,7 +6,7 @@ $corner-radius-top-left: 6px;
 $corner-radius-top-right: 6px;
 $corner-radius-bottom-right: 6px;
 $corner-radius-bottom-left: 6px;
-$width: 101px;
+$width: 95px;
 $height: 39px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
@@ -22,8 +22,8 @@ $top: calc( var( --scw-spacing-1 ) * 17.7 );
 $top-percent: 43.38%;
 $bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 $left: calc( var( --scw-spacing-1 ) * 11.3 );
-$left-percent: 37.94%;
-$right: calc( var( --scw-spacing-1 ) * 21.7 );
+$left-percent: 37.24%;
+$right: calc( var( --scw-spacing-1 ) * 22.3 );
 $padding-left: calc( var( --scw-spacing-1 ) * 1.2 );
 $padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
 $padding-top: calc( var( --scw-spacing-1 ) * 0.6 );

package/dist/tokens/segments/comp-scw-link/_state-disabled-icon-right-design-outlined-label-mixins.scss CHANGED Viewed

@@ -5,7 +5,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );
   } @else {
@@ -14,12 +14,12 @@
 }
 @mixin sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin width {
-  width: 45px;
+  width: 39px;
 }
 @mixin height {

package/dist/tokens/segments/comp-scw-link/_state-disabled-icon-right-design-outlined-label-vars.scss CHANGED Viewed

@@ -6,12 +6,12 @@ $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
 $text-transform: none;
 $color: var( --scw-color-grey-07 );
-$font-family: 'Proxima Nova';
+$font-family: 'Proxima Nova Condensed';
 $font-weight: 700;
 $line-height: 1.688rem;
 $letter-spacing: 0rem;
-$font: var( --scw-type-text-bold-06-font );
-$width: 45px;
+$font: var( --scw-type-text-bold-condensed-06-font );
+$width: 39px;
 $height: 27px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
@@ -27,6 +27,6 @@ $top: calc( var( --scw-spacing-1 ) * 0.6 );
 $top-percent: 50%;
 $bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 $left: calc( var( --scw-spacing-1 ) * 1.6 );
-$left-percent: 38.12%;
+$left-percent: 37.37%;
 $right: var( --scw-spacing-4 );
 $margin-right: 0px;

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

@@ -44,7 +44,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.6 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }
@@ -52,7 +52,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );
   padding-top: calc( var( --scw-spacing-1 ) * 0.6 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 }

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

@@ -21,8 +21,8 @@ $top: calc( var( --scw-spacing-1 ) * 0.6 );
 $top-percent: 46.15%;
 $bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 $left: calc( var( --scw-spacing-1 ) * 1.6 );
-$left-percent: 27.72%;
-$right: calc( var( --scw-spacing-1 ) * 6.1 );
+$left-percent: 29.47%;
+$right: calc( var( --scw-spacing-1 ) * 5.5 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

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

@@ -21,12 +21,12 @@
 }
 @mixin sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin width {
-  width: 101px;
+  width: 95px;
 }
 @mixin height {
@@ -58,7 +58,7 @@
 @mixin absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 23 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 39.6 );
   height: 39px;
 }
@@ -66,7 +66,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
-  margin-right: var( --scw-spacing-10 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.6 );
   margin-top: calc( var( --scw-spacing-1 ) * 39.6 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.8 );
 }
@@ -74,7 +74,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
-  padding-right: var( --scw-spacing-10 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.6 );
   padding-top: calc( var( --scw-spacing-1 ) * 39.6 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 1.8 );
 }

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

@@ -43,7 +43,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -51,7 +51,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
   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-design-outlined-right-icon-vars.scss CHANGED Viewed

@@ -20,8 +20,8 @@ $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 0.75 );
 $top-percent: 50%;
 $bottom: calc( var( --scw-spacing-1 ) * 0.75 );
-$left: calc( var( --scw-spacing-1 ) * 6.5 );
-$left-percent: 76.24%;
+$left: calc( var( --scw-spacing-1 ) * 5.9 );
+$left-percent: 74.74%;
 $right: calc( var( --scw-spacing-1 ) * 1.2 );
 $padding-left: 0px;
 $padding-right: 0px;

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

@@ -4,12 +4,12 @@ $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
 $stroke-color: var( --scw-color-grey-09 );
 $stroke-weight: 2px;
-$stroke-align: OUTSIDE;
+$stroke-align: INSIDE;
 $corner-radius-top-left: 6px;
 $corner-radius-top-right: 6px;
 $corner-radius-bottom-right: 6px;
 $corner-radius-bottom-left: 6px;
-$width: 101px;
+$width: 95px;
 $height: 39px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
@@ -25,8 +25,8 @@ $top: calc( var( --scw-spacing-1 ) * 39.6 );
 $top-percent: 91.72%;
 $bottom: calc( var( --scw-spacing-1 ) * 1.8 );
 $left: calc( var( --scw-spacing-1 ) * 23 );
-$left-percent: 65.08%;
-$right: var( --scw-spacing-10 );
+$left-percent: 64.39%;
+$right: calc( var( --scw-spacing-1 ) * 10.6 );
 $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.6 );

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

@@ -5,7 +5,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );
   } @else {
@@ -14,12 +14,12 @@
 }
 @mixin sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin width {
-  width: 45px;
+  width: 39px;
 }
 @mixin height {

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

@@ -6,12 +6,12 @@ $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
 $text-transform: none;
 $color: var( --scw-color-grey-07 );
-$font-family: 'Proxima Nova';
+$font-family: 'Proxima Nova Condensed';
 $font-weight: 700;
 $line-height: 1.688rem;
 $letter-spacing: 0rem;
-$font: var( --scw-type-text-bold-06-font );
-$width: 45px;
+$font: var( --scw-type-text-bold-condensed-06-font );
+$width: 39px;
 $height: 27px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
@@ -27,6 +27,6 @@ $top: calc( var( --scw-spacing-1 ) * 0.6 );
 $top-percent: 50%;
 $bottom: calc( var( --scw-spacing-1 ) * 0.6 );
 $left: calc( var( --scw-spacing-1 ) * 1.6 );
-$left-percent: 38.12%;
+$left-percent: 37.37%;
 $right: var( --scw-spacing-4 );
 $margin-right: 0px;

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

@@ -44,7 +44,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  margin-right: calc( var( --scw-spacing-1 ) * 5.5 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -52,7 +52,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 6.1 );
+  padding-right: calc( var( --scw-spacing-1 ) * 5.5 );
   padding-top: 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 CHANGED Viewed

@@ -21,8 +21,8 @@ $top: 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 );
+$left-percent: 29.47%;
+$right: calc( var( --scw-spacing-1 ) * 5.5 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;

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

@@ -14,12 +14,12 @@
 }
 @mixin sizing {
-  width: 101px;
+  width: 95px;
   height: 39px;
 }
 @mixin width {
-  width: 101px;
+  width: 95px;
 }
 @mixin height {
@@ -51,7 +51,7 @@
 @mixin absolute-layout {
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 23 );
-  width: 101px;
+  width: 95px;
   top: calc( var( --scw-spacing-1 ) * 17.7 );
   height: 39px;
 }
@@ -59,7 +59,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 23 );
-  margin-right: var( --scw-spacing-10 );
+  margin-right: calc( var( --scw-spacing-1 ) * 10.6 );
   margin-top: calc( var( --scw-spacing-1 ) * 17.7 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 23.7 );
 }
@@ -67,7 +67,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 23 );
-  padding-right: var( --scw-spacing-10 );
+  padding-right: calc( var( --scw-spacing-1 ) * 10.6 );
   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-icon-right-right-icon-mixins.scss CHANGED Viewed

@@ -43,7 +43,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
-  margin-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  margin-left: calc( var( --scw-spacing-1 ) * 5.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.75 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 0.75 );
@@ -51,7 +51,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
-  padding-left: calc( var( --scw-spacing-1 ) * 6.5 );
+  padding-left: calc( var( --scw-spacing-1 ) * 5.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 1.2 );
   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 CHANGED Viewed

@@ -20,8 +20,8 @@ $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 0.75 );
 $top-percent: 50%;
 $bottom: calc( var( --scw-spacing-1 ) * 0.75 );
-$left: calc( var( --scw-spacing-1 ) * 6.5 );
-$left-percent: 76.24%;
+$left: calc( var( --scw-spacing-1 ) * 5.9 );
+$left-percent: 74.74%;
 $right: calc( var( --scw-spacing-1 ) * 1.2 );
 $padding-left: 0px;
 $padding-right: 0px;

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

@@ -6,7 +6,7 @@ $corner-radius-top-left: 6px;
 $corner-radius-top-right: 6px;
 $corner-radius-bottom-right: 6px;
 $corner-radius-bottom-left: 6px;
-$width: 101px;
+$width: 95px;
 $height: 39px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
@@ -22,8 +22,8 @@ $top: calc( var( --scw-spacing-1 ) * 17.7 );
 $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 );
+$left-percent: 64.39%;
+$right: calc( var( --scw-spacing-1 ) * 10.6 );
 $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.6 );

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

@@ -5,7 +5,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-bold-06-font );
+  font: var( --scw-type-text-bold-condensed-06-font );
   @if $themeVar {
     color: var( #{$themeVar}-07 , var( --scw-color-grey-07 ) );
   } @else {
@@ -14,12 +14,12 @@
 }
 @mixin sizing {
-  width: 45px;
+  width: 39px;
   height: 27px;
 }
 @mixin width {
-  width: 45px;
+  width: 39px;
 }
 @mixin height {

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

@@ -6,12 +6,12 @@ $text-align-horizontal: LEFT;
 $text-align-vertical: CENTER;
 $text-transform: none;
 $color: var( --scw-color-grey-07 );
-$font-family: 'Proxima Nova';
+$font-family: 'Proxima Nova Condensed';
 $font-weight: 700;
 $line-height: 1.688rem;
 $letter-spacing: 0rem;
-$font: var( --scw-type-text-bold-06-font );
-$width: 45px;
+$font: var( --scw-type-text-bold-condensed-06-font );
+$width: 39px;
 $height: 27px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;

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

@@ -44,7 +44,7 @@
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.1 );
   margin-top: calc( var( --scw-spacing-1 ) * 0.4 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );
 }
@@ -52,7 +52,7 @@
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
-  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.1 );
   padding-top: 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 CHANGED Viewed

@@ -21,8 +21,8 @@ $top: 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 );
+$left-percent: 39.44%;
+$right: calc( var( --scw-spacing-1 ) * 3.1 );
 $padding-left: 0px;
 $padding-right: 0px;
 $padding-top: 0px;