scu-web-components 0.0.11 → 0.0.14

package/dist/tokens/source/jsCssGeneratorSansAssets.js

@@ -1,38 +1,29 @@
-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":{10:{"":["10","1600px","0px"]},"01":{"":["01","320px","0px"]},"02":{"":["02","450px","0px"]},sm:{"":["sm","450px","0px"]},"03":{"":["03","600px","0px"]},"04":{"":["04","750px","0px"]},"05":{"":["05","900px","0px"]},"06":{"":["06","1024px","0px"]},md:{"":["md","1024px","0px"]},"07":{"":["07","1150px","0px"]},"08":{"":["08","1300px","0px"]},lg:{"":["lg","1300px","0px"]},"09":{"":["09","1450px","0px"]}}},this.prefix="scw",this.uuid="831d8fd5-4a4f-4703-b7f1-9c583c99f1ae",this.initialized=!1,this.lookup,this.css_vars_root=":root ",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,Array.isArray(this.config.breakpoints)?this.breakpoints=e.breakpoints:this.breakpoints=!1}async buildCss(){this.version&&(this.css_vars_root=`[${this.version}]`,this.css_classes_root=`[${this.version}]`,this.css_comp_suffix="-"+this.version),this.lookup={};let t=`/*
-`;return t=(t=(t=(t=(t=(t+=`* CREATED: ${new Date}
+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=`/*
+`,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=(t=(t+=this.generateCssClasses())+this.generateColumnClasses())+this.generateSpacingClasses()),t=(t+=this.generateLayoutHelperClasses())+this.generateAlignmentClasses(),this.extraCssPromise&&await this.extraCssPromise().then(e=>{t+=`
+`)+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,lookup:this.lookup}}createCssVariableFunk(e,t,a,r,s){const i=this.createCssVariableName(e,t,a,r);return(e,t)=>{t=t||"",s.push(`  ${i}${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 t=[];return this.breakpoints&&this.breakpoints.map(e=>{t.push(this.__generateCssVariables(e))}),`
-      ${this.__generateCssVariables()}
-      ${t.join("\n\n")}
-    `}__generateCssVariables(e){const g=[];let h="";return e&&(g.push(this._generateBreakpointHeader(e)),h="-"+e.name),Object.entries(this.tokens).map(e=>{var t=e[0].split("|");const r=t[0],o=t[1];t=e[1];Object.entries(t).map(e=>{let n=e[0],t=this.css_vars_root;var a=n.split(":"),a=(1<a.length&&(n=a[0],t=`[${this.prefix}-${a[1]}]`,this.version&&(t=`${this.css_vars_root} ${t},
-`+this.css_vars_root+t)),e[1]);g.push(t+` {
-`),Object.entries(a).map(e=>{var t,a=e[0];const s=e[1],i=this.createCssVariableFunk(this.prefix,o,n,a,g);switch(r){case"COLORS":i(s[0],h);break;case"EFFECTS":i(s[0],"-shadow"+h);break;case"LAYOUTS":this.units.map(r=>{this.subUnits.map(e=>{if(!(-1===this.subUnitAttachments.indexOf(r)&&0<e))if(1===r&&0===e)i(s[0],h);else{const t=this.createCssVariableFunk(this.prefix,o,n,r+(e?"-"+e:""),g),a=r+e/12;t(`calc( var( --${this.prefix}-${n}-1${h} ) *  ${a.toFixed(3)} )`,h)}})});break;case"TYPOGRAPHY":s[6]&&i(s[6],"-opentype-flags"+h),i(`${s[2]} ${s[0]}/${s[3]} `+s[1],"-font"+h);break;case"ICONS":"svg"===a?this.assetsUrl?(t=`${this.assetsUrl}/icon-${n}.svg`,i(t,h),this.addSvgToLookup("svg-"+n,!1,!1,t,"url")):(i(this.valueToSvg(s[0],h)),this.addSvgToLookup("svg-"+n,!1,!1,s[0],"svg")):i(s[0],"-size"+h);break;case"GRAPHICS":"svg"===a?this.assetsUrl?(t=`${this.assetsUrl}/graphic-${n}.svg`,i(t,h),this.addSvgToLookup("svg-"+n,!1,!1,t,"url")):(i(this.valueToSvg(s[0])),this.addSvgToLookup("svg-"+n,!1,!1,s[0],"svg")):(i(s[0],"-width"+h),i(s[1],"-height"+h))}}),g.push(`}
-`)})}),e&&g.push("}"),g.join("")}createCssClassFunk(g,h,l,p,m,c){return(e,t,a,r)=>{a=a||"";var s=this.mergeDashed(g,e,h,l,c?c.name:void 0);let i=t;Array.isArray(t)&&(i=t.join("\n  "));const n=[],o=[];!0===m&&(this.processSelector(n,this.css_classes_root,""+s+a,!1),this.css_comp_suffix&&0<this.css_comp_suffix.length&&this.processSelector(n,this.css_classes_root,""+s+this.css_comp_suffix+a,!1)),!0===r?(t=this.mergeDashed(g,e,h,l+"s",c?c.name:void 0),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,l+"s",a,i)):(this.classes&&this.processSelector(n,this.css_classes_root,"."+s+a),this.attributes&&this.processSelector(n,this.css_classes_root,`[${s}]`+a)),o.push(""+n.join(",\n")+`
+ `+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+` {
+`),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} 
-}`),this.addToLookup(e,h,l,a,i),p.push(o.join("")),p.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 t=[];return this.breakpoints&&this.breakpoints.map(e=>{t.push(this.___generateCssClasses(e))}),`
-        ${this.___generateCssClasses()}
-        ${t.join("\n\n")}
-      `}___generateCssClasses(p){const m=[];return p&&m.push(this._generateBreakpointHeader(p)),Object.entries(this.tokens).map(e=>{var t=e[0].split("|");const h=t[0],l=t[1];t=e[1];Object.entries(t).map(e=>{const g=e[0];var t=g.split(":");1<t.length&&"root"!==t[1]||(t=e[1],Object.entries(t).map(e=>{var t,a=e[0],r=e[1],s=this.createCssVariableName(this.prefix,l,g,a),i=this.createCssVariableNameStub(this.prefix,l,g);const n=this.createCssClassFunk(this.prefix,g,a,m,!1,p);switch(h){case"COLORS":n("color",`color: var( ${s} ); --color: var( ${s} );`),n("background-color",`background-color: var( ${s} ); --background-color: var( ${s} );`),n("border",`border: 1px solid var( ${s} );`),n("border-color",`border-color: var( ${s} );`),n("border-top-bottom",`border-top: 1px solid var( ${s} );
- border-bottom: 1px solid var( ${s} );`),n("border-top",`border-top: 1px solid var( ${s} );`),n("border-bottom",`border-bottom: 1px solid var( ${s} );`),n("border-left-right",`border-left: 1px solid var( ${s} );
- border-right: 1px solid var( ${s} );`),n("border-left",`border-left: 1px solid var( ${s} );`),n("border-right",`border-right: 1px solid var( ${s} );`),n("color-hover",`color: var( ${s} ); --color: var( ${s} );`,":hover"),n("background-color-hover",`background-color: var( ${s} ); --background-color: var( ${s} );`,":hover");break;case"EFFECTS":n("",`box-shadow: var( ${s}-shadow );`);break;case"LAYOUTS":break;case"TYPOGRAPHY":const o=[`font: var( ${s}-font );`];r[5]&&o.push(`font-feature-settings: var( ${s}-opentype-flags );`),n("",o);break;case"ICONS":"svg"!==a&&(t=[`width: var( ${s}-size );`,`height: var( ${s}-size );`,`background-size: var( ${s}-size ) var( ${s}-size );`,"display: block;",`background-image: var( ${s}-svg );`,"background-position: center;","background-repeat: no-repeat;",`--svg: var( ${i}-svg );`,`--svg-name: ${g};`,`--svg-width: var( ${s}-size );`,`--svg-height: var( ${s}-size ); `],n("icon",t));break;case"GRAPHICS":"svg"!==a&&(t=[`width: var( ${s}-width );`,`height: var( ${s}-height );`,`background-size: var( ${s}-width ) var( ${s}-height );`,"display: block;",`background-image: var( ${s}-svg );`,"background-position: center;","background-repeat: no-repeat;",`--svg: var( ${i}-svg );`,`--svg-name: ${g};`,`--svg-width: var( ${s}-width );`,`--svg-height: var( ${s}-height );`],n("graphic",t));break;case"FONTS":p||m.push(`@font-face {
-  font-family: "${r[0]}";
-  src: ${this.assetsUrl?`url('${this.assetsUrl}/${r[1]}')`:r[4]};
-  font-weight: ${r[2]};
-  font-style: ${r[3]};
-}`)}}))})}),p&&m.push("}"),m.join("")+"\n\n"}generateColumnClasses(){const t=[];return this.breakpoints&&this.breakpoints.map(e=>{t.push(this.__generateColumnClasses("col",e)),t.push(this.__generateColumnClasses("colvw",e))}),`
+  ${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 {
+  font-family: "${e[0]}";
+  src: ${this.assetsUrl?`url('${this.assetsUrl}/${e[1]}')`:e[4]};
+  font-weight: ${e[2]};
+  font-style: ${e[3]};
+  font-display: swap;
+}`)})})}),a.join("")+"\n\n"}generateColumnClasses(){return`
         ${this.__generateColumnClasses("col")}
         ${this.__generateColumnClasses("colvw")}
-        ${t.join("\n\n")}
-      `}__generateColumnClasses(s,i){const n=[];return i&&n.push(this._generateBreakpointHeader(i)),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,s,t,n,!1,i);e=0===r&&0===e?"0":`var( --${this.prefix}-${s}-${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};`)}})}),i&&n.push("}"),n.join("")+"\n\n"}generateSpacingClasses(){const t=[];return this.breakpoints&&this.breakpoints.map(e=>{t.push(this.__generateSpacingClasses(e))}),`
-    ${this.__generateSpacingClasses()}
-    ${t.join("\n\n")}
-  `}__generateSpacingClasses(s){const i=[];return s&&i.push(this._generateBreakpointHeader(s)),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,s);e=0===r&&0===e?"0":`var( --${this.prefix}-spacing-${t} )`;a("size",`width: ${e}; 
+        ${[].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}; 
  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}; 
@@ -41,19 +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)}})}),s&&i.push("}"),i.join("")+"\n\n"}generateGapSpacingClasses(){const t=[];return this.breakpoints&&this.breakpoints.map(e=>{t.push(this.__generateGapSpacingClasses(e))}),`
-    ${this.__generateGapSpacingClasses()}
-    ${t.join("\n\n")}
-  `}__generateGapSpacingClasses(s){const i=[];return s&&i.push(this._generateBreakpointHeader(s)),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,s);e=0===r&&0===e?"0":`var( --${this.prefix}-spacing-${t} )`;a("gap",`--gap: ${e};`," > *",!0)}})}),s&&i.push("}"),i.join("")+"\n\n"}generateLayoutClasses(){const t=[];return this.breakpoints&&this.breakpoints.map(e=>{t.push(this.__generateLayoutClasses(e))}),`
-      ${this.__generateLayoutClasses()}
-      ${t.join("\n\n")}
-    `}__generateLayoutClasses(e){const t=[],a=this.createCssClassFunk(this.prefix,"","",t,!0,e);return e&&t.push(this._generateBreakpointHeader(e)),a("stack",[...this.getInitComponentCss("  "),"display: block;"]),a("stack",[...this.getInitComponentCss("  "),"--gap-h-int: 0px;","--gap-v-int: var( --gap, var( --gap-v, initial ));","width: 100%;"]," > *:nth-child(n)"),a("stack",["--gap-v-int: 0px;"]," > *:last-child"),a("layout",[...this.getInitComponentCss("  "),"display: block;"]),a("layout",[...this.getInitComponentCss("  "),"--gap-h-int: 0px;","--gap-v-int: var( --gap, var( --gap-v, initial ));","width: 100%;"]," > *:nth-child(n)"),a("layout",["--gap-v-int: 0px;"]," > *:last-child"),a("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 );"]),a("flex-h",[...this.getInitComponentCss("    "),"--gap-h-int: var( --gap , var( --gap-h, initial ));","--gap-v-int: 0px;"]," > *:nth-child(n)"),a("flex-h",["--gap-h-int: 0px;"]," > *:last-child"),a("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 );"]),a("flex-v",[...this.getInitComponentCss("    "),"--gap-h-int:  0px;","--gap-v-int: var( --gap , var( --gap-v, initial ));"]," > *:nth-child(n)"),a("flex-v",["--gap-v-int: 0px;"]," > *:last-child"),a("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 );"]),a("center",[...this.getInitComponentCss("    "),"--gap-h-int:  0px;","--gap-v-int: var( --gap , var( --gap-v, initial ));"]," > *:nth-child(n)"),a("center",["--gap-v-int: 0px;"]," > *:last-child"),a("float",[...this.getInitComponentCss("  "),"display: block;"]),a("float",['content: "";',"clear: both;","display: table;"],"::after"),a("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)"),a("float",[...this.getInitComponentCss("    "),"--gap-v-int: 0px;"]," > *:last-child"),e&&t.push("}"),t.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 t=[];return this.breakpoints&&this.breakpoints.map(e=>{t.push(this.__generateLayoutHelperClasses(e))}),`
-      ${this.__generateLayoutHelperClasses()}
-      ${t.join("\n\n")}
-    `}__generateLayoutHelperClasses(e){const t=[],a=this.createCssClassFunk(this.prefix,"","",t,!1,e),r=(e&&t.push(this._generateBreakpointHeader(e)),a("scroll-y",["overflow-y: auto;"]),a("hide",["display: none;"]),a("fill-container",["position: absolute;","left: 0;","right: 0;","top: 0;","bottom: 0;"],":nth-child(n)"),this.createCssClassFunk(this.prefix,"","",t,!0,e));return["","1","2","3","4","5","6","7","8","9"].map(e=>{r("fill"+(""!==e?"-"+e:e),[`flex: ${""===e?"1":e};`])}),e&&t.push("}"),t.join("")+"\n\n"}generateAlignmentClasses(){const t=[];return this.breakpoints&&this.breakpoints.map(e=>{t.push(this.__generateAlignmentClasses(e))}),`
-        ${this.__generateAlignmentClasses()}
-        ${t.join("\n\n")}
-      `}__generateAlignmentClasses(e){const t=[],a=this.createCssClassFunk(this.prefix,"","",t,!1,e);e&&t.push(this._generateBreakpointHeader(e));var r=["--ai-h: center;","--jc-h: center;","--ai-v: center;","--jc-v: center;"],r=(a("alignment-center",r),a("alignment-center-center",r),["--ai-h: center;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: center;"]),r=(a("alignment-center-left",r),a("alignment-left-center",r),["--ai-h: center;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: center;"]),r=(a("alignment-center-right",r),a("alignment-right-center",r),["--ai-h: flex-start;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: flex-start;"]),r=(a("alignment-top",r),a("alignment-top-left",r),a("alignment-left-top",r),a("alignment-left",r),["--ai-h: flex-start;","--jc-h: center;","--ai-v: center;","--jc-v: flex-start;"]),r=(a("alignment-top-center",r),a("alignment-center-top",r),["--ai-h: flex-start;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: flex-start;"]),r=(a("alignment-top-right",r),a("alignment-right-top",r),a("alignment-right",r),["--ai-h: stretch;","--jc-h: flex-start;","--ai-v: stretch;","--jc-v: flex-start;"]),r=(a("alignment-top-stretch",r),a("alignment-stretch",r),["--ai-h: flex-end;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: flex-end;"]),r=(a("alignment-bottom",r),a("alignment-bottom-left",r),a("alignment-left-bottom",r),["--ai-h: flex-end;","--jc-h: center;","--ai-v: center;","--jc-v: flex-end;"]),r=(a("alignment-bottom-center",r),a("alignment-center-bottom",r),["--ai-h: flex-end;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: flex-end;"]),r=(a("alignment-bottom-right",r),a("alignment-right-bottom",r),["--ai-h: stretch;","--jc-h: flex-start;","--ai-v: stretch;","--jc-v: flex-start;"]),r=(a("alignment-stretch",r),a("alignment-stretch-top",r),a("alignment-top-stretch",r),["--ai-h: stretch;","--jc-h: flex-end;","--ai-v: stretch;","--jc-v: flex-end;"]),r=(a("alignment-stretch-right",r),a("alignment-right-stretch",r),a("alignment-stretch-bottom",r),a("alignment-bottom-stretch",r),["--ai-h: stretch;","--jc-h: center;","--ai-v: stretch;","--jc-v: center;"]),r=(a("alignment-stretch-center",r),a("alignment-center-stretch",r),["--ai-h: baseline;","--jc-h: flex-start;","--ai-v: flex-start;","--jc-v: flex-start;"]),r=(a("alignment-baseline",r),a("alignment-baseline-left",r),a("alignment-left-baseline",r),["--ai-h: baseline;","--jc-h: flex-end;","--ai-v: flex-end;","--jc-v: flex-start;"]),r=(a("alignment-baseline-right",r),a("alignment-right-baseline",r),["--ai-h: baseline;","--jc-h: center;","--ai-v: center;","--jc-v: flex-start;"]);return a("alignment-baseline-center",r),a("alignment-center-baseline",r),a("fill-children","flex: 1;"," > *"),a("children-fill","flex: 1;"," > *"),e&&t.push("}"),t.join("")+"\n\n"}mergeDashed(...e){let t=[];return e.map(e=>{e&&""!==e&&t.push(e)}),t.join("-")}valueToSvg(e){return"url('data:image/svg+xml;utf8,"+e.replace(/#/g,"%23")+"')"}_generateBreakpointHeader(e){return`
-@media only screen ${e.maxWidth?` and (max-width: ${e.maxWidth}px)`:""} ${e.minWidth?` and (min-width: ${e.minWidth}px)`:""} {
-
-`}addToLookup(e,t,a,r,s){e=this.mergeDashed(e,t,a);let i=[];this.lookup[e]||(this.lookup[e]=[]),i.push(s),r&&""!==r&&i.push(r),this.lookup[e].push(i)}addSvgToLookup(e,t,a,r,s){e=this.mergeDashed(e,t,a);this.lookup[e]={info:r,type:s}}}
+ 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}}}

package/dist/tokens/source/tokens.json

@@ -100416,411 +100416,7 @@
       "name": "Breakpoints",
       "exportName": "breakpoint",
       "fullExportName": "breakpoint",
-      "patterns": [
-        {
-          "id": "breakpoints-01",
-          "name": "01",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "01",
-          "fullExportName": "breakpoint-01",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-01-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-01",
-              "values": {
-                "name": [
-                  "01",
-                  "string"
-                ],
-                "max-width": [
-                  320,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-02",
-          "name": "02",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "02",
-          "fullExportName": "breakpoint-02",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-02-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-02",
-              "values": {
-                "name": [
-                  "02",
-                  "string"
-                ],
-                "max-width": [
-                  450,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-sm",
-          "name": "sm",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "sm",
-          "fullExportName": "breakpoint-sm",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-sm-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-sm",
-              "values": {
-                "name": [
-                  "sm",
-                  "string"
-                ],
-                "max-width": [
-                  450,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-03",
-          "name": "03",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "03",
-          "fullExportName": "breakpoint-03",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-03-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-03",
-              "values": {
-                "name": [
-                  "03",
-                  "string"
-                ],
-                "max-width": [
-                  600,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-04",
-          "name": "04",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "04",
-          "fullExportName": "breakpoint-04",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-04-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-04",
-              "values": {
-                "name": [
-                  "04",
-                  "string"
-                ],
-                "max-width": [
-                  750,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-05",
-          "name": "05",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "05",
-          "fullExportName": "breakpoint-05",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-05-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-05",
-              "values": {
-                "name": [
-                  "05",
-                  "string"
-                ],
-                "max-width": [
-                  900,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-06",
-          "name": "06",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "06",
-          "fullExportName": "breakpoint-06",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-06-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-06",
-              "values": {
-                "name": [
-                  "06",
-                  "string"
-                ],
-                "max-width": [
-                  1024,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-md",
-          "name": "md",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "md",
-          "fullExportName": "breakpoint-md",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-md-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-md",
-              "values": {
-                "name": [
-                  "md",
-                  "string"
-                ],
-                "max-width": [
-                  1024,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-07",
-          "name": "07",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "07",
-          "fullExportName": "breakpoint-07",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-07-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-07",
-              "values": {
-                "name": [
-                  "07",
-                  "string"
-                ],
-                "max-width": [
-                  1150,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-08",
-          "name": "08",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "08",
-          "fullExportName": "breakpoint-08",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-08-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-08",
-              "values": {
-                "name": [
-                  "08",
-                  "string"
-                ],
-                "max-width": [
-                  1300,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-lg",
-          "name": "lg",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "lg",
-          "fullExportName": "breakpoint-lg",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-lg-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-lg",
-              "values": {
-                "name": [
-                  "lg",
-                  "string"
-                ],
-                "max-width": [
-                  1300,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-09",
-          "name": "09",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "09",
-          "fullExportName": "breakpoint-09",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-09-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-09",
-              "values": {
-                "name": [
-                  "09",
-                  "string"
-                ],
-                "max-width": [
-                  1450,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        },
-        {
-          "id": "breakpoints-10",
-          "name": "10",
-          "type": "BREAKPOINT_TOKEN",
-          "exportName": "10",
-          "fullExportName": "breakpoint-10",
-          "children": [],
-          "valuesets": [
-            {
-              "id": "breakpoints-10-",
-              "name": "",
-              "exportName": "",
-              "fullExportName": "breakpoint-10",
-              "values": {
-                "name": [
-                  "10",
-                  "string"
-                ],
-                "max-width": [
-                  1600,
-                  "size"
-                ],
-                "min-width": [
-                  0,
-                  "size"
-                ]
-              }
-            }
-          ],
-          "baseValues": {}
-        }
-      ]
+      "patterns": []
     }
   ],
   "styles": {