scu-web-components 0.0.46 → 0.0.48

package/dist/tokens/segments/comp-scw-stepper/_focused-page-2-mixins.scss

@@ -0,0 +1,72 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin sizing {
+  width: 154px;
+  height: 10px;
+}
+
+@mixin width {
+  width: 154px;
+}
+
+@mixin height {
+  height: 10px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) { 
+        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
+        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
+      } 
+}
+
+@mixin absolute-layout {
+  position: absolute;
+  left: var( --scw-spacing-2 );
+  width: 154px;
+  top: var( --scw-spacing-5 );
+  height: 10px; 
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );
+  margin-top: var( --scw-spacing-5 );
+  margin-bottom: var( --scw-spacing-8 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );
+  padding-top: var( --scw-spacing-5 );
+  padding-bottom: var( --scw-spacing-8 );
+}

package/dist/tokens/segments/comp-scw-stepper/_focused-page-2-scw-stepper-item-circle-mixins.scss

@@ -0,0 +1,62 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin width {
+  width: 10px;
+}
+
+@mixin height {
+  height: 10px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+   
+}
+
+@mixin absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}

package/dist/tokens/segments/comp-scw-stepper/_focused-page-2-scw-stepper-item-circle-vars.scss

@@ -0,0 +1,30 @@
+
+
+$background-color: var( --scw-color-grey-092 );
+$blend-mode: NORMAL;
+$corner-radius-top-left: 50%;
+$corner-radius-top-right: 50%;
+$corner-radius-bottom-right: 50%;
+$corner-radius-bottom-left: 50%;
+$width: 10px;
+$height: 10px;
+$constraint-horizontal: STRETCH;
+$constraint-vertical: STRETCH;
+$constrain-proportions: false;
+$layout-context: ABSOLUTE;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: MIN;
+$layout-grow: 0;
+$top: 0px;
+$top-percent: 50%;
+$bottom: 0px;
+$left: 0px;
+$left-percent: 50%;
+$right: 0px;
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;

package/dist/tokens/segments/comp-scw-stepper/_focused-page-2-scw-stepper-item-mixins.scss

@@ -0,0 +1,57 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin width {
+  width: 10px;
+}
+
+@mixin height {
+  height: 10px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+   
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}

package/dist/tokens/segments/comp-scw-stepper/_focused-page-2-scw-stepper-item-vars.scss

@@ -0,0 +1,27 @@
+
+
+$background-color: rgba(255,255,255,1);
+$blend-mode: NORMAL;
+$width: 10px;
+$height: 10px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: INHERIT;
+$layout-grow: 0;
+$top: 0px;
+$top-percent: 50%;
+$bottom: 0px;
+$left: 0px;
+$left-percent: 3.25%;
+$right: calc( var( --scw-spacing-1 ) * 14.4 );
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;
+$margin-right: 0px;

package/dist/tokens/segments/comp-scw-stepper/_focused-page-2-vars.scss

@@ -0,0 +1,26 @@
+
+
+$background-color: rgba(255,255,255,1);
+$blend-mode: NORMAL;
+$width: 154px;
+$height: 10px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: ABSOLUTE;
+$layout-mode: HORIZONTAL;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );
+$layout-align: MIN;
+$layout-grow: 0;
+$top: var( --scw-spacing-5 );
+$top-percent: 39.29%;
+$bottom: var( --scw-spacing-8 );
+$left: var( --scw-spacing-2 );
+$left-percent: 46.86%;
+$right: calc( var( --scw-spacing-1 ) * 3.3 );
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;

package/dist/tokens/segments/comp-scw-stepper/_focused-page-3-mixins.scss

@@ -0,0 +1,72 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin sizing {
+  width: 154px;
+  height: 10px;
+}
+
+@mixin width {
+  width: 154px;
+}
+
+@mixin height {
+  height: 10px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) { 
+        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
+        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
+      } 
+}
+
+@mixin absolute-layout {
+  position: absolute;
+  left: var( --scw-spacing-2 );
+  width: 154px;
+  top: var( --scw-spacing-8 );
+  height: 10px; 
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );
+  margin-top: var( --scw-spacing-8 );
+  margin-bottom: var( --scw-spacing-5 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );
+  padding-top: var( --scw-spacing-8 );
+  padding-bottom: var( --scw-spacing-5 );
+}

package/dist/tokens/segments/comp-scw-stepper/_focused-page-3-scw-stepper-item-circle-mixins.scss

@@ -0,0 +1,62 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin width {
+  width: 10px;
+}
+
+@mixin height {
+  height: 10px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+   
+}
+
+@mixin absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}

package/dist/tokens/segments/comp-scw-stepper/_focused-page-3-scw-stepper-item-circle-vars.scss

@@ -0,0 +1,30 @@
+
+
+$background-color: var( --scw-color-grey-092 );
+$blend-mode: NORMAL;
+$corner-radius-top-left: 50%;
+$corner-radius-top-right: 50%;
+$corner-radius-bottom-right: 50%;
+$corner-radius-bottom-left: 50%;
+$width: 10px;
+$height: 10px;
+$constraint-horizontal: STRETCH;
+$constraint-vertical: STRETCH;
+$constrain-proportions: false;
+$layout-context: ABSOLUTE;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: MIN;
+$layout-grow: 0;
+$top: 0px;
+$top-percent: 50%;
+$bottom: 0px;
+$left: 0px;
+$left-percent: 50%;
+$right: 0px;
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;

package/dist/tokens/segments/comp-scw-stepper/_focused-page-3-scw-stepper-item-mixins.scss

@@ -0,0 +1,57 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin width {
+  width: 10px;
+}
+
+@mixin height {
+  height: 10px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+   
+}
+
+@mixin absolute-layout {
+   
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}

package/dist/tokens/segments/comp-scw-stepper/_focused-page-3-scw-stepper-item-vars.scss

@@ -0,0 +1,27 @@
+
+
+$background-color: rgba(255,255,255,1);
+$blend-mode: NORMAL;
+$width: 10px;
+$height: 10px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: FLEX;
+$layout-mode: NONE;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: 0px;
+$layout-align: INHERIT;
+$layout-grow: 0;
+$top: 0px;
+$top-percent: 50%;
+$bottom: 0px;
+$left: 0px;
+$left-percent: 3.25%;
+$right: calc( var( --scw-spacing-1 ) * 14.4 );
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;
+$margin-right: 0px;

package/dist/tokens/segments/comp-scw-stepper/_focused-page-3-vars.scss

@@ -0,0 +1,26 @@
+
+
+$background-color: rgba(255,255,255,1);
+$blend-mode: NORMAL;
+$width: 154px;
+$height: 10px;
+$constraint-horizontal: MIN;
+$constraint-vertical: MIN;
+$constrain-proportions: false;
+$layout-context: ABSOLUTE;
+$layout-mode: HORIZONTAL;
+$primary-axis-align-items: MIN;
+$counter-axis-align-items: MIN;
+$item-spacing: calc( var( --scw-spacing-1 ) * 3.8 );
+$layout-align: MIN;
+$layout-grow: 0;
+$top: var( --scw-spacing-8 );
+$top-percent: 60.71%;
+$bottom: var( --scw-spacing-5 );
+$left: var( --scw-spacing-2 );
+$left-percent: 46.86%;
+$right: calc( var( --scw-spacing-1 ) * 3.3 );
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;

package/dist/tokens/segments/comp-scw-stepper/_focused-page-4-mixins.scss

@@ -0,0 +1,72 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );
+  } @else {
+    background-color: rgba(255,255,255,1);
+  } 
+}
+
+@mixin sizing {
+  width: 154px;
+  height: 10px;
+}
+
+@mixin width {
+  width: 154px;
+}
+
+@mixin height {
+  height: 10px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  & > *:not(:last-child) { 
+        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
+        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); 
+      } 
+}
+
+@mixin absolute-layout {
+  position: absolute;
+  left: var( --scw-spacing-2 );
+  width: 154px;
+  top: var( --scw-spacing-11 );
+  height: 10px; 
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: var( --scw-spacing-2 );
+  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );
+  margin-top: var( --scw-spacing-11 );
+  margin-bottom: var( --scw-spacing-2 );
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: var( --scw-spacing-2 );
+  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );
+  padding-top: var( --scw-spacing-11 );
+  padding-bottom: var( --scw-spacing-2 );
+}

package/dist/tokens/segments/comp-scw-stepper/_focused-page-4-scw-stepper-item-circle-mixins.scss

@@ -0,0 +1,62 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );
+  } @else {
+    background-color: var( --scw-color-grey-092 );
+  }
+  border-radius: 50% 50% 50% 50%; 
+}
+
+@mixin sizing {
+  width: 10px;
+  height: 10px;
+}
+
+@mixin width {
+  width: 10px;
+}
+
+@mixin height {
+  height: 10px;
+}
+
+@mixin padding {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+@mixin figma-autolayout { 
+   
+}
+
+@mixin absolute-layout {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  top: 0px;
+  bottom: 0px; 
+}
+
+@mixin html-autolayout-margins {
+  display: inline-block;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}