scu-web-components 0.0.48 → 0.0.49

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-h3-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-h3-mixins",
+    "namespace": "size-h3-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegmentRef": "size-h3-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3--sizing {\n  width: 447px;\n  height: 42px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 42px;\n}",
+    "outputSegmentRef": "size-h3-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-h3-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3--height {\n  height: 42px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 42px;\n}",
+    "outputSegmentRef": "size-h3-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h3-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3--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: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegmentRef": "size-h3-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-h3-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 17.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 35.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: calc( var( --scw-spacing-1 ) * 17.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 35.2 );\n}",
+    "outputSegmentRef": "size-h3-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 17.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 35.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: calc( var( --scw-spacing-1 ) * 17.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 35.2 );\n}",
+    "outputSegmentRef": "size-h3-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-h3-text-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-h3-text-mixins",
+    "namespace": "size-h3-text-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3-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  flex: 1; \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  flex: 1; \n}",
+    "outputSegmentRef": "size-h3-text-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3-text--sizing {\n  width: 447px;\n  height: 32px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 32px;\n}",
+    "outputSegmentRef": "size-h3-text-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3-text--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-h3-text-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3-text--height {\n  height: 32px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 32px;\n}",
+    "outputSegmentRef": "size-h3-text-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3-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": "size-h3-text-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3-text--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-h3-text-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h3-text-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h3-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h3-text-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-h4-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-h4-mixins",
+    "namespace": "size-h4-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegmentRef": "size-h4-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4--sizing {\n  width: 447px;\n  height: 37px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 37px;\n}",
+    "outputSegmentRef": "size-h4-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-h4-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4--height {\n  height: 37px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 37px;\n}",
+    "outputSegmentRef": "size-h4-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h4-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4--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: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegmentRef": "size-h4-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-h4-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 29.5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 29.5 );\n}",
+    "outputSegmentRef": "size-h4-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 29.5 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 23.7 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 29.5 );\n}",
+    "outputSegmentRef": "size-h4-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-h4-text-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-h4-text-mixins",
+    "namespace": "size-h4-text-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4-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}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \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}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
+    "outputSegmentRef": "size-h4-text-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4-text--sizing {\n  width: 447px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 27px;\n}",
+    "outputSegmentRef": "size-h4-text-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4-text--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-h4-text-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4-text--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+    "outputSegmentRef": "size-h4-text-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4-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": "size-h4-text-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4-text--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-h4-text-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h4-text-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h4-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h4-text-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-h5-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-h5-mixins",
+    "namespace": "size-h5-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegmentRef": "size-h5-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5--sizing {\n  width: 447px;\n  height: 37px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 37px;\n}",
+    "outputSegmentRef": "size-h5-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-h5-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5--height {\n  height: 37px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 37px;\n}",
+    "outputSegmentRef": "size-h5-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h5-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5--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: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegmentRef": "size-h5-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-h5-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 29.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 23.8 );\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: calc( var( --scw-spacing-1 ) * 29.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 23.8 );\n}",
+    "outputSegmentRef": "size-h5-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 29.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 23.8 );\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: calc( var( --scw-spacing-1 ) * 29.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 23.8 );\n}",
+    "outputSegmentRef": "size-h5-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-h5-text-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-h5-text-mixins",
+    "namespace": "size-h5-text-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5-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}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \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}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
+    "outputSegmentRef": "size-h5-text-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5-text--sizing {\n  width: 447px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 27px;\n}",
+    "outputSegmentRef": "size-h5-text-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5-text--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-h5-text-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5-text--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+    "outputSegmentRef": "size-h5-text-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5-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": "size-h5-text-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5-text--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-h5-text-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h5-text-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h5-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h5-text-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-h6-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-h6-mixins",
+    "namespace": "size-h6-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6 (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegmentRef": "size-h6-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6--sizing {\n  width: 447px;\n  height: 37px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 37px;\n}",
+    "outputSegmentRef": "size-h6-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-h6-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6--height {\n  height: 37px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 37px;\n}",
+    "outputSegmentRef": "size-h6-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h6-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6--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: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegmentRef": "size-h6-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-h6-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.1 );\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: calc( var( --scw-spacing-1 ) * 35.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 18.1 );\n}",
+    "outputSegmentRef": "size-h6-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.1 );\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: calc( var( --scw-spacing-1 ) * 35.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 18.1 );\n}",
+    "outputSegmentRef": "size-h6-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-h6-text-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-h6-text-mixins",
+    "namespace": "size-h6-text-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6-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}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \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}-02 , var( --scw-color-grey-02 ) );\n  } @else {\n    color: var( --scw-color-grey-02 );\n  }\n  flex: 1; \n}",
+    "outputSegmentRef": "size-h6-text-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6-text--sizing {\n  width: 447px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 27px;\n}",
+    "outputSegmentRef": "size-h6-text-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6-text--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-h6-text-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6-text--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+    "outputSegmentRef": "size-h6-text-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6-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": "size-h6-text-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6-text--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-h6-text-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6-text--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: 0px;\n  margin-bottom: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h6-text-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-h6-text--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-1 );\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: var( --scw-spacing-1 );\n}",
+    "outputSegmentRef": "size-h6-text-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-link-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-link-mixins",
+    "namespace": "size-link-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rich-text-size-link (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegmentRef": "size-link-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-link--sizing {\n  width: 447px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 27px;\n}",
+    "outputSegmentRef": "size-link-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-link--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-link-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-link--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+    "outputSegmentRef": "size-link-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-link--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": "size-link-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rich-text-size-link--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": "size-link-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-link--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-link-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-link--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 52.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: calc( var( --scw-spacing-1 ) * 52.2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegmentRef": "size-link-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-link--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 52.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: calc( var( --scw-spacing-1 ) * 52.2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegmentRef": "size-link-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-link-text-.json

@@ -0,0 +1,47 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-link-text-mixins",
+    "namespace": "size-link-text-mixins"
+  },
+  "text": {
+    "output": "\n@mixin comp-scw-rich-text-size-link-text (\n  $themeVar: '--scw-color'\n) { \n  text-align: LEFT;\n  font: 400 1.125rem/1.688rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
+    "outputSegment": "\n@mixin text (\n  $themeVar: '--scw-color'\n) { \n  text-align: LEFT;\n  font: 400 1.125rem/1.688rem 'Proxima Nova';\n  @if $themeVar {\n    color: var( #{$themeVar} , var( --scw-color-primary ) );\n  } @else {\n    color: var( --scw-color-primary );\n  }\n  flex: 1; \n}",
+    "outputSegmentRef": "size-link-text-mixins.text"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-link-text--sizing {\n  width: 447px;\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 27px;\n}",
+    "outputSegmentRef": "size-link-text-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-link-text--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-link-text-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-link-text--height {\n  height: 27px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 27px;\n}",
+    "outputSegmentRef": "size-link-text-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-link-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": "size-link-text-mixins.padding"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-link-text--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-link-text-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-link-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": "size-link-text-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-link-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": "size-link-text-mixins.html-autolayout-padding"
+  }
+}

package/dist/tokens/source/componentScssMixins/components-scw-rich-text-size-p-.json

@@ -0,0 +1,52 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-rich-text/size-p-mixins",
+    "namespace": "size-p-mixins"
+  },
+  "box": {
+    "output": "\n@mixin comp-scw-rich-text-size-p (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegment": "\n@mixin box (\n  $bgThemeVar: false, \n  $borderThemeVar: false\n) { \n  @if $bgThemeVar {\n    background-color: var( #{$bgThemeVar} , rgba(255,255,255,1) );\n  } @else {\n    background-color: rgba(255,255,255,1);\n  } \n}",
+    "outputSegmentRef": "size-p-mixins.box"
+  },
+  "sizing": {
+    "output": "\n@mixin comp-scw-rich-text-size-p--sizing {\n  width: 447px;\n  height: 47px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 447px;\n  height: 47px;\n}",
+    "outputSegmentRef": "size-p-mixins.sizing"
+  },
+  "width": {
+    "output": "\n@mixin comp-scw-rich-text-size-p--width {\n  width: 447px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 447px;\n}",
+    "outputSegmentRef": "size-p-mixins.width"
+  },
+  "height": {
+    "output": "\n@mixin comp-scw-rich-text-size-p--height {\n  height: 47px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 47px;\n}",
+    "outputSegmentRef": "size-p-mixins.height"
+  },
+  "padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-p--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "outputSegmentRef": "size-p-mixins.padding"
+  },
+  "figma-autolayout": {
+    "output": "\n@mixin comp-scw-rich-text-size-p--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: var( --scw-spacing-2 );\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: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-right: 0px; \n        --margin-right: 0px; \n      } \n}",
+    "outputSegmentRef": "size-p-mixins.figma-autolayout"
+  },
+  "absolute-layout": {
+    "output": "\n@mixin comp-scw-rich-text-size-p--absolute-layout {\n   \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n   \n}",
+    "outputSegmentRef": "size-p-mixins.absolute-layout"
+  },
+  "html-autolayout-margins": {
+    "output": "\n@mixin comp-scw-rich-text-size-p--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 40.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 11.4 );\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: calc( var( --scw-spacing-1 ) * 40.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 11.4 );\n}",
+    "outputSegmentRef": "size-p-mixins.html-autolayout-margins"
+  },
+  "html-autolayout-padding": {
+    "output": "\n@mixin comp-scw-rich-text-size-p--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 40.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 11.4 );\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: calc( var( --scw-spacing-1 ) * 40.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 11.4 );\n}",
+    "outputSegmentRef": "size-p-mixins.html-autolayout-padding"
+  }
+}