scu-web-components 0.0.46 → 0.0.48

package/dist/tokens/source/componentScssMixins/components-scw-stepper-focused-page-4-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/focused-page-4-mixins",
+    "namespace": "focused-page-4-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4 (\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": "focused-page-4-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4--sizing {\n  width: 154px;\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 154px;\n  height: 10px;\n}",
+    "outputSegmentRef": "focused-page-4-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4--width {\n  width: 154px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 154px;\n}",
+    "outputSegmentRef": "focused-page-4-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4--height {\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+    "outputSegmentRef": "focused-page-4-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4--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": "focused-page-4-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 3.8 ); \n      } \n}",
+    "outputSegmentRef": "focused-page-4-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 154px;\n  top: var( --scw-spacing-11 );\n  height: 10px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 154px;\n  top: var( --scw-spacing-11 );\n  height: 10px; \n}",
+    "outputSegmentRef": "focused-page-4-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  margin-top: var( --scw-spacing-11 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  margin-top: var( --scw-spacing-11 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegmentRef": "focused-page-4-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  padding-top: var( --scw-spacing-11 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.3 );\n  padding-top: var( --scw-spacing-11 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegmentRef": "focused-page-4-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-stepper-focused-page-4-scw-stepper-item-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-mixins",
+    "namespace": "focused-page-4-scw-stepper-item-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-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}",
+    "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": "focused-page-4-scw-stepper-item-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--width {\n  width: 10px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+    "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--height {\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+    "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--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": "focused-page-4-scw-stepper-item-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "focused-page-4-scw-stepper-item-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-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}",
+    "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": "focused-page-4-scw-stepper-item-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-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}",
+    "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": "focused-page-4-scw-stepper-item-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-stepper-focused-page-4-scw-stepper-item-circle-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/focused-page-4-scw-stepper-item-circle-mixins",
+    "namespace": "focused-page-4-scw-stepper-item-circle-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-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": "focused-page-4-scw-stepper-item-circle-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--width {\n  width: 10px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+    "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--height {\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+    "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-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": "focused-page-4-scw-stepper-item-circle-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-circle--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "focused-page-4-scw-stepper-item-circle-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-scw-stepper-item-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": "focused-page-4-scw-stepper-item-circle-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-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}",
+    "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": "focused-page-4-scw-stepper-item-circle-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-focused-page-4-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}",
+    "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": "focused-page-4-scw-stepper-item-circle-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-stepper-icon-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper-icon/index-mixins",
+    "namespace": "index-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-icon (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 5px 5px 5px 5px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , rgba(151,71,255,1) );\n  } @else {\n    border-color: rgba(151,71,255,1);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(0,0,0,0) );\n  } @else {\n    background-color: rgba(0,0,0,0);\n  }\n  border-radius: 5px 5px 5px 5px;\n  border-width: 1px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar} , rgba(151,71,255,1) );\n  } @else {\n    border-color: rgba(151,71,255,1);\n  } \n}",
+    "outputSegmentRef": "index-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-icon--sizing {\n  width: 50px;\n  height: 80px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 50px;\n  height: 80px;\n}",
+    "outputSegmentRef": "index-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-icon--width {\n  width: 50px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 50px;\n}",
+    "outputSegmentRef": "index-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-icon--height {\n  height: 80px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 80px;\n}",
+    "outputSegmentRef": "index-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-icon--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": "index-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-icon--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "index-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-icon--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "index-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-icon--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": "index-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-icon--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": "index-mixins.html-autolayout-padding"
+  }
+}

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

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper-icon/default-mixins",
+    "namespace": "default-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-icon-default (\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-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-icon-default--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegmentRef": "default-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-icon-default--width {\n  width: 10px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+    "outputSegmentRef": "default-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-icon-default--height {\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+    "outputSegmentRef": "default-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-icon-default--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-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-icon-default--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "default-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-icon-default--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 10px;\n  top: var( --scw-spacing-2 );\n  height: 10px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 10px;\n  top: var( --scw-spacing-2 );\n  height: 10px; \n}",
+    "outputSegmentRef": "default-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-icon-default--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-5 );\n}",
+    "outputSegmentRef": "default-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-icon-default--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-5 );\n}",
+    "outputSegmentRef": "default-mixins.html-autolayout-padding"
+  }
+}

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

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper-icon/default-circle-mixins",
+    "namespace": "default-circle-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-icon-default-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-circle-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-icon-default-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegmentRef": "default-circle-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-icon-default-circle--width {\n  width: 10px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+    "outputSegmentRef": "default-circle-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-icon-default-circle--height {\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+    "outputSegmentRef": "default-circle-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-icon-default-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-circle-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-icon-default-circle--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "default-circle-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-icon-default-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-circle-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-icon-default-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-circle-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-icon-default-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-circle-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-stepper-icon-state-focused-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper-icon/state-focused-mixins",
+    "namespace": "state-focused-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused (\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": "state-focused-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegmentRef": "state-focused-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused--width {\n  width: 10px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+    "outputSegmentRef": "state-focused-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused--height {\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+    "outputSegmentRef": "state-focused-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused--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": "state-focused-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "state-focused-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 10px;\n  top: var( --scw-spacing-5 );\n  height: 10px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 10px;\n  top: var( --scw-spacing-5 );\n  height: 10px; \n}",
+    "outputSegmentRef": "state-focused-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-5 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: var( --scw-spacing-5 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegmentRef": "state-focused-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-5 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: var( --scw-spacing-5 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegmentRef": "state-focused-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-stepper-icon-state-focused-circle-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper-icon/state-focused-circle-mixins",
+    "namespace": "state-focused-circle-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused-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": "state-focused-circle-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused-circle--sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 10px;\n  height: 10px;\n}",
+    "outputSegmentRef": "state-focused-circle-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused-circle--width {\n  width: 10px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 10px;\n}",
+    "outputSegmentRef": "state-focused-circle-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused-circle--height {\n  height: 10px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 10px;\n}",
+    "outputSegmentRef": "state-focused-circle-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused-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": "state-focused-circle-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused-circle--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "state-focused-circle-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused-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": "state-focused-circle-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused-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": "state-focused-circle-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-stepper-icon-state-focused-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": "state-focused-circle-mixins.html-autolayout-padding"
+  }
+}