scu-web-components 0.0.75 → 0.0.77

package/dist/tokens/source/componentScssMixins/components-scw-callout-default-content-links-link-1-left-icon-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-callout/default-content-links-link-1-left-icon-mixins",
+    "namespace": "default-content-links-link-1-left-icon-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-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: 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-content-links-link-1-left-icon-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--sizing {\n  width: 24px;\n  height: 24px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 24px;\n  height: 24px;\n}",
+    "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--width {\n  width: 24px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 24px;\n}",
+    "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--height {\n  height: 24px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+    "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-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": "default-content-links-link-1-left-icon-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+    "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-left-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 3.7 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+    "outputSegmentRef": "default-content-links-link-1-left-icon-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-callout-default-content-links-link-1-right-icon-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-callout/default-content-links-link-1-right-icon-mixins",
+    "namespace": "default-content-links-link-1-right-icon-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-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: 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-content-links-link-1-right-icon-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--sizing {\n  width: 24px;\n  height: 24px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 24px;\n  height: 24px;\n}",
+    "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--width {\n  width: 24px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 24px;\n}",
+    "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--height {\n  height: 24px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 24px;\n}",
+    "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-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": "default-content-links-link-1-right-icon-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--figma-autolayout { \n   \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n   \n}",
+    "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+    "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-1-right-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 8.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * -3.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.9 );\n}",
+    "outputSegmentRef": "default-content-links-link-1-right-icon-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-callout-default-content-links-link-2-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-callout/default-content-links-link-2-mixins",
+    "namespace": "default-content-links-link-2-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar}-10 , var( --scw-color-grey-10 ) );\n  } @else {\n    background-color: var( --scw-color-grey-10 );\n  }\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  @if $borderThemeVar {\n    border-color: var( #{$borderThemeVar}-04 , var( --scw-color-primary-04 ) );\n  } @else {\n    border-color: var( --scw-color-primary-04 );\n  } \n}",
+    "outputSegmentRef": "default-content-links-link-2-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2--sizing {\n  width: 77px;\n  height: 37px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 77px;\n  height: 37px;\n}",
+    "outputSegmentRef": "default-content-links-link-2-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2--width {\n  width: 77px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 77px;\n}",
+    "outputSegmentRef": "default-content-links-link-2-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2--height {\n  height: 37px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 37px;\n}",
+    "outputSegmentRef": "default-content-links-link-2-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "outputSegmentRef": "default-content-links-link-2-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+    "outputSegmentRef": "default-content-links-link-2-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-content-links-link-2-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 9.7 );\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: calc( var( --scw-spacing-1 ) * 9.7 );\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n}",
+    "outputSegmentRef": "default-content-links-link-2-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 9.7 );\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: calc( var( --scw-spacing-1 ) * 9.7 );\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}",
+    "outputSegmentRef": "default-content-links-link-2-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-callout-default-content-links-link-2-label-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-callout/default-content-links-link-2-label-mixins",
+    "namespace": "default-content-links-link-2-label-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    color: var( --scw-color-primary-03 );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-03 , var( --scw-color-primary-03 ) );\n  } @else {\n    color: var( --scw-color-primary-03 );\n  } \n}",
+    "outputSegmentRef": "default-content-links-link-2-label-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--sizing {\n  width: 45px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 45px;\n  height: 27px;\n}",
+    "outputSegmentRef": "default-content-links-link-2-label-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--width {\n  width: 45px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 45px;\n}",
+    "outputSegmentRef": "default-content-links-link-2-label-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+    "outputSegmentRef": "default-content-links-link-2-label-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--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-content-links-link-2-label-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-content-links-link-2-label-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "outputSegmentRef": "default-content-links-link-2-label-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-links-link-2-label--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "outputSegmentRef": "default-content-links-link-2-label-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-callout-default-content-links-link-2-left-icon-.json

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

package/dist/tokens/source/componentScssMixins/components-scw-callout-default-content-links-link-2-right-icon-.json

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

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

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

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

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-callout/default-content-scw-base-heading-text-mixins",
+    "namespace": "default-content-scw-base-heading-text-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-bold-08-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+    "outputSegmentRef": "default-content-scw-base-heading-text-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--sizing {\n  width: 365px;\n  height: 32px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 32px;\n}",
+    "outputSegmentRef": "default-content-scw-base-heading-text-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--width {\n  width: 365px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+    "outputSegmentRef": "default-content-scw-base-heading-text-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--height {\n  height: 32px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 32px;\n}",
+    "outputSegmentRef": "default-content-scw-base-heading-text-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-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-content-scw-base-heading-text-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-heading-text--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-content-scw-base-heading-text-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-callout-default-content-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-content-scw-base-heading-text-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-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-content-scw-base-heading-text-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-callout-default-content-scw-base-paragraph-.json

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

package/dist/tokens/source/componentScssMixins/components-scw-callout-default-content-scw-base-paragraph-text-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-callout/default-content-scw-base-paragraph-text-mixins",
+    "namespace": "default-content-scw-base-paragraph-text-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: false\n) { \n  text-align: LEFT;\n  font: var( --scw-type-text-06-font );\n  @if $themeVar {\n    color: var( #{$themeVar}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  } \n}",
+    "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--sizing {\n  width: 365px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 365px;\n  height: 27px;\n}",
+    "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--width {\n  width: 365px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 365px;\n}",
+    "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+    "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-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-content-scw-base-paragraph-text-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-text--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "default-content-scw-base-paragraph-text-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-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-content-scw-base-paragraph-text-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-callout-default-content-scw-base-paragraph-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-content-scw-base-paragraph-text-mixins.html-autolayout-padding"
+  }
+}