scu-web-components 0.0.35 → 0.0.36

package/dist/tokens/source/jsCssGeneratorSansAssets.js

@@ -1,19 +1,19 @@
-export default class JsCssGenerator{constructor(e){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(204,218,222,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","2.93rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","400","2.197rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","400","1.758rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","400","1.465rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","400","1.318rem","0rem","none"],"05":["1rem","'Proxima Nova'","400","1.172rem","0rem","none"],"":["1rem","'Proxima Nova'","400","1.172rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","400","1.025rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","400","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","400","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","400","0.659rem","0rem","none"]},"text-bold-condensed":{10:["2.5rem","'Proxima Nova Condensed'","700","2.93rem","0rem","none"],"09":["1.875rem","'Proxima Nova Condensed'","700","2.197rem","0rem","none"],"08":["1.5rem","'Proxima Nova Condensed'","700","1.758rem","0rem","none"],"07":["1.25rem","'Proxima Nova Condensed'","700","1.465rem","0rem","none"],"06":["1.125rem","'Proxima Nova Condensed'","700","1.318rem","0rem","none"],"05":["1rem","'Proxima Nova Condensed'","700","1.172rem","0rem","none"],"":["1rem","'Proxima Nova Condensed'","700","1.172rem","0rem","none"],"04":["0.875rem","'Proxima Nova Condensed'","700","1.025rem","0rem","none"],"03":["0.75rem","'Proxima Nova Condensed'","700","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova Condensed'","700","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova Condensed'","700","0.659rem","0rem","none"]},"text-bold":{10:["2.5rem","'Proxima Nova'","700","2.93rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","700","2.197rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","700","1.758rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","700","1.465rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","700","1.318rem","0rem","none"],"05":["1rem","'Proxima Nova'","700","1.172rem","0rem","none"],"":["1rem","'Proxima Nova'","700","1.172rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","700","1.025rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","700","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","700","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","700","0.659rem","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:[""]},clear:{svg:[""]},location:{svg:[""]},checkbox:{svg:[""]},radio:{svg:[""]},"checkbox-selected":{svg:[""]},"radio-selected":{svg:[""]},search:{svg:[""]},"checkbox-hover":{svg:[""]},"radio-hover":{svg:[""]},"checkbox-selected-hover":{svg:[""]},"radio-selected-hover":{svg:[""]},visible:{svg:[""]},hidden:{svg:[""]},"checkbox-disabled":{svg:[""]},"radio-disabled":{svg:[""]},"checkbox-selected-disabled":{svg:[""]},"radio-selected-disabled":{svg:[""]},"chevron-up":{svg:[""]},"chevron-down":{svg:[""]},"chevron-left":{svg:[""]},"chevron-right":{svg:[""]},"color-test":{svg:[""]}},"GRAPHICS|graphic":{},"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":{}},this.prefix="scw",this.uuid="433e53ec-bc1e-4403-b6c6-a508126d0304",this.initialized=!1,this.lookup,this.css_classes_root="",this.css_comp_suffix="",this.units=[0,1,2,3,4,5,6,7,8,9,10,11,12],this.subUnits=[0,3,4,6,8,9],this.subUnitAttachments=[0,1,2,3],this.config=e||{},this.version=this.config.version||!1,this.extraCssPromise=this.config.extraCssPromise||!1,this.assetsUrl=this.config.assetsUrl||!1,this.attributes=this.config.attributes||!0,this.classes=this.config.classes||!0,this.variablesOnly=this.config.variablesOnly||!1}async buildCss(){this.version&&(this.css_comp_suffix="-"+this.version),this.lookup={};let t=`/*
+export default class JsCssGenerator{constructor(e){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(204,218,222,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.284rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","400","1.827rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","400","1.523rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","400","1.625rem","0rem","none"],"05":["1rem","'Proxima Nova'","400","1.218rem","0rem","none"],"":["1rem","'Proxima Nova'","400","1.218rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","400","1.066rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","400","0.914rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","400","0.837rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","400","0.685rem","0rem","none"]},"text-bold-condensed":{10:["2.5rem","'Proxima Nova Condensed'","700","3.045rem","0rem","none"],"09":["1.875rem","'Proxima Nova Condensed'","700","2.284rem","0rem","none"],"08":["1.5rem","'Proxima Nova Condensed'","700","1.827rem","0rem","none"],"07":["1.25rem","'Proxima Nova Condensed'","700","1.523rem","0rem","none"],"06":["1.125rem","'Proxima Nova Condensed'","700","1.37rem","0rem","none"],"05":["1rem","'Proxima Nova Condensed'","700","1.218rem","0rem","none"],"":["1rem","'Proxima Nova Condensed'","700","1.218rem","0rem","none"],"04":["0.875rem","'Proxima Nova Condensed'","700","1.066rem","0rem","none"],"03":["0.75rem","'Proxima Nova Condensed'","700","0.914rem","0rem","none"],"02":["0.6875rem","'Proxima Nova Condensed'","700","0.837rem","0rem","none"],"01":["0.5625rem","'Proxima Nova Condensed'","700","0.685rem","0rem","none"]},"text-bold":{10:["2.5rem","'Proxima Nova'","700","3.045rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","700","2.284rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","700","1.827rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","700","1.523rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","700","1.37rem","0rem","none"],"05":["1rem","'Proxima Nova'","700","1.218rem","0rem","none"],"":["1rem","'Proxima Nova'","700","1.218rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","700","1.066rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","700","0.914rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","700","0.837rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","700","0.685rem","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:[""]},clear:{svg:[""]},instagram:{svg:[""]},close:{svg:[""]},check:{svg:[""]},download:{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":{}},this.prefix="scw",this.uuid="4bdcd1ee-9e5d-499d-a372-4f265681d3e4",this.initialized=!1,this.lookup,this.css_classes_root="",this.css_comp_suffix="",this.units=[0,1,2,3,4,5,6,7,8,9,10,11,12],this.subUnits=[0,3,4,6,8,9],this.subUnitAttachments=[0,1,2,3],this.config=e||{},this.version=this.config.version||!1,this.extraCssPromise=this.config.extraCssPromise||!1,this.assetsUrl=this.config.assetsUrl||!1,this.attributes=this.config.attributes||!0,this.classes=this.config.classes||!0,this.variablesOnly=this.config.variablesOnly||!1}async buildCss(){this.version&&(this.css_comp_suffix="-"+this.version),this.lookup={};let t=`/*
 `,e="";return t=(t=(t=(t=(t=(t+=`* CREATED: ${new Date}
 `)+`* VERSION: ${this.version}
 `)+`* UUID: ${this.uuid}
 `+`*/
 `)+this.generateCssVariables())+this.generateLayoutClasses())+this.generateGapSpacingClasses(),!1===this.variablesOnly&&(t+=this.generateCssClasses(),e=this.generateFontCssClasses(),t=(t+=this.generateColumnClasses())+this.generateSpacingClasses()),t=(t+=this.generateLayoutHelperClasses())+this.generateAlignmentClasses(),this.extraCssPromise&&await this.extraCssPromise().then(e=>{t+=`
 /* EXTRA CSS */
- `+e}),{tokens:this.tokens,prefix:this.prefix,uuid:this.uuid,version:this.version,css:t,fontCss:e,lookup:this.lookup}}createCssVariableFunk(e,t,a,r,i){const n=this.createCssVariableName(e,t,a,r);return(e,t)=>{t=t||"",i.push(`  ${n}${t}: ${e};
-`)}}createCssVariableNameStub(e,t,a){return"--"+this.mergeDashed(e,t,a)}createCssVariableName(e,t,a,r){return this.mergeDashed(this.createCssVariableNameStub(e,t,a),r)}generateCssVariables(){const i=[];return Object.entries(this.tokens).map(e=>{var t=e[0].split("|");const r=t[0],g=t[1];t=e[1];Object.entries(t).map(e=>{let s=e[0],t=":root, :host";var a=s.split(":"),a=(1<a.length&&(s=a[0],t=`[${this.prefix}-${a[1]}]`,this.version&&(t=`:root ${t}, :host ${t}, :host`+t)),e[1]);const o=[];Object.entries(a).map(e=>{var t=e[0];const i=e[1],n=this.createCssVariableFunk(this.prefix,g,s,t,o);switch(r){case"COLORS":n(i[0],"");break;case"EFFECTS":n(i[0],"-shadow");break;case"LAYOUTS":this.units.map(r=>{this.subUnits.map(e=>{if(!(-1===this.subUnitAttachments.indexOf(r)&&0<e))if(1===r&&0===e)n(i[0]);else{const t=this.createCssVariableFunk(this.prefix,g,s,r+(e?"-"+e:""),o),a=r+e/12;t(`calc( var( --${this.prefix}-${s}-1 ) *  ${a.toFixed(3)} )`)}})});break;case"TYPOGRAPHY":i[6]&&n(i[6],"-opentype-flags"),n(`${i[2]} ${i[0]}/${i[3]} `+i[1],"-font");break;case"ICONS":break;case"GRAPHICS":n(i[0],"-width"),n(i[1],"-height")}}),0<o.length&&(i.push(t+` {
+ `+e}),{tokens:this.tokens,prefix:this.prefix,uuid:this.uuid,version:this.version,css:t,fontCss:e,lookup:this.lookup}}createCssVariableFunk(e,t,a,r,i){const s=this.createCssVariableName(e,t,a,r);return(e,t)=>{t=t||"",i.push(`  ${s}${t}: ${e};
+`)}}createCssVariableNameStub(e,t,a){return"--"+this.mergeDashed(e,t,a)}createCssVariableName(e,t,a,r){return this.mergeDashed(this.createCssVariableNameStub(e,t,a),r)}generateCssVariables(){const i=[];return Object.entries(this.tokens).map(e=>{var t=e[0].split("|");const r=t[0],g=t[1];t=e[1];Object.entries(t).map(e=>{let n=e[0],t=":root, :host";var a=n.split(":"),a=(1<a.length&&(n=a[0],t=`[${this.prefix}-${a[1]}]`,this.version&&(t=`:root ${t}, :host ${t}, :host`+t)),e[1]);const o=[];Object.entries(a).map(e=>{var t=e[0];const i=e[1],s=this.createCssVariableFunk(this.prefix,g,n,t,o);switch(r){case"COLORS":s(i[0],"");break;case"EFFECTS":s(i[0],"-shadow");break;case"LAYOUTS":this.units.map(r=>{this.subUnits.map(e=>{if(!(-1===this.subUnitAttachments.indexOf(r)&&0<e))if(1===r&&0===e)s(i[0]);else{const t=this.createCssVariableFunk(this.prefix,g,n,r+(e?"-"+e:""),o),a=r+e/12;t(`calc( var( --${this.prefix}-${n}-1 ) *  ${a.toFixed(3)} )`)}})});break;case"TYPOGRAPHY":i[6]&&s(i[6],"-opentype-flags"),s(`${i[2]} ${i[0]}/${i[3]} `+i[1],"-font");break;case"ICONS":break;case"GRAPHICS":s(i[0],"-width"),s(i[1],"-height")}}),0<o.length&&(i.push(t+` {
 `),o.map(e=>{i.push(e)}),i.push(`}
-`))})}),i.join("")}createCssClassFunk(g,l,h,m,c){return(e,t,a,r)=>{a=a||"";var i=this.mergeDashed(g,e,l,h);let n=t;Array.isArray(t)&&(n=t.join("\n  "));const s=[],o=[];!0===c&&(this.processSelector(s,this.css_classes_root,""+i+a,!1),this.css_comp_suffix&&0<this.css_comp_suffix.length&&this.processSelector(s,this.css_classes_root,""+i+this.css_comp_suffix+a,!1)),!0===r?(t=this.mergeDashed(g,e,l,h+"s"),this.classes&&this.processSelector(s,this.css_classes_root,"."+t+a),this.attributes&&this.processSelector(s,this.css_classes_root,`[${t}]`+a),this.addToLookup(e,null,h+"s",a,n)):(this.classes&&this.processSelector(s,this.css_classes_root,"."+i+a),this.attributes&&this.processSelector(s,this.css_classes_root,`[${i}]`+a)),o.push(""+s.join(",\n")+`
+`))})}),i.join("")}createCssClassFunk(g,l,h,m,c){return(e,t,a,r)=>{a=a||"";var i=this.mergeDashed(g,e,l,h);let s=t;Array.isArray(t)&&(s=t.join("\n  "));const n=[],o=[];!0===c&&(this.processSelector(n,this.css_classes_root,""+i+a,!1),this.css_comp_suffix&&0<this.css_comp_suffix.length&&this.processSelector(n,this.css_classes_root,""+i+this.css_comp_suffix+a,!1)),!0===r?(t=this.mergeDashed(g,e,l,h+"s"),this.classes&&this.processSelector(n,this.css_classes_root,"."+t+a),this.attributes&&this.processSelector(n,this.css_classes_root,`[${t}]`+a),this.addToLookup(e,null,h+"s",a,s)):(this.classes&&this.processSelector(n,this.css_classes_root,"."+i+a),this.attributes&&this.processSelector(n,this.css_classes_root,`[${i}]`+a)),o.push(""+n.join(",\n")+`
 {
-  ${n} 
-}`),this.addToLookup(e,l,h,a,n),m.push(o.join("")),m.push("\n\n")}}processSelector(e,t,a,r){t&&0<t.length?(!1!==r&&e.push(""+t+a),e.push(t+" "+a)):e.push(a)}generateCssClasses(){const h=[];return Object.entries(this.tokens).map(e=>{var t=e[0].split("|");const g=t[0],l=t[1];t=e[1];Object.entries(t).map(e=>{const o=e[0];var t=o.split(":");1<t.length&&"root"!==t[1]||(t=e[1],Object.entries(t).map(e=>{var t,a=e[0],r=e[1],i=this.createCssVariableName(this.prefix,l,o,a);this.createCssVariableNameStub(this.prefix,l,o);const n=this.createCssClassFunk(this.prefix,o,a,h,!1);switch(g){case"COLORS":n("color",`color: var( ${i} ); --color: var( ${i} );`),n("background-color",`background-color: var( ${i} ); --background-color: var( ${i} );`),n("border",`border: 1px solid var( ${i} );`),n("border-color",`border-color: var( ${i} );`),n("border-top-bottom",`border-top: 1px solid var( ${i} );
- border-bottom: 1px solid var( ${i} );`),n("border-top",`border-top: 1px solid var( ${i} );`),n("border-bottom",`border-bottom: 1px solid var( ${i} );`),n("border-left-right",`border-left: 1px solid var( ${i} );
- border-right: 1px solid var( ${i} );`),n("border-left",`border-left: 1px solid var( ${i} );`),n("border-right",`border-right: 1px solid var( ${i} );`),n("color-hover",`color: var( ${i} ); --color: var( ${i} );`,":hover"),n("background-color-hover",`background-color: var( ${i} ); --background-color: var( ${i} );`,":hover");break;case"EFFECTS":n("",`box-shadow: var( ${i}-shadow );`);break;case"LAYOUTS":break;case"TYPOGRAPHY":const s=[`font: var( ${i}-font );`];r[5]&&s.push(`font-feature-settings: var( ${i}-opentype-flags );`),n("",s);break;case"ICONS":"svg"!==a&&(t=[`--svg-name: ${o};`],n("icon",t));break;case"GRAPHICS":"svg"!==a&&(t=[`--svg-name: ${o};`],n("graphic",t))}}))})}),h.join("")+"\n\n"}generateFontCssClasses(){const a=[];return Object.entries(this.tokens).map(e=>{const t=e[0].split("|")[0];e=e[1];Object.entries(e).map(e=>{e=e[1];Object.entries(e).map(e=>{e=e[1];"FONTS"===t&&a.push(`@font-face {
+  ${s} 
+}`),this.addToLookup(e,l,h,a,s),m.push(o.join("")),m.push("\n\n")}}processSelector(e,t,a,r){t&&0<t.length?(!1!==r&&e.push(""+t+a),e.push(t+" "+a)):e.push(a)}generateCssClasses(){const h=[];return Object.entries(this.tokens).map(e=>{var t=e[0].split("|");const g=t[0],l=t[1];t=e[1];Object.entries(t).map(e=>{const o=e[0];var t=o.split(":");1<t.length&&"root"!==t[1]||(t=e[1],Object.entries(t).map(e=>{var t,a=e[0],r=e[1],i=this.createCssVariableName(this.prefix,l,o,a);this.createCssVariableNameStub(this.prefix,l,o);const s=this.createCssClassFunk(this.prefix,o,a,h,!1);switch(g){case"COLORS":s("color",`color: var( ${i} ); --color: var( ${i} );`),s("background-color",`background-color: var( ${i} ); --background-color: var( ${i} );`),s("border",`border: 1px solid var( ${i} );`),s("border-color",`border-color: var( ${i} );`),s("border-top-bottom",`border-top: 1px solid var( ${i} );
+ border-bottom: 1px solid var( ${i} );`),s("border-top",`border-top: 1px solid var( ${i} );`),s("border-bottom",`border-bottom: 1px solid var( ${i} );`),s("border-left-right",`border-left: 1px solid var( ${i} );
+ border-right: 1px solid var( ${i} );`),s("border-left",`border-left: 1px solid var( ${i} );`),s("border-right",`border-right: 1px solid var( ${i} );`),s("color-hover",`color: var( ${i} ); --color: var( ${i} );`,":hover"),s("background-color-hover",`background-color: var( ${i} ); --background-color: var( ${i} );`,":hover");break;case"EFFECTS":s("",`box-shadow: var( ${i}-shadow );`);break;case"LAYOUTS":break;case"TYPOGRAPHY":const n=[`font: var( ${i}-font );`];r[5]&&n.push(`font-feature-settings: var( ${i}-opentype-flags );`),s("",n);break;case"ICONS":"svg"!==a&&(t=[`--svg-name: ${o};`],s("icon",t));break;case"GRAPHICS":"svg"!==a&&(t=[`--svg-name: ${o};`],s("graphic",t))}}))})}),h.join("")+"\n\n"}generateFontCssClasses(){const a=[];return Object.entries(this.tokens).map(e=>{const t=e[0].split("|")[0];e=e[1];Object.entries(e).map(e=>{e=e[1];Object.entries(e).map(e=>{e=e[1];"FONTS"===t&&a.push(`@font-face {
   font-family: "${e[0]}";
   src: ${this.assetsUrl?`url('${this.assetsUrl}/${e[1]}')`:e[4]};
   font-weight: ${e[2]};
@@ -23,7 +23,7 @@ export default class JsCssGenerator{constructor(e){this.tokens={"COLORS|color":{
         ${this.__generateColumnClasses("col")}
         ${this.__generateColumnClasses("colvw")}
         ${[].join("\n\n")}
-      `}__generateColumnClasses(i){const n=[];return this.units.map(r=>{this.subUnits.map(e=>{if(!(-1===this.subUnitAttachments.indexOf(r)&&0<e||12===r&&0!=e)){var t=r+(e?"-"+e:"");const a=this.createCssClassFunk(this.prefix,i,t,n,!1);e=0===r&&0===e?"0":`var( --${this.prefix}-${i}-${t} )`;a("width",`width: ${e};`),a("min-width",`min-width: ${e};`),a("max-width",`max-width: ${e};`),a("left",`left: ${e};`),a("right",`right: ${e};`),a("margin-left",`margin-left: ${e};`),a("margin-right",`margin-right: ${e};`),a("padding-left",`padding-left: ${e};`),a("padding-right",`padding-left: ${e};`),a("margin-x",`margin-right: ${e}; margin-left: ${e};`),a("padding-x",`padding-right: ${e}; padding-left: ${e};`),a("margin-width",`margin-right: ${e}; margin-left: ${e};`),a("padding-width",`padding-right: ${e}; padding-left: ${e};`)}})}),n.join("")+"\n\n"}generateSpacingClasses(){const i=[];return this.units.map(r=>{this.subUnits.map(e=>{if(!(-1===this.subUnitAttachments.indexOf(r)&&0<e)){var t=r+(e?"-"+e:"");const a=this.createCssClassFunk(this.prefix,"",t,i,!1);e=0===r&&0===e?"0":`var( --${this.prefix}-spacing-${t} )`;a("size",`width: ${e}; 
+      `}__generateColumnClasses(i){const s=[];return this.units.map(r=>{this.subUnits.map(e=>{if(!(-1===this.subUnitAttachments.indexOf(r)&&0<e||12===r&&0!=e)){var t=r+(e?"-"+e:"");const a=this.createCssClassFunk(this.prefix,i,t,s,!1);e=0===r&&0===e?"0":`var( --${this.prefix}-${i}-${t} )`;a("width",`width: ${e};`),a("min-width",`min-width: ${e};`),a("max-width",`max-width: ${e};`),a("left",`left: ${e};`),a("right",`right: ${e};`),a("margin-left",`margin-left: ${e};`),a("margin-right",`margin-right: ${e};`),a("padding-left",`padding-left: ${e};`),a("padding-right",`padding-left: ${e};`),a("margin-x",`margin-right: ${e}; margin-left: ${e};`),a("padding-x",`padding-right: ${e}; padding-left: ${e};`),a("margin-width",`margin-right: ${e}; margin-left: ${e};`),a("padding-width",`padding-right: ${e}; padding-left: ${e};`)}})}),s.join("")+"\n\n"}generateSpacingClasses(){const i=[];return this.units.map(r=>{this.subUnits.map(e=>{if(!(-1===this.subUnitAttachments.indexOf(r)&&0<e)){var t=r+(e?"-"+e:"");const a=this.createCssClassFunk(this.prefix,"",t,i,!1);e=0===r&&0===e?"0":`var( --${this.prefix}-spacing-${t} )`;a("size",`width: ${e}; 
  height: ${e};`,"",!0),a("width",`width: ${e};`,"",!0),a("min-width",`min-width: ${e};`,"",!0),a("height",`height: ${e};`,"",!0),a("min-height",`min-height: ${e};`,"",!0),a("left",`left: ${e};`,"",!0),a("right",`right: ${e};`,"",!0),a("top",`top: ${e};`,"",!0),a("bottom",`bottom: ${e};`,"",!0),a("margin",`margin: ${e};`,"",!0),a("margin-width",`margin-left: ${e}; 
  margin-right: ${e};`,":nth-child(n)",!0),a("margin-x",`margin-left: ${e}; 
  margin-right: ${e};`,":nth-child(n)",!0),a("margin-height",`margin-top: ${e}; 
@@ -32,4 +32,4 @@ export default class JsCssGenerator{constructor(e){this.tokens={"COLORS|color":{
  padding-right: ${e};`,"",!0),a("padding-x",`padding-left: ${e}; 
  padding-right: ${e};`,"",!0),a("padding-height",`padding-top: ${e}; 
  padding-bottom: ${e};`,"",!0),a("padding-y",`padding-top: ${e}; 
- padding-bottom: ${e};`,"",!0),a("padding-left",`padding-left: ${e};`,"",!0),a("padding-right",`padding-right: ${e};`,"",!0),a("padding-top",`padding-top: ${e};`,"",!0),a("padding-bottom",`padding-bottom: ${e};`,"",!0),a("border-radius",`border-radius: ${e};`,"",!0)}})}),i.join("")+"\n\n"}generateGapSpacingClasses(){const i=[];return this.units.map(r=>{this.subUnits.map(e=>{if(!(-1===this.subUnitAttachments.indexOf(r)&&0<e)){var t=r+(e?"-"+e:"");const a=this.createCssClassFunk(this.prefix,"",t,i,!1);e=0===r&&0===e?"0":`var( --${this.prefix}-spacing-${t} )`;a("gap",`--gap: ${e};`," > *",!0)}})}),i.join("")+"\n\n"}generateLayoutClasses(){const e=[],t=this.createCssClassFunk(this.prefix,"","",e,!0);return t("stack",[...this.getInitComponentCss("  "),"display: block;"]),t("stack",[...this.getInitComponentCss("  "),"--gap-h-int: 0px;","--gap-v-int: var( --gap, var( --gap-v, initial ));","width: 100%;"]," > *:nth-child(n)"),t("stack",["--gap-v-int: 0px;"]," > *:last-child"),t("layout",[...this.getInitComponentCss("  "),"display: block;"]),t("layout",[...this.getInitComponentCss("  "),"--gap-h-int: 0px;","--gap-v-int: var( --gap, var( --gap-v, initial ));","width: 100%;"]," > *:nth-child(n)"),t("layout",["--gap-v-int: 0px;"]," > *:last-child"),t("flex-h",[...this.getInitComponentCss("  "),...this.getInitFlexComponentCss("  "),"display: flex;","flex-flow: row nowrap;","--ai-h: flex-start;","--jc-h: flex-start;","--ai-int: var( --ai-h, initial );","--jc-int: var( --jc-h, initial );"]),t("flex-h",[...this.getInitComponentCss("    "),"--gap-h-int: var( --gap , var( --gap-h, initial ));","--gap-v-int: 0px;"]," > *:nth-child(n)"),t("flex-h",["--gap-h-int: 0px;"]," > *:last-child"),t("flex-v",[...this.getInitComponentCss("  "),...this.getInitFlexComponentCss("  "),"display: flex;","flex-flow: column nowrap;","--ai-v: flex-start;","--jc-v: flex-start;","--ai-int: var( --ai-v, initial );","--jc-int: var( --jc-v, initial );"]),t("flex-v",[...this.getInitComponentCss("    "),"--gap-h-int:  0px;","--gap-v-int: var( --gap , var( --gap-v, initial ));"]," > *:nth-child(n)"),t("flex-v",["--gap-v-int: 0px;"]," > *:last-child"),t("center",[...this.getInitComponentCss("  "),...this.getInitFlexComponentCss("  "),"display: flex;","flex-flow: column nowrap;","--ai-v: center;","--jc-v: center;","--ai-int: var( --ai-v, initial );","--jc-int: var( --jc-v, initial );"]),t("center",[...this.getInitComponentCss("    "),"--gap-h-int:  0px;","--gap-v-int: var( --gap , var( --gap-v, initial ));"]," > *:nth-child(n)"),t("center",["--gap-v-int: 0px;"]," > *:last-child"),t("float",[...this.getInitComponentCss("  "),"display: block;"]),t("float",['content: "";',"clear: both;","display: table;"],"::after"),t("float",[...this.getInitComponentCss("    "),"--gap-h-int: 0px;","--gap-v-int: var( --gap, var( --gap-v, initial ));","width: auto;","float: left;","clear: left;"]," > *:nth-child(n)"),t("float",[...this.getInitComponentCss("    "),"--gap-v-int: 0px;"]," > *:last-child"),e.join("")+"\n\n"}getInitComponentCss(e){return["/* element */","position: relative;","box-sizing: border-box;","--margin-right: initial;","--margin-bottom: initial;","--gap-h-int: initial;","--gap-v-int: initial;","margin-right: var( --margin-right, var( --gap-h-int, initial ) );","margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );"]}getInitFlexComponentCss(e){return["/* flex element */","position: relative;","box-sizing: border-box;","--align-items: initial;","--justify-content: initial;","align-items: var( --align-items , var( --ai-int, flex-start ) );","justify-content: var( --justify-content , var( --jc-int, flex-start ) );"]}generateLayoutHelperClasses(){const e=[],t=this.createCssClassFunk(this.prefix,"","",e,!1),a=(t("scroll-y",["overflow-y: auto;"]),t("hide",["display: none;"]),t("fill-container",["position: absolute;","left: 0;","right: 0;","top: 0;","bottom: 0;"],":nth-child(n)"),this.createCssClassFunk(this.prefix,"","",e,!0));return["","1","2","3","4","5","6","7","8","9"].map(e=>{a("fill"+(""!==e?"-"+e:e),[`flex: ${""===e?"1":e};`])}),e.join("")+"\n\n"}generateAlignmentClasses(){const e=[],t=this.createCssClassFunk(this.prefix,"","",e,!1);var a=["--ai-h: center;","--jc-h: center;","--ai-v: center;","--jc-v: center;"],a=(t("alignment-center",a),t("alignment-center-center",a),["--ai-h: center;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: center;"]),a=(t("alignment-center-left",a),t("alignment-left-center",a),["--ai-h: center;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: center;"]),a=(t("alignment-center-right",a),t("alignment-right-center",a),["--ai-h: flex-start;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: flex-start;"]),a=(t("alignment-top",a),t("alignment-top-left",a),t("alignment-left-top",a),t("alignment-left",a),["--ai-h: flex-start;","--jc-h: center;","--ai-v: center;","--jc-v: flex-start;"]),a=(t("alignment-top-center",a),t("alignment-center-top",a),["--ai-h: flex-start;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: flex-start;"]),a=(t("alignment-top-right",a),t("alignment-right-top",a),t("alignment-right",a),["--ai-h: stretch;","--jc-h: flex-start;","--ai-v: stretch;","--jc-v: flex-start;"]),a=(t("alignment-top-stretch",a),t("alignment-stretch",a),["--ai-h: flex-end;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: flex-end;"]),a=(t("alignment-bottom",a),t("alignment-bottom-left",a),t("alignment-left-bottom",a),["--ai-h: flex-end;","--jc-h: center;","--ai-v: center;","--jc-v: flex-end;"]),a=(t("alignment-bottom-center",a),t("alignment-center-bottom",a),["--ai-h: flex-end;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: flex-end;"]),a=(t("alignment-bottom-right",a),t("alignment-right-bottom",a),["--ai-h: stretch;","--jc-h: flex-start;","--ai-v: stretch;","--jc-v: flex-start;"]),a=(t("alignment-stretch",a),t("alignment-stretch-top",a),t("alignment-top-stretch",a),["--ai-h: stretch;","--jc-h: flex-end;","--ai-v: stretch;","--jc-v: flex-end;"]),a=(t("alignment-stretch-right",a),t("alignment-right-stretch",a),t("alignment-stretch-bottom",a),t("alignment-bottom-stretch",a),["--ai-h: stretch;","--jc-h: center;","--ai-v: stretch;","--jc-v: center;"]),a=(t("alignment-stretch-center",a),t("alignment-center-stretch",a),["--ai-h: baseline;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: flex-start;"]),a=(t("alignment-baseline",a),t("alignment-baseline-left",a),t("alignment-left-baseline",a),["--ai-h: baseline;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: flex-start;"]),a=(t("alignment-baseline-right",a),t("alignment-right-baseline",a),["--ai-h: baseline;","--jc-h: center;","--ai-v: center;","--jc-v: flex-start;"]);return t("alignment-baseline-center",a),t("alignment-center-baseline",a),t("fill-children","flex: 1;"," > *"),t("children-fill","flex: 1;"," > *"),e.join("")+"\n\n"}mergeDashed(...e){let t=[];return e.map(e=>{e&&""!==e&&t.push(e)}),t.join("-")}valueToSvg(e){return e}addToLookup(e,t,a,r,i){e=this.mergeDashed(e,t,a);let n=[];this.lookup[e]||(this.lookup[e]=[]),n.push(i),r&&""!==r&&n.push(r),this.lookup[e].push(n)}addSvgToLookup(e,t,a,r,i){e=this.mergeDashed(e,t,a);this.lookup[e]={info:r,type:i}}}
+ padding-bottom: ${e};`,"",!0),a("padding-left",`padding-left: ${e};`,"",!0),a("padding-right",`padding-right: ${e};`,"",!0),a("padding-top",`padding-top: ${e};`,"",!0),a("padding-bottom",`padding-bottom: ${e};`,"",!0),a("border-radius",`border-radius: ${e};`,"",!0)}})}),i.join("")+"\n\n"}generateGapSpacingClasses(){const i=[];return this.units.map(r=>{this.subUnits.map(e=>{if(!(-1===this.subUnitAttachments.indexOf(r)&&0<e)){var t=r+(e?"-"+e:"");const a=this.createCssClassFunk(this.prefix,"",t,i,!1);e=0===r&&0===e?"0":`var( --${this.prefix}-spacing-${t} )`;a("gap",`--gap: ${e};`," > *",!0)}})}),i.join("")+"\n\n"}generateLayoutClasses(){const e=[],t=this.createCssClassFunk(this.prefix,"","",e,!0);return t("stack",[...this.getInitComponentCss("  "),"display: block;"]),t("stack",[...this.getInitComponentCss("  "),"--gap-h-int: 0px;","--gap-v-int: var( --gap, var( --gap-v, initial ));","width: 100%;"]," > *:nth-child(n)"),t("stack",["--gap-v-int: 0px;"]," > *:last-child"),t("layout",[...this.getInitComponentCss("  "),"display: block;"]),t("layout",[...this.getInitComponentCss("  "),"--gap-h-int: 0px;","--gap-v-int: var( --gap, var( --gap-v, initial ));","width: 100%;"]," > *:nth-child(n)"),t("layout",["--gap-v-int: 0px;"]," > *:last-child"),t("flex-h",[...this.getInitComponentCss("  "),...this.getInitFlexComponentCss("  "),"display: flex;","flex-flow: row nowrap;","--ai-h: flex-start;","--jc-h: flex-start;","--ai-int: var( --ai-h, initial );","--jc-int: var( --jc-h, initial );"]),t("flex-h",[...this.getInitComponentCss("    "),"--gap-h-int: var( --gap , var( --gap-h, initial ));","--gap-v-int: 0px;"]," > *:nth-child(n)"),t("flex-h",["--gap-h-int: 0px;"]," > *:last-child"),t("flex-v",[...this.getInitComponentCss("  "),...this.getInitFlexComponentCss("  "),"display: flex;","flex-flow: column nowrap;","--ai-v: flex-start;","--jc-v: flex-start;","--ai-int: var( --ai-v, initial );","--jc-int: var( --jc-v, initial );"]),t("flex-v",[...this.getInitComponentCss("    "),"--gap-h-int:  0px;","--gap-v-int: var( --gap , var( --gap-v, initial ));"]," > *:nth-child(n)"),t("flex-v",["--gap-v-int: 0px;"]," > *:last-child"),t("center",[...this.getInitComponentCss("  "),...this.getInitFlexComponentCss("  "),"display: flex;","flex-flow: column nowrap;","--ai-v: center;","--jc-v: center;","--ai-int: var( --ai-v, initial );","--jc-int: var( --jc-v, initial );"]),t("center",[...this.getInitComponentCss("    "),"--gap-h-int:  0px;","--gap-v-int: var( --gap , var( --gap-v, initial ));"]," > *:nth-child(n)"),t("center",["--gap-v-int: 0px;"]," > *:last-child"),t("float",[...this.getInitComponentCss("  "),"display: block;"]),t("float",['content: "";',"clear: both;","display: table;"],"::after"),t("float",[...this.getInitComponentCss("    "),"--gap-h-int: 0px;","--gap-v-int: var( --gap, var( --gap-v, initial ));","width: auto;","float: left;","clear: left;"]," > *:nth-child(n)"),t("float",[...this.getInitComponentCss("    "),"--gap-v-int: 0px;"]," > *:last-child"),e.join("")+"\n\n"}getInitComponentCss(e){return["/* element */","position: relative;","box-sizing: border-box;","--margin-right: initial;","--margin-bottom: initial;","--gap-h-int: initial;","--gap-v-int: initial;","margin-right: var( --margin-right, var( --gap-h-int, initial ) );","margin-bottom: var( --margin-bottom, var( --gap-v-int, initial ) );"]}getInitFlexComponentCss(e){return["/* flex element */","position: relative;","box-sizing: border-box;","--align-items: initial;","--justify-content: initial;","align-items: var( --align-items , var( --ai-int, flex-start ) );","justify-content: var( --justify-content , var( --jc-int, flex-start ) );"]}generateLayoutHelperClasses(){const e=[],t=this.createCssClassFunk(this.prefix,"","",e,!1),a=(t("scroll-y",["overflow-y: auto;"]),t("hide",["display: none;"]),t("fill-container",["position: absolute;","left: 0;","right: 0;","top: 0;","bottom: 0;"],":nth-child(n)"),this.createCssClassFunk(this.prefix,"","",e,!0));return["","1","2","3","4","5","6","7","8","9"].map(e=>{a("fill"+(""!==e?"-"+e:e),[`flex: ${""===e?"1":e};`])}),e.join("")+"\n\n"}generateAlignmentClasses(){const e=[],t=this.createCssClassFunk(this.prefix,"","",e,!1);var a=["--ai-h: center;","--jc-h: center;","--ai-v: center;","--jc-v: center;"],a=(t("alignment-center",a),t("alignment-center-center",a),["--ai-h: center;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: center;"]),a=(t("alignment-center-left",a),t("alignment-left-center",a),["--ai-h: center;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: center;"]),a=(t("alignment-center-right",a),t("alignment-right-center",a),["--ai-h: flex-start;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: flex-start;"]),a=(t("alignment-top",a),t("alignment-top-left",a),t("alignment-left-top",a),t("alignment-left",a),["--ai-h: flex-start;","--jc-h: center;","--ai-v: center;","--jc-v: flex-start;"]),a=(t("alignment-top-center",a),t("alignment-center-top",a),["--ai-h: flex-start;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: flex-start;"]),a=(t("alignment-top-right",a),t("alignment-right-top",a),t("alignment-right",a),["--ai-h: stretch;","--jc-h: flex-start;","--ai-v: stretch;","--jc-v: flex-start;"]),a=(t("alignment-top-stretch",a),t("alignment-stretch",a),["--ai-h: flex-end;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: flex-end;"]),a=(t("alignment-bottom",a),t("alignment-bottom-left",a),t("alignment-left-bottom",a),["--ai-h: flex-end;","--jc-h: center;","--ai-v: center;","--jc-v: flex-end;"]),a=(t("alignment-bottom-center",a),t("alignment-center-bottom",a),["--ai-h: flex-end;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: flex-end;"]),a=(t("alignment-bottom-right",a),t("alignment-right-bottom",a),["--ai-h: stretch;","--jc-h: flex-start;","--ai-v: stretch;","--jc-v: flex-start;"]),a=(t("alignment-stretch",a),t("alignment-stretch-top",a),t("alignment-top-stretch",a),["--ai-h: stretch;","--jc-h: flex-end;","--ai-v: stretch;","--jc-v: flex-end;"]),a=(t("alignment-stretch-right",a),t("alignment-right-stretch",a),t("alignment-stretch-bottom",a),t("alignment-bottom-stretch",a),["--ai-h: stretch;","--jc-h: center;","--ai-v: stretch;","--jc-v: center;"]),a=(t("alignment-stretch-center",a),t("alignment-center-stretch",a),["--ai-h: baseline;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: flex-start;"]),a=(t("alignment-baseline",a),t("alignment-baseline-left",a),t("alignment-left-baseline",a),["--ai-h: baseline;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: flex-start;"]),a=(t("alignment-baseline-right",a),t("alignment-right-baseline",a),["--ai-h: baseline;","--jc-h: center;","--ai-v: center;","--jc-v: flex-start;"]);return t("alignment-baseline-center",a),t("alignment-center-baseline",a),t("fill-children","flex: 1;"," > *"),t("children-fill","flex: 1;"," > *"),e.join("")+"\n\n"}mergeDashed(...e){let t=[];return e.map(e=>{e&&""!==e&&t.push(e)}),t.join("-")}valueToSvg(e){return e}addToLookup(e,t,a,r,i){e=this.mergeDashed(e,t,a);let s=[];this.lookup[e]||(this.lookup[e]=[]),s.push(i),r&&""!==r&&s.push(r),this.lookup[e].push(s)}addSvgToLookup(e,t,a,r,i){e=this.mergeDashed(e,t,a);this.lookup[e]={info:r,type:i}}}

package/dist/tokens/source/scssVariables/components-scw-alert-description-.json

@@ -45,8 +45,8 @@
     "outputSegmentRef": "description-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-alert-description-line-height: 1.172rem;",
-    "outputSegment": "$line-height: 1.172rem;",
+    "output": "$comp-scw-alert-description-line-height: 1.218rem;",
+    "outputSegment": "$line-height: 1.218rem;",
     "outputSegmentRef": "description-vars.$line-height"
   },
   "letter-spacing": {

package/dist/tokens/source/scssVariables/components-scw-alert-message-.json

@@ -45,8 +45,8 @@
     "outputSegmentRef": "message-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-alert-message-line-height: 1.172rem;",
-    "outputSegment": "$line-height: 1.172rem;",
+    "output": "$comp-scw-alert-message-line-height: 1.218rem;",
+    "outputSegment": "$line-height: 1.218rem;",
     "outputSegmentRef": "message-vars.$line-height"
   },
   "letter-spacing": {

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

@@ -25,23 +25,23 @@
     "outputSegmentRef": "index-vars.$stroke-align"
   },
   "corner-radius-top-left": {
-    "output": "$comp-scw-card-corner-radius-top-left: 0px;",
-    "outputSegment": "$corner-radius-top-left: 0px;",
+    "output": "$comp-scw-card-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-card-corner-radius-top-right: 0px;",
-    "outputSegment": "$corner-radius-top-right: 0px;",
+    "output": "$comp-scw-card-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-card-corner-radius-bottom-right: 0px;",
-    "outputSegment": "$corner-radius-bottom-right: 0px;",
+    "output": "$comp-scw-card-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-card-corner-radius-bottom-left: 0px;",
-    "outputSegment": "$corner-radius-bottom-left: 0px;",
+    "output": "$comp-scw-card-corner-radius-bottom-left: 5px;",
+    "outputSegment": "$corner-radius-bottom-left: 5px;",
     "outputSegmentRef": "index-vars.$corner-radius-bottom-left"
   },
   "width": {

package/dist/tokens/source/scssVariables/components-scw-card-color-checking-action-.json

@@ -15,23 +15,23 @@
     "outputSegmentRef": "color-checking-action-vars.$blend-mode"
   },
   "corner-radius-top-left": {
-    "output": "$comp-scw-card-color-checking-action-corner-radius-top-left: 10px;",
-    "outputSegment": "$corner-radius-top-left: 10px;",
+    "output": "$comp-scw-card-color-checking-action-corner-radius-top-left: 6px;",
+    "outputSegment": "$corner-radius-top-left: 6px;",
     "outputSegmentRef": "color-checking-action-vars.$corner-radius-top-left"
   },
   "corner-radius-top-right": {
-    "output": "$comp-scw-card-color-checking-action-corner-radius-top-right: 10px;",
-    "outputSegment": "$corner-radius-top-right: 10px;",
+    "output": "$comp-scw-card-color-checking-action-corner-radius-top-right: 6px;",
+    "outputSegment": "$corner-radius-top-right: 6px;",
     "outputSegmentRef": "color-checking-action-vars.$corner-radius-top-right"
   },
   "corner-radius-bottom-right": {
-    "output": "$comp-scw-card-color-checking-action-corner-radius-bottom-right: 10px;",
-    "outputSegment": "$corner-radius-bottom-right: 10px;",
+    "output": "$comp-scw-card-color-checking-action-corner-radius-bottom-right: 6px;",
+    "outputSegment": "$corner-radius-bottom-right: 6px;",
     "outputSegmentRef": "color-checking-action-vars.$corner-radius-bottom-right"
   },
   "corner-radius-bottom-left": {
-    "output": "$comp-scw-card-color-checking-action-corner-radius-bottom-left: 10px;",
-    "outputSegment": "$corner-radius-bottom-left: 10px;",
+    "output": "$comp-scw-card-color-checking-action-corner-radius-bottom-left: 6px;",
+    "outputSegment": "$corner-radius-bottom-left: 6px;",
     "outputSegmentRef": "color-checking-action-vars.$corner-radius-bottom-left"
   },
   "width": {

package/dist/tokens/source/scssVariables/components-scw-card-color-checking-description-.json

@@ -45,8 +45,8 @@
     "outputSegmentRef": "color-checking-description-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-card-color-checking-description-line-height: 1.318rem;",
-    "outputSegment": "$line-height: 1.318rem;",
+    "output": "$comp-scw-card-color-checking-description-line-height: 1.625rem;",
+    "outputSegment": "$line-height: 1.625rem;",
     "outputSegmentRef": "color-checking-description-vars.$line-height"
   },
   "letter-spacing": {
@@ -65,8 +65,8 @@
     "outputSegmentRef": "color-checking-description-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-card-color-checking-description-height: 22px;",
-    "outputSegment": "$height: 22px;",
+    "output": "$comp-scw-card-color-checking-description-height: 26px;",
+    "outputSegment": "$height: 26px;",
     "outputSegmentRef": "color-checking-description-vars.$height"
   },
   "constraint-horizontal": {
@@ -120,13 +120,13 @@
     "outputSegmentRef": "color-checking-description-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-card-color-checking-description-top: calc( var( --scw-spacing-1 ) * 41.7 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 41.7 );",
+    "output": "$comp-scw-card-color-checking-description-top: calc( var( --scw-spacing-1 ) * 41.3 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 41.3 );",
     "outputSegmentRef": "color-checking-description-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-card-color-checking-description-top-percent: 89.35%;",
-    "outputSegment": "$top-percent: 89.35%;",
+    "output": "$comp-scw-card-color-checking-description-top-percent: 88.94%;",
+    "outputSegment": "$top-percent: 88.94%;",
     "outputSegmentRef": "color-checking-description-vars.$top-percent"
   },
   "bottom": {

package/dist/tokens/source/scssVariables/components-scw-card-color-checking-heading-.json

@@ -70,18 +70,18 @@
     "outputSegmentRef": "color-checking-heading-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-card-color-checking-heading-top: calc( var( --scw-spacing-1 ) * 38 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 38 );",
+    "output": "$comp-scw-card-color-checking-heading-top: calc( var( --scw-spacing-1 ) * 37.6 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 37.6 );",
     "outputSegmentRef": "color-checking-heading-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-card-color-checking-heading-top-percent: 82.36%;",
-    "outputSegment": "$top-percent: 82.36%;",
+    "output": "$comp-scw-card-color-checking-heading-top-percent: 81.52%;",
+    "outputSegment": "$top-percent: 81.52%;",
     "outputSegmentRef": "color-checking-heading-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-card-color-checking-heading-bottom: var( --scw-spacing-7 );",
-    "outputSegment": "$bottom: var( --scw-spacing-7 );",
+    "output": "$comp-scw-card-color-checking-heading-bottom: calc( var( --scw-spacing-1 ) * 7.4 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 7.4 );",
     "outputSegmentRef": "color-checking-heading-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-card-color-checking-image-.json

@@ -40,8 +40,8 @@
     "outputSegmentRef": "color-checking-image-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-card-color-checking-image-height: 345px;",
-    "outputSegment": "$height: 345px;",
+    "output": "$comp-scw-card-color-checking-image-height: 341px;",
+    "outputSegment": "$height: 341px;",
     "outputSegmentRef": "color-checking-image-vars.$height"
   },
   "constraint-horizontal": {
@@ -100,13 +100,13 @@
     "outputSegmentRef": "color-checking-image-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-card-color-checking-image-top-percent: 36.01%;",
-    "outputSegment": "$top-percent: 36.01%;",
+    "output": "$comp-scw-card-color-checking-image-top-percent: 35.59%;",
+    "outputSegment": "$top-percent: 35.59%;",
     "outputSegmentRef": "color-checking-image-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-card-color-checking-image-bottom: calc( var( --scw-spacing-1 ) * 13.4 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 13.4 );",
+    "output": "$comp-scw-card-color-checking-image-bottom: calc( var( --scw-spacing-1 ) * 13.8 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 13.8 );",
     "outputSegmentRef": "color-checking-image-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-card-color-checking-super-heading-.json

@@ -45,8 +45,8 @@
     "outputSegmentRef": "color-checking-super-heading-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-card-color-checking-super-heading-line-height: 1.172rem;",
-    "outputSegment": "$line-height: 1.172rem;",
+    "output": "$comp-scw-card-color-checking-super-heading-line-height: 1.218rem;",
+    "outputSegment": "$line-height: 1.218rem;",
     "outputSegmentRef": "color-checking-super-heading-vars.$line-height"
   },
   "letter-spacing": {
@@ -120,18 +120,18 @@
     "outputSegmentRef": "color-checking-super-heading-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-card-color-checking-super-heading-top: calc( var( --scw-spacing-1 ) * 35.3 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.3 );",
+    "output": "$comp-scw-card-color-checking-super-heading-top: calc( var( --scw-spacing-1 ) * 34.9 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 34.9 );",
     "outputSegmentRef": "color-checking-super-heading-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-card-color-checking-super-heading-top-percent: 75.68%;",
-    "outputSegment": "$top-percent: 75.68%;",
+    "output": "$comp-scw-card-color-checking-super-heading-top-percent: 74.84%;",
+    "outputSegment": "$top-percent: 74.84%;",
     "outputSegmentRef": "color-checking-super-heading-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-card-color-checking-super-heading-bottom: calc( var( --scw-spacing-1 ) * 10.7 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 10.7 );",
+    "output": "$comp-scw-card-color-checking-super-heading-bottom: calc( var( --scw-spacing-1 ) * 11.1 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 11.1 );",
     "outputSegmentRef": "color-checking-super-heading-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-card-color-credit-cards-action-.json

@@ -15,23 +15,23 @@
     "outputSegmentRef": "color-credit-cards-action-vars.$blend-mode"
   },
   "corner-radius-top-left": {
-    "output": "$comp-scw-card-color-credit-cards-action-corner-radius-top-left: 10px;",
-    "outputSegment": "$corner-radius-top-left: 10px;",
+    "output": "$comp-scw-card-color-credit-cards-action-corner-radius-top-left: 6px;",
+    "outputSegment": "$corner-radius-top-left: 6px;",
     "outputSegmentRef": "color-credit-cards-action-vars.$corner-radius-top-left"
   },
   "corner-radius-top-right": {
-    "output": "$comp-scw-card-color-credit-cards-action-corner-radius-top-right: 10px;",
-    "outputSegment": "$corner-radius-top-right: 10px;",
+    "output": "$comp-scw-card-color-credit-cards-action-corner-radius-top-right: 6px;",
+    "outputSegment": "$corner-radius-top-right: 6px;",
     "outputSegmentRef": "color-credit-cards-action-vars.$corner-radius-top-right"
   },
   "corner-radius-bottom-right": {
-    "output": "$comp-scw-card-color-credit-cards-action-corner-radius-bottom-right: 10px;",
-    "outputSegment": "$corner-radius-bottom-right: 10px;",
+    "output": "$comp-scw-card-color-credit-cards-action-corner-radius-bottom-right: 6px;",
+    "outputSegment": "$corner-radius-bottom-right: 6px;",
     "outputSegmentRef": "color-credit-cards-action-vars.$corner-radius-bottom-right"
   },
   "corner-radius-bottom-left": {
-    "output": "$comp-scw-card-color-credit-cards-action-corner-radius-bottom-left: 10px;",
-    "outputSegment": "$corner-radius-bottom-left: 10px;",
+    "output": "$comp-scw-card-color-credit-cards-action-corner-radius-bottom-left: 6px;",
+    "outputSegment": "$corner-radius-bottom-left: 6px;",
     "outputSegmentRef": "color-credit-cards-action-vars.$corner-radius-bottom-left"
   },
   "width": {

package/dist/tokens/source/scssVariables/components-scw-card-color-credit-cards-description-.json

@@ -45,8 +45,8 @@
     "outputSegmentRef": "color-credit-cards-description-vars.$font-weight"
   },
   "line-height": {
-    "output": "$comp-scw-card-color-credit-cards-description-line-height: 1.318rem;",
-    "outputSegment": "$line-height: 1.318rem;",
+    "output": "$comp-scw-card-color-credit-cards-description-line-height: 1.625rem;",
+    "outputSegment": "$line-height: 1.625rem;",
     "outputSegmentRef": "color-credit-cards-description-vars.$line-height"
   },
   "letter-spacing": {
@@ -65,8 +65,8 @@
     "outputSegmentRef": "color-credit-cards-description-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-card-color-credit-cards-description-height: 22px;",
-    "outputSegment": "$height: 22px;",
+    "output": "$comp-scw-card-color-credit-cards-description-height: 26px;",
+    "outputSegment": "$height: 26px;",
     "outputSegmentRef": "color-credit-cards-description-vars.$height"
   },
   "constraint-horizontal": {
@@ -120,13 +120,13 @@
     "outputSegmentRef": "color-credit-cards-description-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-card-color-credit-cards-description-top: calc( var( --scw-spacing-1 ) * 41.7 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 41.7 );",
+    "output": "$comp-scw-card-color-credit-cards-description-top: calc( var( --scw-spacing-1 ) * 41.3 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 41.3 );",
     "outputSegmentRef": "color-credit-cards-description-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-card-color-credit-cards-description-top-percent: 89.35%;",
-    "outputSegment": "$top-percent: 89.35%;",
+    "output": "$comp-scw-card-color-credit-cards-description-top-percent: 88.94%;",
+    "outputSegment": "$top-percent: 88.94%;",
     "outputSegmentRef": "color-credit-cards-description-vars.$top-percent"
   },
   "bottom": {

package/dist/tokens/source/scssVariables/components-scw-card-color-credit-cards-heading-.json

@@ -70,18 +70,18 @@
     "outputSegmentRef": "color-credit-cards-heading-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-card-color-credit-cards-heading-top: calc( var( --scw-spacing-1 ) * 38 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 38 );",
+    "output": "$comp-scw-card-color-credit-cards-heading-top: calc( var( --scw-spacing-1 ) * 37.6 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 37.6 );",
     "outputSegmentRef": "color-credit-cards-heading-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-card-color-credit-cards-heading-top-percent: 82.36%;",
-    "outputSegment": "$top-percent: 82.36%;",
+    "output": "$comp-scw-card-color-credit-cards-heading-top-percent: 81.52%;",
+    "outputSegment": "$top-percent: 81.52%;",
     "outputSegmentRef": "color-credit-cards-heading-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-card-color-credit-cards-heading-bottom: var( --scw-spacing-7 );",
-    "outputSegment": "$bottom: var( --scw-spacing-7 );",
+    "output": "$comp-scw-card-color-credit-cards-heading-bottom: calc( var( --scw-spacing-1 ) * 7.4 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 7.4 );",
     "outputSegmentRef": "color-credit-cards-heading-vars.$bottom"
   },
   "left": {

package/dist/tokens/source/scssVariables/components-scw-card-color-credit-cards-image-.json

@@ -40,8 +40,8 @@
     "outputSegmentRef": "color-credit-cards-image-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-card-color-credit-cards-image-height: 345px;",
-    "outputSegment": "$height: 345px;",
+    "output": "$comp-scw-card-color-credit-cards-image-height: 341px;",
+    "outputSegment": "$height: 341px;",
     "outputSegmentRef": "color-credit-cards-image-vars.$height"
   },
   "constraint-horizontal": {
@@ -100,13 +100,13 @@
     "outputSegmentRef": "color-credit-cards-image-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-card-color-credit-cards-image-top-percent: 36.01%;",
-    "outputSegment": "$top-percent: 36.01%;",
+    "output": "$comp-scw-card-color-credit-cards-image-top-percent: 35.59%;",
+    "outputSegment": "$top-percent: 35.59%;",
     "outputSegmentRef": "color-credit-cards-image-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-card-color-credit-cards-image-bottom: calc( var( --scw-spacing-1 ) * 13.4 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 13.4 );",
+    "output": "$comp-scw-card-color-credit-cards-image-bottom: calc( var( --scw-spacing-1 ) * 13.8 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 13.8 );",
     "outputSegmentRef": "color-credit-cards-image-vars.$bottom"
   },
   "left": {