npm - scu-web-components - Versions diffs - 1.3.11 → 1.3.13 - Mend

scu-web-components 1.3.11 → 1.3.13

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 (617) hide show

package/dist/tokens/segments/comp-scw-input/_state-focused-size-large-type-rounded-input-vars.scss CHANGED Viewed

@@ -10,7 +10,7 @@ $corner-radius-top-right: 30px;
 $corner-radius-bottom-right: 30px;
 $corner-radius-bottom-left: 30px;
 $width: 282px;
-$height: 65px;
+$height: 60px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -22,7 +22,7 @@ $item-spacing: 0px;
 $layout-align: STRETCH;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 2.8 );
-$top-percent: 51.27%;
+$top-percent: 51.33%;
 $bottom: calc( var( --scw-spacing-1 ) * 2.5 );
 $left: 0px;
 $left-percent: 50%;

package/dist/tokens/segments/comp-scw-input/_state-focused-size-large-type-rounded-label-mixins.scss CHANGED Viewed

@@ -56,7 +56,7 @@
   margin-left: 0px;
   margin-right: calc( var( --scw-spacing-1 ) * 22.5 );
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );
+  margin-bottom: var( --scw-spacing-9 );
 }
 @mixin html-autolayout-padding {
@@ -64,5 +64,5 @@
   padding-left: 0px;
   padding-right: calc( var( --scw-spacing-1 ) * 22.5 );
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );
+  padding-bottom: var( --scw-spacing-9 );
 }

package/dist/tokens/segments/comp-scw-input/_state-focused-size-large-type-rounded-label-vars.scss CHANGED Viewed

@@ -14,8 +14,8 @@ $item-spacing: calc( var( --scw-spacing-1 ) * 0.5 );
 $layout-align: INHERIT;
 $layout-grow: 0;
 $top: 0px;
-$top-percent: 9.75%;
-$bottom: calc( var( --scw-spacing-1 ) * 9.5 );
+$top-percent: 10.18%;
+$bottom: var( --scw-spacing-9 );
 $left: 0px;
 $left-percent: 10.11%;
 $right: calc( var( --scw-spacing-1 ) * 22.5 );

package/dist/tokens/segments/comp-scw-input/_state-focused-size-large-type-rounded-mixins.scss CHANGED Viewed

@@ -14,7 +14,7 @@
 @mixin sizing {
   width: 282px;
-  height: 118px;
+  height: 113px;
 }
 @mixin width {
@@ -22,7 +22,7 @@
 }
 @mixin height {
-  height: 118px;
+  height: 113px;
 }
 @mixin padding {
@@ -52,14 +52,14 @@
   left: calc( var( --scw-spacing-1 ) * 34.2 );
   width: 282px;
   bottom: calc( var( --scw-spacing-1 ) * 24 );
-  height: 118px;
+  height: 113px;
 }
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 34.2 );
   margin-right: calc( var( --scw-spacing-1 ) * 108.9 );
-  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );
+  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 24 );
 }
@@ -67,6 +67,6 @@
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 34.2 );
   padding-right: calc( var( --scw-spacing-1 ) * 108.9 );
-  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );
+  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 24 );
 }

package/dist/tokens/segments/comp-scw-input/_state-focused-size-large-type-rounded-vars.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 $background-color: rgba(0,0,0,0);
 $width: 282px;
-$height: 118px;
+$height: 113px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MAX;
 $constrain-proportions: false;
@@ -13,8 +13,8 @@ $counter-axis-align-items: MIN;
 $item-spacing: calc( var( --scw-spacing-1 ) * 0.5 );
 $layout-align: MIN;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 72.8 );
-$top-percent: 72.47%;
+$top: calc( var( --scw-spacing-1 ) * 73.3 );
+$top-percent: 72.7%;
 $bottom: calc( var( --scw-spacing-1 ) * 24 );
 $left: calc( var( --scw-spacing-1 ) * 34.2 );
 $left-percent: 28.2%;

package/dist/tokens/segments/comp-scw-input/_state-focused-size-small-type-rounded-input-placeholder-placeholder-mixins.scss CHANGED Viewed

@@ -7,9 +7,9 @@
   text-align: LEFT;
   font: var( --scw-type-text-04-font );
   @if $themeVar {
-    color: var( #{$themeVar} , rgba(114,118,121,1) );
+    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );
   } @else {
-    color: rgba(114,118,121,1);
+    color: var( --scw-color-grey-04 );
   }
   flex: 1;
 }

package/dist/tokens/segments/comp-scw-input/_state-focused-size-small-type-rounded-input-placeholder-placeholder-vars.scss CHANGED Viewed

@@ -5,6 +5,7 @@ $font-size: 1rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
 $text-transform: none;
+$color: var( --scw-color-grey-04 );
 $font-family: 'Proxima Nova';
 $font-weight: 400;
 $line-height: 1.5rem;

package/dist/tokens/segments/comp-scw-input/_state-focused-type-rounded-input-placeholder-placeholder-mixins.scss CHANGED Viewed

@@ -7,9 +7,9 @@
   text-align: LEFT;
   font: var( --scw-type-text-04-font );
   @if $themeVar {
-    color: var( #{$themeVar} , rgba(114,118,121,1) );
+    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );
   } @else {
-    color: rgba(114,118,121,1);
+    color: var( --scw-color-grey-04 );
   }
   flex: 1;
 }

package/dist/tokens/segments/comp-scw-input/_state-focused-type-rounded-input-placeholder-placeholder-vars.scss CHANGED Viewed

@@ -5,6 +5,7 @@ $font-size: 1rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
 $text-transform: none;
+$color: var( --scw-color-grey-04 );
 $font-family: 'Proxima Nova';
 $font-weight: 400;
 $line-height: 1.5rem;

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-feedback-mixins.scss CHANGED Viewed

@@ -55,7 +55,7 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: calc( var( --scw-spacing-1 ) * 22.5 );
-  margin-top: calc( var( --scw-spacing-1 ) * 9.8 );
+  margin-top: calc( var( --scw-spacing-1 ) * 9.3 );
   margin-bottom: 0px;
 }
@@ -63,6 +63,6 @@
   display: inline-block;
   padding-left: 0px;
   padding-right: calc( var( --scw-spacing-1 ) * 22.5 );
-  padding-top: calc( var( --scw-spacing-1 ) * 9.8 );
+  padding-top: calc( var( --scw-spacing-1 ) * 9.3 );
   padding-bottom: 0px;
 }

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-feedback-vars.scss CHANGED Viewed

@@ -13,8 +13,8 @@ $counter-axis-align-items: MIN;
 $item-spacing: var( --scw-spacing-1 );
 $layout-align: INHERIT;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 9.8 );
-$top-percent: 91.53%;
+$top: calc( var( --scw-spacing-1 ) * 9.3 );
+$top-percent: 91.15%;
 $bottom: 0px;
 $left: 0px;
 $left-percent: 10.11%;

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-input-icon-left-mixins.scss CHANGED Viewed

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

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-input-icon-left-vars.scss CHANGED Viewed

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

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-input-icon-right-mixins.scss CHANGED Viewed

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

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-input-icon-right-vars.scss CHANGED Viewed

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

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-input-mixins.scss CHANGED Viewed

@@ -23,7 +23,7 @@
 @mixin sizing {
   width: 282px;
-  height: 65px;
+  height: 60px;
 }
 @mixin width {
@@ -31,7 +31,7 @@
 }
 @mixin height {
-  height: 65px;
+  height: 60px;
 }
 @mixin padding {

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-input-placeholder-mixins.scss CHANGED Viewed

@@ -15,7 +15,7 @@
 @mixin sizing {
   width: 172px;
-  height: 31px;
+  height: 27px;
 }
 @mixin width {
@@ -23,7 +23,7 @@
 }
 @mixin height {
-  height: 31px;
+  height: 27px;
 }
 @mixin padding {
@@ -56,14 +56,14 @@
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 4.5 );
   margin-right: calc( var( --scw-spacing-1 ) * 6.5 );
-  margin-top: calc( var( --scw-spacing-1 ) * 1.7 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 1.7 );
+  margin-top: calc( var( --scw-spacing-1 ) * 1.65 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 1.65 );
 }
 @mixin html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 4.5 );
   padding-right: calc( var( --scw-spacing-1 ) * 6.5 );
-  padding-top: calc( var( --scw-spacing-1 ) * 1.7 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 1.7 );
+  padding-top: calc( var( --scw-spacing-1 ) * 1.65 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 1.65 );
 }

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-input-placeholder-placeholder-mixins.scss CHANGED Viewed

@@ -5,7 +5,7 @@
   $themeVar: false
 ) {
   text-align: LEFT;
-  font: var( --scw-type-text-06-font );
+  font: var( --scw-type-text-font );
   @if $themeVar {
     color: var( #{$themeVar} , rgba(114,118,121,1) );
   } @else {
@@ -16,7 +16,7 @@
 @mixin sizing {
   width: 152px;
-  height: 31px;
+  height: 27px;
 }
 @mixin width {
@@ -24,7 +24,7 @@
 }
 @mixin height {
-  height: 31px;
+  height: 27px;
 }
 @mixin padding {

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-input-placeholder-placeholder-vars.scss CHANGED Viewed

@@ -1,17 +1,17 @@
 $characters: 'Placeholder';
-$font-size: 1.25rem;
+$font-size: 1.125rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
 $text-transform: none;
 $font-family: 'Proxima Nova';
 $font-weight: 400;
-$line-height: 1.938rem;
+$line-height: 1.688rem;
 $letter-spacing: 0rem;
-$font: var( --scw-type-text-06-font );
+$font: var( --scw-type-text-font );
 $width: 152px;
-$height: 31px;
+$height: 27px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-input-placeholder-vars.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 $background-color: rgba(0,0,0,0);
 $width: 172px;
-$height: 31px;
+$height: 27px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -13,9 +13,9 @@ $counter-axis-align-items: CENTER;
 $item-spacing: 0px;
 $layout-align: INHERIT;
 $layout-grow: 1;
-$top: calc( var( --scw-spacing-1 ) * 1.7 );
+$top: calc( var( --scw-spacing-1 ) * 1.65 );
 $top-percent: 50%;
-$bottom: calc( var( --scw-spacing-1 ) * 1.7 );
+$bottom: calc( var( --scw-spacing-1 ) * 1.65 );
 $left: calc( var( --scw-spacing-1 ) * 4.5 );
 $left-percent: 46.45%;
 $right: calc( var( --scw-spacing-1 ) * 6.5 );

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-input-vars.scss CHANGED Viewed

@@ -10,7 +10,7 @@ $corner-radius-top-right: 30px;
 $corner-radius-bottom-right: 30px;
 $corner-radius-bottom-left: 30px;
 $width: 282px;
-$height: 65px;
+$height: 60px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MIN;
 $constrain-proportions: false;
@@ -22,7 +22,7 @@ $item-spacing: 0px;
 $layout-align: STRETCH;
 $layout-grow: 0;
 $top: calc( var( --scw-spacing-1 ) * 2.8 );
-$top-percent: 51.27%;
+$top-percent: 51.33%;
 $bottom: calc( var( --scw-spacing-1 ) * 2.5 );
 $left: 0px;
 $left-percent: 50%;

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-label-mixins.scss CHANGED Viewed

@@ -56,7 +56,7 @@
   margin-left: 0px;
   margin-right: calc( var( --scw-spacing-1 ) * 22.5 );
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 9.5 );
+  margin-bottom: var( --scw-spacing-9 );
 }
 @mixin html-autolayout-padding {
@@ -64,5 +64,5 @@
   padding-left: 0px;
   padding-right: calc( var( --scw-spacing-1 ) * 22.5 );
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 9.5 );
+  padding-bottom: var( --scw-spacing-9 );
 }

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-label-vars.scss CHANGED Viewed

@@ -14,8 +14,8 @@ $item-spacing: calc( var( --scw-spacing-1 ) * 0.5 );
 $layout-align: INHERIT;
 $layout-grow: 0;
 $top: 0px;
-$top-percent: 9.75%;
-$bottom: calc( var( --scw-spacing-1 ) * 9.5 );
+$top-percent: 10.18%;
+$bottom: var( --scw-spacing-9 );
 $left: 0px;
 $left-percent: 10.11%;
 $right: calc( var( --scw-spacing-1 ) * 22.5 );

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-mixins.scss CHANGED Viewed

@@ -14,7 +14,7 @@
 @mixin sizing {
   width: 282px;
-  height: 118px;
+  height: 113px;
 }
 @mixin width {
@@ -22,7 +22,7 @@
 }
 @mixin height {
-  height: 118px;
+  height: 113px;
 }
 @mixin padding {
@@ -52,14 +52,14 @@
   left: calc( var( --scw-spacing-1 ) * 130.8 );
   width: 282px;
   bottom: calc( var( --scw-spacing-1 ) * 24 );
-  height: 118px;
+  height: 113px;
 }
 @mixin html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 130.8 );
   margin-right: calc( var( --scw-spacing-1 ) * 12.3 );
-  margin-top: calc( var( --scw-spacing-1 ) * 72.8 );
+  margin-top: calc( var( --scw-spacing-1 ) * 73.3 );
   margin-bottom: calc( var( --scw-spacing-1 ) * 24 );
 }
@@ -67,6 +67,6 @@
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 130.8 );
   padding-right: calc( var( --scw-spacing-1 ) * 12.3 );
-  padding-top: calc( var( --scw-spacing-1 ) * 72.8 );
+  padding-top: calc( var( --scw-spacing-1 ) * 73.3 );
   padding-bottom: calc( var( --scw-spacing-1 ) * 24 );
 }

package/dist/tokens/segments/comp-scw-input/_state-success-size-large-type-rounded-vars.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 $background-color: rgba(0,0,0,0);
 $width: 282px;
-$height: 118px;
+$height: 113px;
 $constraint-horizontal: MIN;
 $constraint-vertical: MAX;
 $constrain-proportions: false;
@@ -13,8 +13,8 @@ $counter-axis-align-items: MIN;
 $item-spacing: calc( var( --scw-spacing-1 ) * 0.5 );
 $layout-align: MIN;
 $layout-grow: 0;
-$top: calc( var( --scw-spacing-1 ) * 72.8 );
-$top-percent: 72.47%;
+$top: calc( var( --scw-spacing-1 ) * 73.3 );
+$top-percent: 72.7%;
 $bottom: calc( var( --scw-spacing-1 ) * 24 );
 $left: calc( var( --scw-spacing-1 ) * 130.8 );
 $left-percent: 84.59%;

package/dist/tokens/segments/comp-scw-input/_state-success-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.scss CHANGED Viewed

@@ -6,9 +6,9 @@
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
-    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );
+    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );
   } @else {
-    background-color: var( --scw-color-grey-04 );
+    background-color: var( --scw-color-primary-01 );
   }
 }

package/dist/tokens/segments/comp-scw-input/_state-success-size-small-type-rounded-input-icon-right-icon-icon-vector-color-02-vars.scss CHANGED Viewed

@@ -1,6 +1,6 @@
-$background-color: var( --scw-color-grey-04 );
+$background-color: var( --scw-color-primary-01 );
 $blend-mode: NORMAL;
 $width: 10.2897px;
 $height: 11.9993px;

package/dist/tokens/segments/comp-scw-input/_state-success-size-small-type-rounded-input-mixins.scss CHANGED Viewed

@@ -14,9 +14,9 @@
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
-    border-color: var( #{$borderThemeVar} , var( --scw-color-grey ) );
+    border-color: var( #{$borderThemeVar}-02 , var( --scw-color-grey-02 ) );
   } @else {
-    border-color: var( --scw-color-grey );
+    border-color: var( --scw-color-grey-02 );
   }
   align-self: stretch;
 }

package/dist/tokens/segments/comp-scw-input/_state-success-size-small-type-rounded-input-placeholder-placeholder-mixins.scss CHANGED Viewed

@@ -7,9 +7,9 @@
   text-align: LEFT;
   font: var( --scw-type-text-04-font );
   @if $themeVar {
-    color: var( #{$themeVar} , rgba(114,118,121,1) );
+    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );
   } @else {
-    color: rgba(114,118,121,1);
+    color: var( --scw-color-grey-04 );
   }
   flex: 1;
 }

package/dist/tokens/segments/comp-scw-input/_state-success-size-small-type-rounded-input-placeholder-placeholder-vars.scss CHANGED Viewed

@@ -5,6 +5,7 @@ $font-size: 1rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
 $text-transform: none;
+$color: var( --scw-color-grey-04 );
 $font-family: 'Proxima Nova';
 $font-weight: 400;
 $line-height: 1.5rem;

package/dist/tokens/segments/comp-scw-input/_state-success-size-small-type-rounded-input-vars.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
-$stroke-color: var( --scw-color-grey );
+$stroke-color: var( --scw-color-grey-02 );
 $stroke-weight: 1px;
 $stroke-align: OUTSIDE;
 $corner-radius-top-left: 25px;

package/dist/tokens/segments/comp-scw-input/_state-success-type-rounded-input-icon-right-icon-icon-vector-color-02-mixins.scss CHANGED Viewed

@@ -6,9 +6,9 @@
   $borderThemeVar: false
 ) {
   @if $bgThemeVar {
-    background-color: var( #{$bgThemeVar}-04 , var( --scw-color-grey-04 ) );
+    background-color: var( #{$bgThemeVar}-01 , var( --scw-color-primary-01 ) );
   } @else {
-    background-color: var( --scw-color-grey-04 );
+    background-color: var( --scw-color-primary-01 );
   }
 }

package/dist/tokens/segments/comp-scw-input/_state-success-type-rounded-input-icon-right-icon-icon-vector-color-02-vars.scss CHANGED Viewed

@@ -1,6 +1,6 @@
-$background-color: var( --scw-color-grey-04 );
+$background-color: var( --scw-color-primary-01 );
 $blend-mode: NORMAL;
 $width: 12.0047px;
 $height: 13.9992px;

package/dist/tokens/segments/comp-scw-input/_state-success-type-rounded-input-mixins.scss CHANGED Viewed

@@ -14,9 +14,9 @@
   border-width: 1px;
   border-style: solid;
   @if $borderThemeVar {
-    border-color: var( #{$borderThemeVar} , var( --scw-color-grey ) );
+    border-color: var( #{$borderThemeVar}-02 , var( --scw-color-grey-02 ) );
   } @else {
-    border-color: var( --scw-color-grey );
+    border-color: var( --scw-color-grey-02 );
   }
   align-self: stretch;
 }

package/dist/tokens/segments/comp-scw-input/_state-success-type-rounded-input-placeholder-placeholder-mixins.scss CHANGED Viewed

@@ -7,9 +7,9 @@
   text-align: LEFT;
   font: var( --scw-type-text-04-font );
   @if $themeVar {
-    color: var( #{$themeVar} , rgba(114,118,121,1) );
+    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );
   } @else {
-    color: rgba(114,118,121,1);
+    color: var( --scw-color-grey-04 );
   }
   flex: 1;
 }

package/dist/tokens/segments/comp-scw-input/_state-success-type-rounded-input-placeholder-placeholder-vars.scss CHANGED Viewed

@@ -5,6 +5,7 @@ $font-size: 1rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
 $text-transform: none;
+$color: var( --scw-color-grey-04 );
 $font-family: 'Proxima Nova';
 $font-weight: 400;
 $line-height: 1.5rem;

package/dist/tokens/segments/comp-scw-input/_state-success-type-rounded-input-vars.scss CHANGED Viewed

@@ -2,7 +2,7 @@
 $background-color: var( --scw-color-grey-10 );
 $blend-mode: NORMAL;
-$stroke-color: var( --scw-color-grey );
+$stroke-color: var( --scw-color-grey-02 );
 $stroke-weight: 1px;
 $stroke-align: OUTSIDE;
 $corner-radius-top-left: 25px;

package/dist/tokens/segments/comp-scw-input/_type-rounded-input-placeholder-placeholder-mixins.scss CHANGED Viewed

@@ -7,9 +7,9 @@
   text-align: LEFT;
   font: var( --scw-type-text-04-font );
   @if $themeVar {
-    color: var( #{$themeVar} , rgba(114,118,121,1) );
+    color: var( #{$themeVar}-04 , var( --scw-color-grey-04 ) );
   } @else {
-    color: rgba(114,118,121,1);
+    color: var( --scw-color-grey-04 );
   }
   flex: 1;
 }

package/dist/tokens/segments/comp-scw-input/_type-rounded-input-placeholder-placeholder-vars.scss CHANGED Viewed

@@ -5,6 +5,7 @@ $font-size: 1rem;
 $text-align-horizontal: LEFT;
 $text-align-vertical: TOP;
 $text-transform: none;
+$color: var( --scw-color-grey-04 );
 $font-family: 'Proxima Nova';
 $font-weight: 400;
 $line-height: 1.5rem;