scu-web-components 0.0.73 → 0.0.75

package/dist/tokens/segments/comp-scw-stepper/_focused-page-4-scw-stepper-item-03-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-4-scw-stepper-item-03-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: calc( var( --scw-spacing-1 ) * 9.6 );
+  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );
+  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );
+  padding-top: 0px;
+  padding-bottom: 0px;
+}

package/dist/tokens/segments/comp-scw-stepper/_focused-page-4-scw-stepper-item-03-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: calc( var( --scw-spacing-1 ) * 9.6 );
+$left-percent: 65.58%;
+$right: calc( var( --scw-spacing-1 ) * 4.8 );
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;
+$margin-right: 0px;

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

@@ -0,0 +1,62 @@
+
+
+
+@mixin box (
+  $bgThemeVar: false, 
+  $borderThemeVar: false
+) { 
+  @if $bgThemeVar {
+    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );
+  } @else {
+    background-color: var( --scw-color-grey-07 );
+  }
+  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-4-scw-stepper-item-04-circle-vars.scss

@@ -0,0 +1,30 @@
+
+
+$background-color: var( --scw-color-grey-07 );
+$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-4-scw-stepper-item-04-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: calc( var( --scw-spacing-1 ) * 14.4 );
+  margin-right: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+@mixin html-autolayout-padding {
+  display: inline-block;
+  padding-left: calc( var( --scw-spacing-1 ) * 14.4 );
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}

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

@@ -0,0 +1,26 @@
+
+
+$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: calc( var( --scw-spacing-1 ) * 14.4 );
+$left-percent: 96.75%;
+$right: 0px;
+$padding-left: 0px;
+$padding-right: 0px;
+$padding-top: 0px;
+$padding-bottom: 0px;

package/dist/tokens/source/componentScssMixins/{components-scw-stepper-default-scw-stepper-item-.json → components-scw-stepper-default-scw-stepper-item-01-.json}

@@ -1,52 +1,52 @@
 {
   "module-info": {
     "output": "",
-    "path": "comp-scw-stepper/default-scw-stepper-item-mixins",
-    "namespace": "default-scw-stepper-item-mixins"
+    "path": "comp-scw-stepper/default-scw-stepper-item-01-mixins",
+    "namespace": "default-scw-stepper-item-01-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
     "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
-    "outputSegmentRef": "default-scw-stepper-item-mixins.box"
+    "outputSegmentRef": "default-scw-stepper-item-01-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--sizing {\n  width: 10px;\n  height: 10px;\n}",
     "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-mixins.sizing"
+    "outputSegmentRef": "default-scw-stepper-item-01-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--width {\n  width: 10px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--width {\n  width: 10px;\n}",
     "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-mixins.width"
+    "outputSegmentRef": "default-scw-stepper-item-01-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--height {\n  height: 10px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--height {\n  height: 10px;\n}",
     "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-mixins.height"
+    "outputSegmentRef": "default-scw-stepper-item-01-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
     "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-mixins.padding"
+    "outputSegmentRef": "default-scw-stepper-item-01-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--figma-autolayout { \n   \n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--figma-autolayout { \n   \n}",
     "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-    "outputSegmentRef": "default-scw-stepper-item-mixins.figma-autolayout"
+    "outputSegmentRef": "default-scw-stepper-item-01-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--absolute-layout {\n   \n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--absolute-layout {\n   \n}",
     "outputSegment": "\n@mixin absolute-layout {\n   \n}",
-    "outputSegmentRef": "default-scw-stepper-item-mixins.absolute-layout"
+    "outputSegmentRef": "default-scw-stepper-item-01-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
     "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-mixins.html-autolayout-margins"
+    "outputSegmentRef": "default-scw-stepper-item-01-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
     "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: calc( var( --scw-spacing-1 ) * 14.4 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-mixins.html-autolayout-padding"
+    "outputSegmentRef": "default-scw-stepper-item-01-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/{components-scw-stepper-default-scw-stepper-item-circle-.json → components-scw-stepper-default-scw-stepper-item-01-circle-.json}

@@ -1,52 +1,52 @@
 {
   "module-info": {
     "output": "",
-    "path": "comp-scw-stepper/default-scw-stepper-item-circle-mixins",
-    "namespace": "default-scw-stepper-item-circle-mixins"
+    "path": "comp-scw-stepper/default-scw-stepper-item-01-circle-mixins",
+    "namespace": "default-scw-stepper-item-01-circle-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
     "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-07 , var( --scw-color-grey-07 ) );\n  } @else {\n    background-color: var( --scw-color-grey-07 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
-    "outputSegmentRef": "default-scw-stepper-item-circle-mixins.box"
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
     "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-circle-mixins.sizing"
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--width {\n  width: 10px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--width {\n  width: 10px;\n}",
     "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-circle-mixins.width"
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--height {\n  height: 10px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--height {\n  height: 10px;\n}",
     "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-circle-mixins.height"
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
     "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-circle-mixins.padding"
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--figma-autolayout { \n   \n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--figma-autolayout { \n   \n}",
     "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
-    "outputSegmentRef": "default-scw-stepper-item-circle-mixins.figma-autolayout"
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
     "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
-    "outputSegmentRef": "default-scw-stepper-item-circle-mixins.absolute-layout"
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
     "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-circle-mixins.html-autolayout-margins"
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-01-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
     "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
-    "outputSegmentRef": "default-scw-stepper-item-circle-mixins.html-autolayout-padding"
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-stepper-default-scw-stepper-item-02-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/default-scw-stepper-item-02-mixins",
+    "namespace": "default-scw-stepper-item-02-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--width {\n  width: 10px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--height {\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-stepper-default-scw-stepper-item-02-circle-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/default-scw-stepper-item-02-circle-mixins",
+    "namespace": "default-scw-stepper-item-02-circle-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-092 , var( --scw-color-grey-092 ) );\n  } @else {\n    background-color: var( --scw-color-grey-092 );\n  }\n  border-radius: 50% 50% 50% 50%; \n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--width {\n  width: 10px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--height {\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px; \n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-02-circle--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-stepper-default-scw-stepper-item-03-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/default-scw-stepper-item-03-mixins",
+    "namespace": "default-scw-stepper-item-03-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegmentRef": "default-scw-stepper-item-03-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-03-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--width {\n  width: 10px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-03-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--height {\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-03-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-03-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "default-scw-stepper-item-03-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-scw-stepper-item-03-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-03-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-default-scw-stepper-item-03--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.8 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "default-scw-stepper-item-03-mixins.html-autolayout-padding"
+  }
+}