scu-web-components 1.3.20 → 1.3.21

package/dist/tokens/source/componentScssMixins/components-scw-mobile-nav-default-search-input-icon-left-icon-icon-vector-.json

@@ -35,18 +35,18 @@
     "outputSegmentRef": "default-search-input-icon-left-icon-icon-vector-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 ); \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 ); \n}",
+    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 ); \n}",
     "outputSegmentRef": "default-search-input-icon-left-icon-icon-vector-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
     "outputSegmentRef": "default-search-input-icon-left-icon-icon-vector-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
     "outputSegmentRef": "default-search-input-icon-left-icon-icon-vector-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-mobile-nav-default-search-input-icon-right-.json

@@ -40,13 +40,13 @@
     "outputSegmentRef": "default-search-input-icon-right-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 24.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.1 );\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 ) * 24.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 5.1 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 25.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.1 );\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 ) * 25.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 4.1 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
     "outputSegmentRef": "default-search-input-icon-right-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 24.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.1 );\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 ) * 24.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 5.1 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 25.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.1 );\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 ) * 25.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 4.1 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
     "outputSegmentRef": "default-search-input-icon-right-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-mobile-nav-default-search-input-icon-right-icon-icon-vector-.json

@@ -35,18 +35,18 @@
     "outputSegmentRef": "default-search-input-icon-right-icon-icon-vector-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-right-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 ); \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 ); \n}",
+    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-right-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 ); \n}",
     "outputSegmentRef": "default-search-input-icon-right-icon-icon-vector-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-right-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-right-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
     "outputSegmentRef": "default-search-input-icon-right-icon-icon-vector-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-right-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "output": "\n@mixin comp-scw-mobile-nav-default-search-input-icon-right-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
     "outputSegmentRef": "default-search-input-icon-right-icon-icon-vector-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-rate-table-amount-input-icon-left-icon-icon-vector-.json

@@ -35,18 +35,18 @@
     "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 ); \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 ); \n}",
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 ); \n}",
     "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
     "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-left-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
     "outputSegmentRef": "amount-input-icon-left-icon-icon-vector-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-rate-table-amount-input-icon-right-.json

@@ -40,13 +40,13 @@
     "outputSegmentRef": "amount-input-icon-right-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 24.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * -14.7 );\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 ) * 24.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * -14.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 25.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * -15.7 );\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 ) * 25.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * -15.7 );\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
     "outputSegmentRef": "amount-input-icon-right-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 24.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * -14.7 );\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 ) * 24.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * -14.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 25.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * -15.7 );\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 ) * 25.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * -15.7 );\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
     "outputSegmentRef": "amount-input-icon-right-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-rate-table-amount-input-icon-right-icon-icon-vector-.json

@@ -35,18 +35,18 @@
     "outputSegmentRef": "amount-input-icon-right-icon-icon-vector-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 ); \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 ); \n}",
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon-vector--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 ); \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 ); \n}",
     "outputSegmentRef": "amount-input-icon-right-icon-icon-vector-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon-vector--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
     "outputSegmentRef": "amount-input-icon-right-icon-icon-vector-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715656280517578 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915460586547852 );\n}",
+    "output": "\n@mixin comp-scw-rate-table-amount-input-icon-right-icon-icon-vector--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.10712890625 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.10715675354003906 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.2091796875 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.20915470123291016 );\n}",
     "outputSegmentRef": "amount-input-icon-right-icon-icon-vector-mixins.html-autolayout-padding"
   }
 }

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

@@ -5,23 +5,23 @@
     "namespace": "default-mixins"
   },
   "box": {
-    "output": "\n@mixin comp-scw-skeleton-default (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    background-color: var( --scw-color-grey-09 );\n  } \n}",
-    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-09 , var( --scw-color-grey-09 ) );\n  } @else {\n    background-color: var( --scw-color-grey-09 );\n  } \n}",
+    "output": "\n@mixin comp-scw-skeleton-default (\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: 6.67px 6.67px 6.67px 6.67px; \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: 6.67px 6.67px 6.67px 6.67px; \n}",
     "outputSegmentRef": "default-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-skeleton-default--sizing {\n  width: 800px;\n  height: 600px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 800px;\n  height: 600px;\n}",
+    "output": "\n@mixin comp-scw-skeleton-default--sizing {\n  width: 500px;\n  height: 72px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 500px;\n  height: 72px;\n}",
     "outputSegmentRef": "default-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-skeleton-default--width {\n  width: 800px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 800px;\n}",
+    "output": "\n@mixin comp-scw-skeleton-default--width {\n  width: 500px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 500px;\n}",
     "outputSegmentRef": "default-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-skeleton-default--height {\n  height: 600px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 600px;\n}",
+    "output": "\n@mixin comp-scw-skeleton-default--height {\n  height: 72px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 72px;\n}",
     "outputSegmentRef": "default-mixins.height"
   },
   "padding": {
@@ -35,18 +35,18 @@
     "outputSegmentRef": "default-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-skeleton-default--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 800px;\n  top: var( --scw-spacing-2 );\n  height: 600px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 800px;\n  top: var( --scw-spacing-2 );\n  height: 600px; \n}",
+    "output": "\n@mixin comp-scw-skeleton-default--absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 500px;\n  top: var( --scw-spacing-2 );\n  height: 72px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: var( --scw-spacing-2 );\n  width: 500px;\n  top: var( --scw-spacing-2 );\n  height: 72px; \n}",
     "outputSegmentRef": "default-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-skeleton-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-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-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+    "output": "\n@mixin comp-scw-skeleton-default--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 32 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 54.8 );\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 ) * 32 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 54.8 );\n}",
     "outputSegmentRef": "default-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-skeleton-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-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-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "output": "\n@mixin comp-scw-skeleton-default--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 32 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 54.8 );\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 ) * 32 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 54.8 );\n}",
     "outputSegmentRef": "default-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-skeleton-default-heading-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-skeleton/default-heading-mixins",
+    "namespace": "default-heading-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading (\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}",
+    "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}",
+    "outputSegmentRef": "default-heading-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading--sizing {\n  width: 254px;\n  height: 60px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 254px;\n  height: 60px;\n}",
+    "outputSegmentRef": "default-heading-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading--width {\n  width: 254px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 254px;\n}",
+    "outputSegmentRef": "default-heading-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading--height {\n  height: 60px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 60px;\n}",
+    "outputSegmentRef": "default-heading-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading--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-heading-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegmentRef": "default-heading-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 7.2 );\n  width: 254px;\n  top: calc( var( --scw-spacing-1 ) * 0.5 );\n  height: 60px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 7.2 );\n  width: 254px;\n  top: calc( var( --scw-spacing-1 ) * 0.5 );\n  height: 60px; \n}",
+    "outputSegmentRef": "default-heading-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 7.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 17.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.7 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 7.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 17.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.7 );\n}",
+    "outputSegmentRef": "default-heading-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 7.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 17.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.7 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 7.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 17.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.7 );\n}",
+    "outputSegmentRef": "default-heading-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-skeleton-default-heading-scw-base-heading-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-skeleton/default-heading-scw-base-heading-mixins",
+    "namespace": "default-heading-scw-base-heading-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading (\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  flex: 1; \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  flex: 1; \n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading--sizing {\n  width: 254px;\n  height: 48px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 254px;\n  height: 48px;\n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading--width {\n  width: 254px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 254px;\n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading--height {\n  height: 48px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 48px;\n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading--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-heading-scw-base-heading-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading--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: 0px; \n        --margin-right: 0px; \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: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.6 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-skeleton-default-heading-scw-base-heading-text-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-skeleton/default-heading-scw-base-heading-text-mixins",
+    "namespace": "default-heading-scw-base-heading-text-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-grey-03 ) );\n  } @else {\n    color: var( --scw-color-grey-03 );\n  }\n  flex: 1; \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-04-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-grey-03 ) );\n  } @else {\n    color: var( --scw-color-grey-03 );\n  }\n  flex: 1; \n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-text-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading-text--sizing {\n  width: 254px;\n  height: 48px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 254px;\n  height: 48px;\n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-text-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading-text--width {\n  width: 254px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 254px;\n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-text-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading-text--height {\n  height: 48px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 48px;\n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-text-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading-text--padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: initial;\n  padding-right: initial;\n  padding-top: initial;\n  padding-bottom: initial;\n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-text-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading-text--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-heading-scw-base-heading-text-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading-text--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-heading-scw-base-heading-text-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-skeleton-default-heading-scw-base-heading-text--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-heading-scw-base-heading-text-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-skeleton-default-image-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-skeleton/default-image-mixins",
+    "namespace": "default-image-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-skeleton-default-image (\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: 6px 6px 6px 6px; \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: 6px 6px 6px 6px; \n}",
+    "outputSegmentRef": "default-image-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-skeleton-default-image--sizing {\n  width: 50px;\n  height: 50px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 50px;\n  height: 50px;\n}",
+    "outputSegmentRef": "default-image-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-skeleton-default-image--width {\n  width: 50px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 50px;\n}",
+    "outputSegmentRef": "default-image-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-skeleton-default-image--height {\n  height: 50px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 50px;\n}",
+    "outputSegmentRef": "default-image-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-skeleton-default-image--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-image-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-skeleton-default-image--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+    "outputSegmentRef": "default-image-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-skeleton-default-image--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 1.2 );\n  width: 50px;\n  top: calc( var( --scw-spacing-1 ) * 1.1 );\n  height: 50px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 1.2 );\n  width: 50px;\n  top: calc( var( --scw-spacing-1 ) * 1.1 );\n  height: 50px; \n}",
+    "outputSegmentRef": "default-image-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-skeleton-default-image--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 43.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 43.8 );\n  margin-top: calc( var( --scw-spacing-1 ) * 1.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
+    "outputSegmentRef": "default-image-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-skeleton-default-image--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 43.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 43.8 );\n  padding-top: calc( var( --scw-spacing-1 ) * 1.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 1.1 );\n}",
+    "outputSegmentRef": "default-image-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-skeleton-default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-skeleton/default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins",
+    "namespace": "default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-skeleton-default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout (\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}",
+    "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}",
+    "outputSegmentRef": "default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-skeleton-default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout--sizing {\n  width: 600.0032px;\n  height: 599.9997px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 600.0032px;\n  height: 599.9997px;\n}",
+    "outputSegmentRef": "default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-skeleton-default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout--width {\n  width: 600.0032px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 600.0032px;\n}",
+    "outputSegmentRef": "default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-skeleton-default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout--height {\n  height: 599.9997px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 599.9997px;\n}",
+    "outputSegmentRef": "default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-skeleton-default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout--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-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-skeleton-default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout--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: 0px; \n        --margin-right: 0px; \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: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegmentRef": "default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-skeleton-default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-skeleton-default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * -27.5001953125 );\n  margin-right: calc( var( --scw-spacing-1 ) * -27.500124262401368 );\n  margin-top: calc( var( --scw-spacing-1 ) * -27.500034378687996 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -27.499937438964842 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * -27.5001953125 );\n  margin-right: calc( var( --scw-spacing-1 ) * -27.500124262401368 );\n  margin-top: calc( var( --scw-spacing-1 ) * -27.500034378687996 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * -27.499937438964842 );\n}",
+    "outputSegmentRef": "default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-skeleton-default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * -27.5001953125 );\n  padding-right: calc( var( --scw-spacing-1 ) * -27.500124262401368 );\n  padding-top: calc( var( --scw-spacing-1 ) * -27.500034378687996 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -27.499937438964842 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * -27.5001953125 );\n  padding-right: calc( var( --scw-spacing-1 ) * -27.500124262401368 );\n  padding-top: calc( var( --scw-spacing-1 ) * -27.500034378687996 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * -27.499937438964842 );\n}",
+    "outputSegmentRef": "default-image-aspect-ratio-keeper-additionally-45-rotated-auto-layout-mixins.html-autolayout-padding"
+  }
+}