scu-web-components 0.0.49 → 0.0.51

package/dist/tokens/source/jsCssGeneratorSansAssets.js

@@ -4,7 +4,7 @@
     constructor (config) { // (version, extraCssPromise, assetsUrl, config ) {
       this.tokens = {"COLORS|color":{"primary":{"01":["rgba(28,74,5,1)"],"02":["rgba(41,95,14,1)"],"03":["rgba(52,110,6,1)"],"04":["rgba(63,121,15,1)"],"05":["rgba(75,132,29,1)"],"":["rgba(75,132,29,1)"],"06":["rgba(99,166,10,1)"],"07":["rgba(158,201,101,1)"],"08":["rgba(200,230,160,1)"],"09":["rgba(232,247,212,1)"],"092":["rgba(239,255,223,1)"],"095":["rgba(246,255,237,1)"]},"grey":{"10":["rgba(255,255,255,1)"],"00":["rgba(0,0,0,1)"],"01":["rgba(29,30,32,1)"],"02":["rgba(62,65,67,1)"],"03":["rgba(87,90,93,1)"],"04":["rgba(114,118,122,1)"],"05":["rgba(134,137,140,1)"],"":["rgba(134,137,140,1)"],"06":["rgba(154,158,160,1)"],"07":["rgba(177,180,183,1)"],"08":["rgba(194,197,200,1)"],"09":["rgba(218,220,223,1)"],"092":["rgba(235,238,240,1)"],"095":["rgba(246,247,249,1)"]},"error":{"":["rgba(228,109,114,1)"],"light":["rgba(249,230,230,1)"],"dark":["rgba(158,0,0,1)"]},"warning":{"":["rgba(255,134,66,1)"],"light":["rgba(255,214,191,1)"],"dark":["rgba(128,46,0,1)"]},"success":{"":["rgba(123,209,8,1)"],"light":["rgba(213,233,187,1)"],"dark":["rgba(72,121,6,1)"]},"information":{"":["rgba(252,231,40,1)"],"light":["rgba(255,250,208,1)"],"dark":["rgba(170,153,0,1)"]},"icon":{"":["rgba(1,1,1,1)"]},"secondary":{"":["rgba(87,90,93,1)"]},"mortgage":{"01":["rgba(74,2,57,1)"],"02":["rgba(92,1,75,1)"],"03":["rgba(107,4,83,1)"],"04":["rgba(136,6,105,1)"],"05":["rgba(162,0,125,1)"],"":["rgba(162,0,125,1)"],"06":["rgba(193,64,164,1)"],"07":["rgba(214,121,192,1)"],"08":["rgba(235,169,220,1)"],"09":["rgba(247,220,242,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,240,250,1)"]},"investments":{"01":["rgba(15,14,88,1)"],"02":["rgba(37,37,124,1)"],"03":["rgba(52,52,145,1)"],"04":["rgba(65,64,157,1)"],"05":["rgba(85,84,177,1)"],"":["rgba(85,84,177,1)"],"06":["rgba(117,116,195,1)"],"07":["rgba(160,159,219,1)"],"08":["rgba(200,199,237,1)"],"09":["rgba(227,226,248,1)"],"092":["rgba(232,231,249,1)"],"095":["rgba(244,244,255,1)"]},"credit-cards":{"01":["rgba(1,51,77,1)"],"02":["rgba(1,70,106,1)"],"03":["rgba(1,88,132,1)"],"04":["rgba(1,104,157,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(46,147,199,1)"],"07":["rgba(94,173,213,1)"],"08":["rgba(140,197,227,1)"],"09":["rgba(189,224,242,1)"],"092":["rgba(227,241,249,1)"],"095":["rgba(236,249,255,1)"]},"student":{"01":["rgba(1,56,49,1)"],"02":["rgba(0,75,67,1)"],"03":["rgba(0,94,83,1)"],"04":["rgba(0,113,100,1)"],"05":["rgba(0,131,116,1)"],"":["rgba(0,131,116,1)"],"06":["rgba(46,156,143,1)"],"07":["rgba(105,185,176,1)"],"08":["rgba(157,217,211,1)"],"09":["rgba(209,240,237,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(237,253,252,1)"]},"savings":{"01":["rgba(119,33,0,1)"],"02":["rgba(149,41,0,1)"],"03":["rgba(163,46,2,1)"],"04":["rgba(178,51,3,1)"],"05":["rgba(195,75,0,1)"],"":["rgba(195,75,0,1)"],"06":["rgba(230,118,47,1)"],"07":["rgba(242,165,109,1)"],"08":["rgba(250,209,167,1)"],"09":["rgba(255,235,211,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,247,239,1)"]},"checking":{"01":["rgba(49,6,67,1)"],"02":["rgba(64,21,83,1)"],"03":["rgba(92,40,114,1)"],"04":["rgba(119,57,145,1)"],"05":["rgba(148,77,178,1)"],"":["rgba(148,77,178,1)"],"06":["rgba(168,108,193,1)"],"07":["rgba(198,151,217,1)"],"08":["rgba(218,187,232,1)"],"09":["rgba(233,213,240,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(249,237,252,1)"]},"red-shoes":{"01":["rgba(90,7,9,1)"],"02":["rgba(117,15,18,1)"],"03":["rgba(143,23,27,1)"],"04":["rgba(171,31,36,1)"],"05":["rgba(201,40,45,1)"],"":["rgba(201,40,45,1)"],"06":["rgba(214,80,84,1)"],"07":["rgba(226,119,121,1)"],"08":["rgba(240,162,164,1)"],"09":["rgba(255,219,220,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,240,241,1)"]},"business":{"01":["rgba(83,72,1,1)"],"02":["rgba(111,96,1,1)"],"03":["rgba(141,122,1,1)"],"04":["rgba(168,145,1,1)"],"05":["rgba(199,172,0,1)"],"":["rgba(199,172,0,1)"],"06":["rgba(212,190,46,1)"],"07":["rgba(227,209,98,1)"],"08":["rgba(241,229,149,1)"],"09":["rgba(255,247,197,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,251,224,1)"]},"personal":{"01":["rgba(1,40,60,1)"],"02":["rgba(1,59,90,1)"],"03":["rgba(1,80,121,1)"],"04":["rgba(1,99,150,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(48,149,202,1)"],"07":["rgba(100,179,220,1)"],"08":["rgba(154,210,238,1)"],"09":["rgba(202,237,255,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(226,245,255,1)"]},"heloc":{"01":["rgba(41,17,75,1)"],"02":["rgba(56,28,92,1)"],"03":["rgba(76,44,118,1)"],"04":["rgba(101,63,149,1)"],"05":["rgba(128,91,177,1)"],"":["rgba(128,91,177,1)"],"06":["rgba(159,126,201,1)"],"07":["rgba(189,164,221,1)"],"08":["rgba(207,191,229,1)"],"09":["rgba(229,219,244,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(243,239,252,1)"]}},"TYPOGRAPHY|type":{"text":{"10":["2.5rem","'Proxima Nova'","400","3.045rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","400","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","400","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","400","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova'","400","1.5rem","0rem","none"],"":["1rem","'Proxima Nova'","400","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","400","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","400","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","400","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","400","0.703rem","0rem","none"]},"text-bold":{"10":["2.5rem","'Proxima Nova'","700","3.375rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","700","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","700","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","700","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","700","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova'","700","1.5rem","0rem","none"],"":["1rem","'Proxima Nova'","700","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","700","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","700","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","700","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","700","0.703rem","0rem","none"]},"text-bold-condensed":{"10":["2.5rem","'Proxima Nova Condensed'","700","3.375rem","0rem","none"],"09":["1.875rem","'Proxima Nova Condensed'","700","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova Condensed'","700","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova Condensed'","700","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova Condensed'","700","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova Condensed'","700","1.5rem","0rem","none"],"":["1rem","'Proxima Nova Condensed'","700","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova Condensed'","700","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova Condensed'","700","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova Condensed'","700","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova Condensed'","700","0.703rem","0rem","none"]}},"EFFECTS|effect":{"shadow":{"":["0px 0px 8px 0px rgba(0,0,0,0.27)"]},"focus":{"":["0px 0px 0px 2px rgba(53,155,249,1)"]}},"ICONS|icon":{"placeholder":{"svg":[""]},"close":{"svg":[""]},"instagram":{"svg":[""]},"check":{"svg":[""]},"download":{"svg":[""]},"menu":{"svg":[""]},"tester":{"svg":[""]},"linkedin":{"svg":[""]},"facebook":{"svg":[""]},"tiktok":{"svg":[""]},"location":{"svg":[""]},"location-dot":{"svg":[""]},"search":{"svg":[""]},"visible":{"svg":[""]},"hidden":{"svg":[""]},"lock":{"svg":[""]},"edit":{"svg":[""]},"envelope":{"svg":[""]},"external-link":{"svg":[""]},"crosshairs":{"svg":[""]},"message":{"svg":[""]},"minus":{"svg":[""]},"mobile":{"svg":[""]},"pdf":{"svg":[""]},"plus":{"svg":[""]},"chevron-up":{"svg":[""]},"chevron-down":{"svg":[""]},"chevron-left":{"svg":[""]},"chevron-right":{"svg":[""]},"clock":{"svg":[""]},"info":{"svg":[""]},"user":{"svg":[""]},"circle":{"svg":[""]},"code":{"svg":[""]},"print":{"svg":[""]},"slider":{"svg":[""]},"document":{"svg":[""]},"checkbox":{"svg":[""]},"radio":{"svg":[""]},"checkbox-selected":{"svg":[""]},"radio-selected":{"svg":[""]},"checkbox-hover":{"svg":[""]},"radio-hover":{"svg":[""]},"checkbox-selected-hover":{"svg":[""]},"radio-selected-hover":{"svg":[""]},"checkbox-disabled":{"svg":[""]},"radio-disabled":{"svg":[""]},"checkbox-selected-disabled":{"svg":[""]},"radio-selected-disabled":{"svg":[""]},"color-test":{"svg":[""]}},"GRAPHICS|graphic":{"apple-app-store":{"svg":[""],"":["159px","47px"]},"logo":{"svg":[""],"":["143px","64px"]},"ncua":{"svg":[""],"":["108px","50px"]},"ehl":{"svg":[""],"":["53px","53px"]},"google-play-store":{"svg":[""],"":["159px","47px"]}},"LAYOUTS|":{"spacing":{"1":["0.625rem"]},"col":{"1":["8.3333%"]},"colvw":{"1":["8.3333vw"]}},"FONTS|font":{"proxima_nova condensed-700-normal":{"":["Proxima Nova Condensed","font-proxima_nova condensed-700-normal.otf","700","normal"]},"proxima_nova-700-normal":{"":["Proxima Nova","font-proxima_nova-700-normal.otf","700","normal"]},"proxima_nova-300-normal":{"":["Proxima Nova","font-proxima_nova-300-normal.otf","300","normal"]}},"BREAKPOINTS|breakpoint":{"sm":{"":["sm","0px","576px","1"]},"md":{"":["md","0px","768px","2"]},"lg":{"":["lg","0px","992px","3"]},"xlg":{"":["xlg","0px","1200px","4"]}}};
       this.prefix = 'scw';// dynamic
-      this.uuid = '23e6bf27-5ec0-480f-8e28-a23816031fad';// dynamic
+      this.uuid = 'de6f7b18-1174-4681-8be0-9e597cd301e5';// dynamic
       
       this.initialized = false;
       this.lookup;

package/dist/tokens/source/scssVariables/components-scw-block-.json

@@ -0,0 +1,157 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-block/index-vars",
+    "namespace": "index-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-block-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "index-vars.$background-color"
+  },
+  "stroke-color": {
+    "output": "$comp-scw-block-stroke-color: rgba(151,71,255,1);",
+    "outputSegment": "$stroke-color: rgba(151,71,255,1);",
+    "outputSegmentRef": "index-vars.$stroke-color"
+  },
+  "stroke-weight": {
+    "output": "$comp-scw-block-stroke-weight: 1px;",
+    "outputSegment": "$stroke-weight: 1px;",
+    "outputSegmentRef": "index-vars.$stroke-weight"
+  },
+  "stroke-align": {
+    "output": "$comp-scw-block-stroke-align: INSIDE;",
+    "outputSegment": "$stroke-align: INSIDE;",
+    "outputSegmentRef": "index-vars.$stroke-align"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-block-corner-radius-top-left: 5px;",
+    "outputSegment": "$corner-radius-top-left: 5px;",
+    "outputSegmentRef": "index-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-block-corner-radius-top-right: 5px;",
+    "outputSegment": "$corner-radius-top-right: 5px;",
+    "outputSegmentRef": "index-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-block-corner-radius-bottom-right: 5px;",
+    "outputSegment": "$corner-radius-bottom-right: 5px;",
+    "outputSegmentRef": "index-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-block-corner-radius-bottom-left: 5px;",
+    "outputSegment": "$corner-radius-bottom-left: 5px;",
+    "outputSegmentRef": "index-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-block-width: 428px;",
+    "outputSegment": "$width: 428px;",
+    "outputSegmentRef": "index-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-block-height: 304px;",
+    "outputSegment": "$height: 304px;",
+    "outputSegmentRef": "index-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-block-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "index-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-block-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "index-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-block-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "index-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-block-layout-context: NONE;",
+    "outputSegment": "$layout-context: NONE;",
+    "outputSegmentRef": "index-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-block-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "index-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-block-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "index-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-block-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "index-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-block-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "index-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-block-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "index-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-block-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "index-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-block-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "index-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-block-top-percent: 0%;",
+    "outputSegment": "$top-percent: 0%;",
+    "outputSegmentRef": "index-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-block-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "index-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-block-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "index-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-block-left-percent: 0%;",
+    "outputSegment": "$left-percent: 0%;",
+    "outputSegmentRef": "index-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-block-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "index-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-block-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "index-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-block-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "index-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-block-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "index-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-block-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "index-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-block-alignment-center-.json

@@ -0,0 +1,122 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-block/alignment-center-vars",
+    "namespace": "alignment-center-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-block-alignment-center-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "alignment-center-vars.$background-color"
+  },
+  "width": {
+    "output": "$comp-scw-block-alignment-center-width: 388px;",
+    "outputSegment": "$width: 388px;",
+    "outputSegmentRef": "alignment-center-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-block-alignment-center-height: 122px;",
+    "outputSegment": "$height: 122px;",
+    "outputSegmentRef": "alignment-center-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-block-alignment-center-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "alignment-center-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-block-alignment-center-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "alignment-center-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-block-alignment-center-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "alignment-center-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-block-alignment-center-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "alignment-center-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-block-alignment-center-layout-mode: VERTICAL;",
+    "outputSegment": "$layout-mode: VERTICAL;",
+    "outputSegmentRef": "alignment-center-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-block-alignment-center-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "alignment-center-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-block-alignment-center-counter-axis-align-items: CENTER;",
+    "outputSegment": "$counter-axis-align-items: CENTER;",
+    "outputSegmentRef": "alignment-center-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-block-alignment-center-item-spacing: var( --scw-spacing-1 );",
+    "outputSegment": "$item-spacing: var( --scw-spacing-1 );",
+    "outputSegmentRef": "alignment-center-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-block-alignment-center-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "alignment-center-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-block-alignment-center-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "alignment-center-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-block-alignment-center-top: calc( var( --scw-spacing-1 ) * 16.2 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 16.2 );",
+    "outputSegmentRef": "alignment-center-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-block-alignment-center-top-percent: 73.36%;",
+    "outputSegment": "$top-percent: 73.36%;",
+    "outputSegmentRef": "alignment-center-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-block-alignment-center-bottom: var( --scw-spacing-2 );",
+    "outputSegment": "$bottom: var( --scw-spacing-2 );",
+    "outputSegmentRef": "alignment-center-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-block-alignment-center-left: var( --scw-spacing-2 );",
+    "outputSegment": "$left: var( --scw-spacing-2 );",
+    "outputSegmentRef": "alignment-center-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-block-alignment-center-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "alignment-center-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-block-alignment-center-right: var( --scw-spacing-2 );",
+    "outputSegment": "$right: var( --scw-spacing-2 );",
+    "outputSegmentRef": "alignment-center-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-block-alignment-center-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "alignment-center-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-block-alignment-center-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "alignment-center-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-block-alignment-center-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "alignment-center-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-block-alignment-center-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "alignment-center-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-block-alignment-center-body-.json

@@ -0,0 +1,157 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-block/alignment-center-body-vars",
+    "namespace": "alignment-center-body-vars"
+  },
+  "characters": {
+    "output": "$comp-scw-block-alignment-center-body-characters: 'body';",
+    "outputSegment": "$characters: 'body';",
+    "outputSegmentRef": "alignment-center-body-vars.$characters"
+  },
+  "font-size": {
+    "output": "$comp-scw-block-alignment-center-body-font-size: 1rem;",
+    "outputSegment": "$font-size: 1rem;",
+    "outputSegmentRef": "alignment-center-body-vars.$font-size"
+  },
+  "text-align-horizontal": {
+    "output": "$comp-scw-block-alignment-center-body-text-align-horizontal: CENTER;",
+    "outputSegment": "$text-align-horizontal: CENTER;",
+    "outputSegmentRef": "alignment-center-body-vars.$text-align-horizontal"
+  },
+  "text-align-vertical": {
+    "output": "$comp-scw-block-alignment-center-body-text-align-vertical: TOP;",
+    "outputSegment": "$text-align-vertical: TOP;",
+    "outputSegmentRef": "alignment-center-body-vars.$text-align-vertical"
+  },
+  "text-transform": {
+    "output": "$comp-scw-block-alignment-center-body-text-transform: none;",
+    "outputSegment": "$text-transform: none;",
+    "outputSegmentRef": "alignment-center-body-vars.$text-transform"
+  },
+  "color": {
+    "output": "$comp-scw-block-alignment-center-body-color: var( --scw-color-grey-02 );",
+    "outputSegment": "$color: var( --scw-color-grey-02 );",
+    "outputSegmentRef": "alignment-center-body-vars.$color"
+  },
+  "font-family": {
+    "output": "$comp-scw-block-alignment-center-body-font-family: 'Proxima Nova';",
+    "outputSegment": "$font-family: 'Proxima Nova';",
+    "outputSegmentRef": "alignment-center-body-vars.$font-family"
+  },
+  "font-weight": {
+    "output": "$comp-scw-block-alignment-center-body-font-weight: 400;",
+    "outputSegment": "$font-weight: 400;",
+    "outputSegmentRef": "alignment-center-body-vars.$font-weight"
+  },
+  "line-height": {
+    "output": "$comp-scw-block-alignment-center-body-line-height: 1.5rem;",
+    "outputSegment": "$line-height: 1.5rem;",
+    "outputSegmentRef": "alignment-center-body-vars.$line-height"
+  },
+  "letter-spacing": {
+    "output": "$comp-scw-block-alignment-center-body-letter-spacing: 0rem;",
+    "outputSegment": "$letter-spacing: 0rem;",
+    "outputSegmentRef": "alignment-center-body-vars.$letter-spacing"
+  },
+  "font": {
+    "output": "$comp-scw-block-alignment-center-body-font: var( --scw-type-text-font );",
+    "outputSegment": "$font: var( --scw-type-text-font );",
+    "outputSegmentRef": "alignment-center-body-vars.$font"
+  },
+  "width": {
+    "output": "$comp-scw-block-alignment-center-body-width: 388px;",
+    "outputSegment": "$width: 388px;",
+    "outputSegmentRef": "alignment-center-body-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-block-alignment-center-body-height: 24px;",
+    "outputSegment": "$height: 24px;",
+    "outputSegmentRef": "alignment-center-body-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-block-alignment-center-body-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "alignment-center-body-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-block-alignment-center-body-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "alignment-center-body-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-block-alignment-center-body-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "alignment-center-body-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-block-alignment-center-body-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "alignment-center-body-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-block-alignment-center-body-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "alignment-center-body-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-block-alignment-center-body-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "alignment-center-body-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-block-alignment-center-body-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "alignment-center-body-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-block-alignment-center-body-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "alignment-center-body-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-block-alignment-center-body-layout-align: STRETCH;",
+    "outputSegment": "$layout-align: STRETCH;",
+    "outputSegmentRef": "alignment-center-body-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-block-alignment-center-body-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "alignment-center-body-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-block-alignment-center-body-top: calc( var( --scw-spacing-1 ) * 5.1 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 5.1 );",
+    "outputSegmentRef": "alignment-center-body-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-block-alignment-center-body-top-percent: 51.64%;",
+    "outputSegment": "$top-percent: 51.64%;",
+    "outputSegmentRef": "alignment-center-body-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-block-alignment-center-body-bottom: calc( var( --scw-spacing-1 ) * 4.7 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 4.7 );",
+    "outputSegmentRef": "alignment-center-body-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-block-alignment-center-body-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "alignment-center-body-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-block-alignment-center-body-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "alignment-center-body-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-block-alignment-center-body-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "alignment-center-body-vars.$right"
+  },
+  "margin-bottom": {
+    "output": "$comp-scw-block-alignment-center-body-margin-bottom: 0px;",
+    "outputSegment": "$margin-bottom: 0px;",
+    "outputSegmentRef": "alignment-center-body-vars.$margin-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-block-alignment-center-heading-.json

@@ -0,0 +1,157 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-block/alignment-center-heading-vars",
+    "namespace": "alignment-center-heading-vars"
+  },
+  "characters": {
+    "output": "$comp-scw-block-alignment-center-heading-characters: 'heading';",
+    "outputSegment": "$characters: 'heading';",
+    "outputSegmentRef": "alignment-center-heading-vars.$characters"
+  },
+  "font-size": {
+    "output": "$comp-scw-block-alignment-center-heading-font-size: 1.875rem;",
+    "outputSegment": "$font-size: 1.875rem;",
+    "outputSegmentRef": "alignment-center-heading-vars.$font-size"
+  },
+  "text-align-horizontal": {
+    "output": "$comp-scw-block-alignment-center-heading-text-align-horizontal: CENTER;",
+    "outputSegment": "$text-align-horizontal: CENTER;",
+    "outputSegmentRef": "alignment-center-heading-vars.$text-align-horizontal"
+  },
+  "text-align-vertical": {
+    "output": "$comp-scw-block-alignment-center-heading-text-align-vertical: TOP;",
+    "outputSegment": "$text-align-vertical: TOP;",
+    "outputSegmentRef": "alignment-center-heading-vars.$text-align-vertical"
+  },
+  "text-transform": {
+    "output": "$comp-scw-block-alignment-center-heading-text-transform: none;",
+    "outputSegment": "$text-transform: none;",
+    "outputSegmentRef": "alignment-center-heading-vars.$text-transform"
+  },
+  "color": {
+    "output": "$comp-scw-block-alignment-center-heading-color: var( --scw-color-grey-02 );",
+    "outputSegment": "$color: var( --scw-color-grey-02 );",
+    "outputSegmentRef": "alignment-center-heading-vars.$color"
+  },
+  "font-family": {
+    "output": "$comp-scw-block-alignment-center-heading-font-family: 'Proxima Nova Condensed';",
+    "outputSegment": "$font-family: 'Proxima Nova Condensed';",
+    "outputSegmentRef": "alignment-center-heading-vars.$font-family"
+  },
+  "font-weight": {
+    "output": "$comp-scw-block-alignment-center-heading-font-weight: 700;",
+    "outputSegment": "$font-weight: 700;",
+    "outputSegmentRef": "alignment-center-heading-vars.$font-weight"
+  },
+  "line-height": {
+    "output": "$comp-scw-block-alignment-center-heading-line-height: 2.531rem;",
+    "outputSegment": "$line-height: 2.531rem;",
+    "outputSegmentRef": "alignment-center-heading-vars.$line-height"
+  },
+  "letter-spacing": {
+    "output": "$comp-scw-block-alignment-center-heading-letter-spacing: 0rem;",
+    "outputSegment": "$letter-spacing: 0rem;",
+    "outputSegmentRef": "alignment-center-heading-vars.$letter-spacing"
+  },
+  "font": {
+    "output": "$comp-scw-block-alignment-center-heading-font: var( --scw-type-text-bold-condensed-09-font );",
+    "outputSegment": "$font: var( --scw-type-text-bold-condensed-09-font );",
+    "outputSegmentRef": "alignment-center-heading-vars.$font"
+  },
+  "width": {
+    "output": "$comp-scw-block-alignment-center-heading-width: 388px;",
+    "outputSegment": "$width: 388px;",
+    "outputSegmentRef": "alignment-center-heading-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-block-alignment-center-heading-height: 41px;",
+    "outputSegment": "$height: 41px;",
+    "outputSegmentRef": "alignment-center-heading-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-block-alignment-center-heading-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "alignment-center-heading-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-block-alignment-center-heading-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "alignment-center-heading-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-block-alignment-center-heading-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "alignment-center-heading-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-block-alignment-center-heading-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "alignment-center-heading-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-block-alignment-center-heading-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "alignment-center-heading-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-block-alignment-center-heading-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "alignment-center-heading-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-block-alignment-center-heading-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "alignment-center-heading-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-block-alignment-center-heading-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "alignment-center-heading-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-block-alignment-center-heading-layout-align: STRETCH;",
+    "outputSegment": "$layout-align: STRETCH;",
+    "outputSegmentRef": "alignment-center-heading-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-block-alignment-center-heading-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "alignment-center-heading-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-block-alignment-center-heading-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "alignment-center-heading-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-block-alignment-center-heading-top-percent: 16.8%;",
+    "outputSegment": "$top-percent: 16.8%;",
+    "outputSegmentRef": "alignment-center-heading-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-block-alignment-center-heading-bottom: calc( var( --scw-spacing-1 ) * 8.1 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 8.1 );",
+    "outputSegmentRef": "alignment-center-heading-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-block-alignment-center-heading-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "alignment-center-heading-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-block-alignment-center-heading-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "alignment-center-heading-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-block-alignment-center-heading-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "alignment-center-heading-vars.$right"
+  },
+  "margin-bottom": {
+    "output": "$comp-scw-block-alignment-center-heading-margin-bottom: 0px;",
+    "outputSegment": "$margin-bottom: 0px;",
+    "outputSegmentRef": "alignment-center-heading-vars.$margin-bottom"
+  }
+}