scu-web-components 0.0.14 → 0.0.17

package/dist/tokens/source/jsCssGeneratorSansAssets.js

@@ -1,4 +1,4 @@
-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="54fd2e4d-c1a0-4de5-9413-649a25635f55",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","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="004170dd-edc1-44df-9226-0cb36e53c34a",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}

package/dist/tokens/styles.css

@@ -325,6 +325,30 @@
 
 
 
+/* START preColorPatternHook */
+
+.scw-theme-primary,
+[scw-theme-primary],
+.scw-theme-primary [element],
+[scw-theme-primary] [element],
+[element][color=primary] {
+  --scw-color-01: var( --scw-color-primary-01 );
+  --scw-color-02: var( --scw-color-primary-02 );
+  --scw-color-03: var( --scw-color-primary-03 );
+  --scw-color-04: var( --scw-color-primary-04 );
+  --scw-color-05: var( --scw-color-primary-05 );
+  --scw-color: var( --scw-color-primary );
+  --scw-color-06: var( --scw-color-primary-06 );
+  --scw-color-07: var( --scw-color-primary-07 );
+  --scw-color-08: var( --scw-color-primary-08 );
+  --scw-color-09: var( --scw-color-primary-09 );
+  --scw-color-092: var( --scw-color-primary-092 );
+  --scw-color-095: var( --scw-color-primary-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-primary-01,
 [scw-background-color-primary-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-primary-01 ));
@@ -949,6 +973,32 @@
   background-color: var( --scw-color-095 , var( --scw-color-primary-095 ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-grey,
+[scw-theme-grey],
+.scw-theme-grey [element],
+[scw-theme-grey] [element],
+[element][color=grey] {
+  --scw-color-00: var( --scw-color-grey-00 );
+  --scw-color-01: var( --scw-color-grey-01 );
+  --scw-color-02: var( --scw-color-grey-02 );
+  --scw-color-03: var( --scw-color-grey-03 );
+  --scw-color-04: var( --scw-color-grey-04 );
+  --scw-color-05: var( --scw-color-grey-05 );
+  --scw-color: var( --scw-color-grey );
+  --scw-color-06: var( --scw-color-grey-06 );
+  --scw-color-07: var( --scw-color-grey-07 );
+  --scw-color-08: var( --scw-color-grey-08 );
+  --scw-color-09: var( --scw-color-grey-09 );
+  --scw-color-092: var( --scw-color-grey-092 );
+  --scw-color-095: var( --scw-color-grey-095 );
+  --scw-color-10: var( --scw-color-grey-10 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-grey-00,
 [scw-background-color-grey-00] {
   --background-color: var( --scw-color-grey-00 );
@@ -1677,6 +1727,21 @@
   background-color: var( --scw-color-grey-10 );
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-error,
+[scw-theme-error],
+.scw-theme-error [element],
+[scw-theme-error] [element],
+[element][color=error] {
+  --scw-color: var( --scw-color-error );
+  --scw-color-light: var( --scw-color-error-light );
+  --scw-color-dark: var( --scw-color-error-dark ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-error,
 [scw-background-color-error] {
   --background-color: var( --scw-color , var( --scw-color-error ));
@@ -1833,6 +1898,21 @@
   background-color: var( --scw-color-dark , var( --scw-color-error-dark ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-warning,
+[scw-theme-warning],
+.scw-theme-warning [element],
+[scw-theme-warning] [element],
+[element][color=warning] {
+  --scw-color: var( --scw-color-warning );
+  --scw-color-light: var( --scw-color-warning-light );
+  --scw-color-dark: var( --scw-color-warning-dark ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-warning,
 [scw-background-color-warning] {
   --background-color: var( --scw-color , var( --scw-color-warning ));
@@ -1989,6 +2069,21 @@
   background-color: var( --scw-color-dark , var( --scw-color-warning-dark ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-success,
+[scw-theme-success],
+.scw-theme-success [element],
+[scw-theme-success] [element],
+[element][color=success] {
+  --scw-color: var( --scw-color-success );
+  --scw-color-light: var( --scw-color-success-light );
+  --scw-color-dark: var( --scw-color-success-dark ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-success,
 [scw-background-color-success] {
   --background-color: var( --scw-color , var( --scw-color-success ));
@@ -2145,6 +2240,21 @@
   background-color: var( --scw-color-dark , var( --scw-color-success-dark ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-information,
+[scw-theme-information],
+.scw-theme-information [element],
+[scw-theme-information] [element],
+[element][color=information] {
+  --scw-color: var( --scw-color-information );
+  --scw-color-light: var( --scw-color-information-light );
+  --scw-color-dark: var( --scw-color-information-dark ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-information,
 [scw-background-color-information] {
   --background-color: var( --scw-color , var( --scw-color-information ));
@@ -2405,6 +2515,30 @@
   background-color: var( --scw-color-secondary );
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-mortgage,
+[scw-theme-mortgage],
+.scw-theme-mortgage [element],
+[scw-theme-mortgage] [element],
+[element][color=mortgage] {
+  --scw-color-01: var( --scw-color-mortgage-01 );
+  --scw-color-02: var( --scw-color-mortgage-02 );
+  --scw-color-03: var( --scw-color-mortgage-03 );
+  --scw-color-04: var( --scw-color-mortgage-04 );
+  --scw-color-05: var( --scw-color-mortgage-05 );
+  --scw-color: var( --scw-color-mortgage );
+  --scw-color-06: var( --scw-color-mortgage-06 );
+  --scw-color-07: var( --scw-color-mortgage-07 );
+  --scw-color-08: var( --scw-color-mortgage-08 );
+  --scw-color-09: var( --scw-color-mortgage-09 );
+  --scw-color-092: var( --scw-color-mortgage-092 );
+  --scw-color-095: var( --scw-color-mortgage-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-mortgage-01,
 [scw-background-color-mortgage-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-mortgage-01 ));
@@ -3029,6 +3163,30 @@
   background-color: var( --scw-color-095 , var( --scw-color-mortgage-095 ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-investments,
+[scw-theme-investments],
+.scw-theme-investments [element],
+[scw-theme-investments] [element],
+[element][color=investments] {
+  --scw-color-01: var( --scw-color-investments-01 );
+  --scw-color-02: var( --scw-color-investments-02 );
+  --scw-color-03: var( --scw-color-investments-03 );
+  --scw-color-04: var( --scw-color-investments-04 );
+  --scw-color-05: var( --scw-color-investments-05 );
+  --scw-color: var( --scw-color-investments );
+  --scw-color-06: var( --scw-color-investments-06 );
+  --scw-color-07: var( --scw-color-investments-07 );
+  --scw-color-08: var( --scw-color-investments-08 );
+  --scw-color-09: var( --scw-color-investments-09 );
+  --scw-color-092: var( --scw-color-investments-092 );
+  --scw-color-095: var( --scw-color-investments-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-investments-01,
 [scw-background-color-investments-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-investments-01 ));
@@ -3653,6 +3811,30 @@
   background-color: var( --scw-color-095 , var( --scw-color-investments-095 ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-credit-cards,
+[scw-theme-credit-cards],
+.scw-theme-credit-cards [element],
+[scw-theme-credit-cards] [element],
+[element][color=credit-cards] {
+  --scw-color-01: var( --scw-color-credit-cards-01 );
+  --scw-color-02: var( --scw-color-credit-cards-02 );
+  --scw-color-03: var( --scw-color-credit-cards-03 );
+  --scw-color-04: var( --scw-color-credit-cards-04 );
+  --scw-color-05: var( --scw-color-credit-cards-05 );
+  --scw-color: var( --scw-color-credit-cards );
+  --scw-color-06: var( --scw-color-credit-cards-06 );
+  --scw-color-07: var( --scw-color-credit-cards-07 );
+  --scw-color-08: var( --scw-color-credit-cards-08 );
+  --scw-color-09: var( --scw-color-credit-cards-09 );
+  --scw-color-092: var( --scw-color-credit-cards-092 );
+  --scw-color-095: var( --scw-color-credit-cards-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-credit-cards-01,
 [scw-background-color-credit-cards-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-credit-cards-01 ));
@@ -4277,6 +4459,30 @@
   background-color: var( --scw-color-095 , var( --scw-color-credit-cards-095 ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-student,
+[scw-theme-student],
+.scw-theme-student [element],
+[scw-theme-student] [element],
+[element][color=student] {
+  --scw-color-01: var( --scw-color-student-01 );
+  --scw-color-02: var( --scw-color-student-02 );
+  --scw-color-03: var( --scw-color-student-03 );
+  --scw-color-04: var( --scw-color-student-04 );
+  --scw-color-05: var( --scw-color-student-05 );
+  --scw-color: var( --scw-color-student );
+  --scw-color-06: var( --scw-color-student-06 );
+  --scw-color-07: var( --scw-color-student-07 );
+  --scw-color-08: var( --scw-color-student-08 );
+  --scw-color-09: var( --scw-color-student-09 );
+  --scw-color-092: var( --scw-color-student-092 );
+  --scw-color-095: var( --scw-color-student-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-student-01,
 [scw-background-color-student-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-student-01 ));
@@ -4901,6 +5107,30 @@
   background-color: var( --scw-color-095 , var( --scw-color-student-095 ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-savings,
+[scw-theme-savings],
+.scw-theme-savings [element],
+[scw-theme-savings] [element],
+[element][color=savings] {
+  --scw-color-01: var( --scw-color-savings-01 );
+  --scw-color-02: var( --scw-color-savings-02 );
+  --scw-color-03: var( --scw-color-savings-03 );
+  --scw-color-04: var( --scw-color-savings-04 );
+  --scw-color-05: var( --scw-color-savings-05 );
+  --scw-color: var( --scw-color-savings );
+  --scw-color-06: var( --scw-color-savings-06 );
+  --scw-color-07: var( --scw-color-savings-07 );
+  --scw-color-08: var( --scw-color-savings-08 );
+  --scw-color-09: var( --scw-color-savings-09 );
+  --scw-color-092: var( --scw-color-savings-092 );
+  --scw-color-095: var( --scw-color-savings-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-savings-01,
 [scw-background-color-savings-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-savings-01 ));
@@ -5525,6 +5755,30 @@
   background-color: var( --scw-color-095 , var( --scw-color-savings-095 ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-checking,
+[scw-theme-checking],
+.scw-theme-checking [element],
+[scw-theme-checking] [element],
+[element][color=checking] {
+  --scw-color-01: var( --scw-color-checking-01 );
+  --scw-color-02: var( --scw-color-checking-02 );
+  --scw-color-03: var( --scw-color-checking-03 );
+  --scw-color-04: var( --scw-color-checking-04 );
+  --scw-color-05: var( --scw-color-checking-05 );
+  --scw-color: var( --scw-color-checking );
+  --scw-color-06: var( --scw-color-checking-06 );
+  --scw-color-07: var( --scw-color-checking-07 );
+  --scw-color-08: var( --scw-color-checking-08 );
+  --scw-color-09: var( --scw-color-checking-09 );
+  --scw-color-092: var( --scw-color-checking-092 );
+  --scw-color-095: var( --scw-color-checking-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-checking-01,
 [scw-background-color-checking-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-checking-01 ));
@@ -6149,6 +6403,30 @@
   background-color: var( --scw-color-095 , var( --scw-color-checking-095 ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-red-shoes,
+[scw-theme-red-shoes],
+.scw-theme-red-shoes [element],
+[scw-theme-red-shoes] [element],
+[element][color=red-shoes] {
+  --scw-color-01: var( --scw-color-red-shoes-01 );
+  --scw-color-02: var( --scw-color-red-shoes-02 );
+  --scw-color-03: var( --scw-color-red-shoes-03 );
+  --scw-color-04: var( --scw-color-red-shoes-04 );
+  --scw-color-05: var( --scw-color-red-shoes-05 );
+  --scw-color: var( --scw-color-red-shoes );
+  --scw-color-06: var( --scw-color-red-shoes-06 );
+  --scw-color-07: var( --scw-color-red-shoes-07 );
+  --scw-color-08: var( --scw-color-red-shoes-08 );
+  --scw-color-09: var( --scw-color-red-shoes-09 );
+  --scw-color-092: var( --scw-color-red-shoes-092 );
+  --scw-color-095: var( --scw-color-red-shoes-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-red-shoes-01,
 [scw-background-color-red-shoes-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-red-shoes-01 ));
@@ -6773,6 +7051,30 @@
   background-color: var( --scw-color-095 , var( --scw-color-red-shoes-095 ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-business,
+[scw-theme-business],
+.scw-theme-business [element],
+[scw-theme-business] [element],
+[element][color=business] {
+  --scw-color-01: var( --scw-color-business-01 );
+  --scw-color-02: var( --scw-color-business-02 );
+  --scw-color-03: var( --scw-color-business-03 );
+  --scw-color-04: var( --scw-color-business-04 );
+  --scw-color-05: var( --scw-color-business-05 );
+  --scw-color: var( --scw-color-business );
+  --scw-color-06: var( --scw-color-business-06 );
+  --scw-color-07: var( --scw-color-business-07 );
+  --scw-color-08: var( --scw-color-business-08 );
+  --scw-color-09: var( --scw-color-business-09 );
+  --scw-color-092: var( --scw-color-business-092 );
+  --scw-color-095: var( --scw-color-business-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-business-01,
 [scw-background-color-business-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-business-01 ));
@@ -7397,6 +7699,30 @@
   background-color: var( --scw-color-095 , var( --scw-color-business-095 ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-personal,
+[scw-theme-personal],
+.scw-theme-personal [element],
+[scw-theme-personal] [element],
+[element][color=personal] {
+  --scw-color-01: var( --scw-color-personal-01 );
+  --scw-color-02: var( --scw-color-personal-02 );
+  --scw-color-03: var( --scw-color-personal-03 );
+  --scw-color-04: var( --scw-color-personal-04 );
+  --scw-color-05: var( --scw-color-personal-05 );
+  --scw-color: var( --scw-color-personal );
+  --scw-color-06: var( --scw-color-personal-06 );
+  --scw-color-07: var( --scw-color-personal-07 );
+  --scw-color-08: var( --scw-color-personal-08 );
+  --scw-color-09: var( --scw-color-personal-09 );
+  --scw-color-092: var( --scw-color-personal-092 );
+  --scw-color-095: var( --scw-color-personal-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-personal-01,
 [scw-background-color-personal-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-personal-01 ));
@@ -8021,6 +8347,30 @@
   background-color: var( --scw-color-095 , var( --scw-color-personal-095 ));
 }
 
+/* START preColorPatternHook */
+
+.scw-theme-heloc,
+[scw-theme-heloc],
+.scw-theme-heloc [element],
+[scw-theme-heloc] [element],
+[element][color=heloc] {
+  --scw-color-01: var( --scw-color-heloc-01 );
+  --scw-color-02: var( --scw-color-heloc-02 );
+  --scw-color-03: var( --scw-color-heloc-03 );
+  --scw-color-04: var( --scw-color-heloc-04 );
+  --scw-color-05: var( --scw-color-heloc-05 );
+  --scw-color: var( --scw-color-heloc );
+  --scw-color-06: var( --scw-color-heloc-06 );
+  --scw-color-07: var( --scw-color-heloc-07 );
+  --scw-color-08: var( --scw-color-heloc-08 );
+  --scw-color-09: var( --scw-color-heloc-09 );
+  --scw-color-092: var( --scw-color-heloc-092 );
+  --scw-color-095: var( --scw-color-heloc-095 ); 
+}
+
+/* END preColorPatternHook */
+
+
 .scw-background-color-heloc-01,
 [scw-background-color-heloc-01] {
   --background-color: var( --scw-color-01 , var( --scw-color-heloc-01 ));