scu-web-components 0.0.74 → 0.0.76

package/dist/tokens/source/jsCssGeneratorSansAssets.js

@@ -2,9 +2,9 @@
   export default class JsCssGenerator {
   
     constructor (config) { // (version, extraCssPromise, assetsUrl, config ) {
-      this.tokens = {"COLORS|color":{"primary":{"01":["rgba(28,74,5,1)"],"02":["rgba(41,95,14,1)"],"03":["rgba(52,110,6,1)"],"04":["rgba(63,121,15,1)"],"05":["rgba(75,132,29,1)"],"":["rgba(75,132,29,1)"],"06":["rgba(99,166,10,1)"],"07":["rgba(158,201,101,1)"],"08":["rgba(200,230,160,1)"],"09":["rgba(232,247,212,1)"],"092":["rgba(239,255,223,1)"],"095":["rgba(246,255,237,1)"]},"grey":{"10":["rgba(255,255,255,1)"],"00":["rgba(0,0,0,1)"],"01":["rgba(29,30,32,1)"],"02":["rgba(62,65,67,1)"],"03":["rgba(87,90,93,1)"],"04":["rgba(114,118,122,1)"],"05":["rgba(134,137,140,1)"],"":["rgba(134,137,140,1)"],"06":["rgba(154,158,160,1)"],"07":["rgba(177,180,183,1)"],"08":["rgba(194,197,200,1)"],"09":["rgba(218,220,223,1)"],"092":["rgba(235,238,240,1)"],"095":["rgba(246,247,249,1)"]},"error":{"":["rgba(228,109,114,1)"],"light":["rgba(249,230,230,1)"],"dark":["rgba(158,0,0,1)"]},"warning":{"":["rgba(255,134,66,1)"],"light":["rgba(255,214,191,1)"],"dark":["rgba(128,46,0,1)"]},"success":{"":["rgba(123,209,8,1)"],"light":["rgba(213,233,187,1)"],"dark":["rgba(72,121,6,1)"]},"information":{"":["rgba(252,231,40,1)"],"light":["rgba(255,250,208,1)"],"dark":["rgba(170,153,0,1)"]},"icon":{"":["rgba(1,1,1,1)"]},"secondary":{"":["rgba(87,90,93,1)"]},"mortgage":{"01":["rgba(74,2,57,1)"],"02":["rgba(92,1,75,1)"],"03":["rgba(107,4,83,1)"],"04":["rgba(136,6,105,1)"],"05":["rgba(162,0,125,1)"],"":["rgba(162,0,125,1)"],"06":["rgba(193,64,164,1)"],"07":["rgba(214,121,192,1)"],"08":["rgba(235,169,220,1)"],"09":["rgba(247,220,242,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,240,250,1)"]},"investments":{"01":["rgba(15,14,88,1)"],"02":["rgba(37,37,124,1)"],"03":["rgba(52,52,145,1)"],"04":["rgba(65,64,157,1)"],"05":["rgba(85,84,177,1)"],"":["rgba(85,84,177,1)"],"06":["rgba(117,116,195,1)"],"07":["rgba(160,159,219,1)"],"08":["rgba(200,199,237,1)"],"09":["rgba(227,226,248,1)"],"092":["rgba(232,231,249,1)"],"095":["rgba(244,244,255,1)"]},"credit-cards":{"01":["rgba(1,51,77,1)"],"02":["rgba(1,70,106,1)"],"03":["rgba(1,88,132,1)"],"04":["rgba(1,104,157,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(46,147,199,1)"],"07":["rgba(94,173,213,1)"],"08":["rgba(140,197,227,1)"],"09":["rgba(189,224,242,1)"],"092":["rgba(227,241,249,1)"],"095":["rgba(236,249,255,1)"]},"student":{"01":["rgba(1,56,49,1)"],"02":["rgba(0,75,67,1)"],"03":["rgba(0,94,83,1)"],"04":["rgba(0,113,100,1)"],"05":["rgba(0,131,116,1)"],"":["rgba(0,131,116,1)"],"06":["rgba(46,156,143,1)"],"07":["rgba(105,185,176,1)"],"08":["rgba(157,217,211,1)"],"09":["rgba(209,240,237,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(237,253,252,1)"]},"savings":{"01":["rgba(119,33,0,1)"],"02":["rgba(149,41,0,1)"],"03":["rgba(163,46,2,1)"],"04":["rgba(178,51,3,1)"],"05":["rgba(195,75,0,1)"],"":["rgba(195,75,0,1)"],"06":["rgba(230,118,47,1)"],"07":["rgba(242,165,109,1)"],"08":["rgba(250,209,167,1)"],"09":["rgba(255,235,211,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,247,239,1)"]},"checking":{"01":["rgba(49,6,67,1)"],"02":["rgba(64,21,83,1)"],"03":["rgba(92,40,114,1)"],"04":["rgba(119,57,145,1)"],"05":["rgba(148,77,178,1)"],"":["rgba(148,77,178,1)"],"06":["rgba(168,108,193,1)"],"07":["rgba(198,151,217,1)"],"08":["rgba(218,187,232,1)"],"09":["rgba(233,213,240,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(249,237,252,1)"]},"red-shoes":{"01":["rgba(90,7,9,1)"],"02":["rgba(117,15,18,1)"],"03":["rgba(143,23,27,1)"],"04":["rgba(171,31,36,1)"],"05":["rgba(201,40,45,1)"],"":["rgba(201,40,45,1)"],"06":["rgba(214,80,84,1)"],"07":["rgba(226,119,121,1)"],"08":["rgba(240,162,164,1)"],"09":["rgba(255,219,220,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,240,241,1)"]},"business":{"01":["rgba(83,72,1,1)"],"02":["rgba(111,96,1,1)"],"03":["rgba(141,122,1,1)"],"04":["rgba(168,145,1,1)"],"05":["rgba(199,172,0,1)"],"":["rgba(199,172,0,1)"],"06":["rgba(212,190,46,1)"],"07":["rgba(227,209,98,1)"],"08":["rgba(241,229,149,1)"],"09":["rgba(255,247,197,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,251,224,1)"]},"personal":{"01":["rgba(1,40,60,1)"],"02":["rgba(1,59,90,1)"],"03":["rgba(1,80,121,1)"],"04":["rgba(1,99,150,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(48,149,202,1)"],"07":["rgba(100,179,220,1)"],"08":["rgba(154,210,238,1)"],"09":["rgba(202,237,255,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(226,245,255,1)"]},"heloc":{"01":["rgba(41,17,75,1)"],"02":["rgba(56,28,92,1)"],"03":["rgba(76,44,118,1)"],"04":["rgba(101,63,149,1)"],"05":["rgba(128,91,177,1)"],"":["rgba(128,91,177,1)"],"06":["rgba(159,126,201,1)"],"07":["rgba(189,164,221,1)"],"08":["rgba(207,191,229,1)"],"09":["rgba(229,219,244,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(243,239,252,1)"]}},"TYPOGRAPHY|type":{"text":{"10":["2.5rem","'Proxima Nova'","400","3.045rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","400","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","400","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","400","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova'","400","1.5rem","0rem","none"],"":["1rem","'Proxima Nova'","400","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","400","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","400","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","400","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","400","0.703rem","0rem","none"]},"text-bold":{"10":["2.5rem","'Proxima Nova'","700","3.375rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","700","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","700","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","700","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","700","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova'","700","1.5rem","0rem","none"],"":["1rem","'Proxima Nova'","700","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","700","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","700","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","700","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","700","0.703rem","0rem","none"]},"text-bold-condensed":{"10":["2.5rem","'Proxima Nova Condensed'","700","3.375rem","0rem","none"],"09":["1.875rem","'Proxima Nova Condensed'","700","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova Condensed'","700","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova Condensed'","700","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova Condensed'","700","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova Condensed'","700","1.5rem","0rem","none"],"":["1rem","'Proxima Nova Condensed'","700","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova Condensed'","700","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova Condensed'","700","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova Condensed'","700","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova Condensed'","700","0.703rem","0rem","none"]},"text-mono":{"10":["2.5rem","'Proxima Nova'","400","3.045rem","0rem","none","\"lnum\", \"tnum\""],"09":["1.875rem","'Proxima Nova'","400","2.531rem","0rem","none","\"lnum\", \"tnum\""],"08":["1.5rem","'Proxima Nova'","400","2.025rem","0rem","none","\"lnum\", \"tnum\""],"07":["1.25rem","'Proxima Nova'","400","1.688rem","0rem","none","\"lnum\", \"tnum\""],"06":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none","\"lnum\", \"tnum\""],"05":["1rem","'Proxima Nova'","400","1.5rem","0rem","none","\"lnum\", \"tnum\""],"":["1rem","'Proxima Nova'","400","1.5rem","0rem","none","\"lnum\", \"tnum\""],"04":["0.875rem","'Proxima Nova'","400","1.313rem","0rem","none","\"lnum\", \"tnum\""],"03":["0.75rem","'Proxima Nova'","400","0.938rem","0rem","none","\"lnum\", \"tnum\""],"02":["0.6875rem","'Proxima Nova'","400","0.859rem","0rem","none","\"lnum\", \"tnum\""],"01":["0.5625rem","'Proxima Nova'","400","0.703rem","0rem","none","\"lnum\", \"tnum\""]}},"EFFECTS|effect":{"shadow":{"":["0px 0px 8px 0px rgba(0,0,0,0.27)"]},"focus":{"":["0px 0px 0px 2px rgba(53,155,249,1)"]}},"ICONS|icon":{"placeholder":{"svg":[""]},"close":{"svg":[""]},"instagram":{"svg":[""]},"check":{"svg":[""]},"download":{"svg":[""]},"menu":{"svg":[""]},"tester":{"svg":[""]},"linkedin":{"svg":[""]},"facebook":{"svg":[""]},"tiktok":{"svg":[""]},"location":{"svg":[""]},"location-dot":{"svg":[""]},"search":{"svg":[""]},"visible":{"svg":[""]},"hidden":{"svg":[""]},"lock":{"svg":[""]},"edit":{"svg":[""]},"envelope":{"svg":[""]},"external-link":{"svg":[""]},"crosshairs":{"svg":[""]},"message":{"svg":[""]},"minus":{"svg":[""]},"mobile":{"svg":[""]},"pdf":{"svg":[""]},"plus":{"svg":[""]},"chevron-up":{"svg":[""]},"chevron-down":{"svg":[""]},"chevron-left":{"svg":[""]},"chevron-right":{"svg":[""]},"clock":{"svg":[""]},"info":{"svg":[""]},"user":{"svg":[""]},"circle":{"svg":[""]},"code":{"svg":[""]},"print":{"svg":[""]},"instant-issue":{"svg":[""]},"night-deposit":{"svg":[""]},"drive-through-video-teller":{"svg":[""]},"drive-through":{"svg":[""]},"safe-deposit-box":{"svg":[""]},"smart-locker":{"svg":[""]},"notary":{"svg":[""]},"video-teller":{"svg":[""]},"atm":{"svg":[""]},"24-hr-atm":{"svg":[""]},"cash-boomerang":{"svg":[""]},"coin-machine":{"svg":[""]},"drive-through-teller":{"svg":[""]},"slider":{"svg":[""]},"document":{"svg":[""]},"checkbox":{"svg":[""]},"radio":{"svg":[""]},"checkbox-selected":{"svg":[""]},"radio-selected":{"svg":[""]},"checkbox-hover":{"svg":[""]},"radio-hover":{"svg":[""]},"checkbox-selected-hover":{"svg":[""]},"radio-selected-hover":{"svg":[""]},"checkbox-disabled":{"svg":[""]},"radio-disabled":{"svg":[""]},"checkbox-selected-disabled":{"svg":[""]},"radio-selected-disabled":{"svg":[""]},"color-test":{"svg":[""]}},"GRAPHICS|graphic":{"apple-app-store":{"svg":[""],"":["159px","47px"]},"logo":{"svg":[""],"":["143px","64px"]},"ncua":{"svg":[""],"":["108px","50px"]},"ehl":{"svg":[""],"":["53px","53px"]},"cash-boomerang":{"svg":[""],"":["296px","296px"]},"google-play-store":{"svg":[""],"":["159px","47px"]}},"LAYOUTS|":{"spacing":{"1":["0.625rem"]},"col":{"1":["8.3333%"]},"colvw":{"1":["8.3333vw"]}},"FONTS|font":{"proxima_nova condensed-700-normal":{"":["Proxima Nova Condensed","font-proxima_nova condensed-700-normal.otf","700","normal"]},"proxima_nova-700-normal":{"":["Proxima Nova","font-proxima_nova-700-normal.otf","700","normal"]},"proxima_nova-300-normal":{"":["Proxima Nova","font-proxima_nova-300-normal.otf","300","normal"]}},"BREAKPOINTS|breakpoint":{"sm":{"":["sm","0px","576px","1"]},"md":{"":["md","0px","768px","2"]},"lg":{"":["lg","0px","992px","3"]},"xlg":{"":["xlg","0px","1200px","4"]}}};
+      this.tokens = {"COLORS|color":{"primary":{"01":["rgba(28,74,5,1)"],"02":["rgba(41,95,14,1)"],"03":["rgba(52,110,6,1)"],"04":["rgba(63,121,15,1)"],"05":["rgba(75,132,29,1)"],"":["rgba(75,132,29,1)"],"06":["rgba(99,166,10,1)"],"07":["rgba(158,201,101,1)"],"08":["rgba(200,230,160,1)"],"09":["rgba(232,247,212,1)"],"092":["rgba(239,255,223,1)"],"095":["rgba(246,255,237,1)"]},"grey":{"10":["rgba(255,255,255,1)"],"00":["rgba(0,0,0,1)"],"01":["rgba(29,30,32,1)"],"02":["rgba(62,65,67,1)"],"03":["rgba(87,90,93,1)"],"04":["rgba(114,118,122,1)"],"05":["rgba(134,137,140,1)"],"":["rgba(134,137,140,1)"],"06":["rgba(154,158,160,1)"],"07":["rgba(177,180,183,1)"],"08":["rgba(194,197,200,1)"],"09":["rgba(218,220,223,1)"],"092":["rgba(235,238,240,1)"],"095":["rgba(246,247,249,1)"]},"error":{"":["rgba(228,109,114,1)"],"light":["rgba(249,230,230,1)"],"dark":["rgba(158,0,0,1)"]},"warning":{"":["rgba(255,134,66,1)"],"light":["rgba(255,214,191,1)"],"dark":["rgba(128,46,0,1)"]},"success":{"":["rgba(123,209,8,1)"],"light":["rgba(213,233,187,1)"],"dark":["rgba(72,121,6,1)"]},"information":{"":["rgba(252,231,40,1)"],"light":["rgba(255,250,208,1)"],"dark":["rgba(170,153,0,1)"]},"icon":{"":["rgba(1,1,1,1)"]},"secondary":{"":["rgba(87,90,93,1)"]},"mortgage":{"01":["rgba(74,2,57,1)"],"02":["rgba(92,1,75,1)"],"03":["rgba(107,4,83,1)"],"04":["rgba(136,6,105,1)"],"05":["rgba(162,0,125,1)"],"":["rgba(162,0,125,1)"],"06":["rgba(193,64,164,1)"],"07":["rgba(214,121,192,1)"],"08":["rgba(235,169,220,1)"],"09":["rgba(247,220,242,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,240,250,1)"]},"investments":{"01":["rgba(15,14,88,1)"],"02":["rgba(37,37,124,1)"],"03":["rgba(52,52,145,1)"],"04":["rgba(65,64,157,1)"],"05":["rgba(85,84,177,1)"],"":["rgba(85,84,177,1)"],"06":["rgba(117,116,195,1)"],"07":["rgba(160,159,219,1)"],"08":["rgba(200,199,237,1)"],"09":["rgba(227,226,248,1)"],"092":["rgba(232,231,249,1)"],"095":["rgba(244,244,255,1)"]},"credit-cards":{"01":["rgba(1,51,77,1)"],"02":["rgba(1,70,106,1)"],"03":["rgba(1,88,132,1)"],"04":["rgba(1,104,157,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(46,147,199,1)"],"07":["rgba(94,173,213,1)"],"08":["rgba(140,197,227,1)"],"09":["rgba(189,224,242,1)"],"092":["rgba(227,241,249,1)"],"095":["rgba(236,249,255,1)"]},"student":{"01":["rgba(1,56,49,1)"],"02":["rgba(0,75,67,1)"],"03":["rgba(0,94,83,1)"],"04":["rgba(0,113,100,1)"],"05":["rgba(0,131,116,1)"],"":["rgba(0,131,116,1)"],"06":["rgba(46,156,143,1)"],"07":["rgba(105,185,176,1)"],"08":["rgba(157,217,211,1)"],"09":["rgba(209,240,237,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(237,253,252,1)"]},"savings":{"01":["rgba(119,33,0,1)"],"02":["rgba(149,41,0,1)"],"03":["rgba(163,46,2,1)"],"04":["rgba(178,51,3,1)"],"05":["rgba(195,75,0,1)"],"":["rgba(195,75,0,1)"],"06":["rgba(230,118,47,1)"],"07":["rgba(242,165,109,1)"],"08":["rgba(250,209,167,1)"],"09":["rgba(255,235,211,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,247,239,1)"]},"checking":{"01":["rgba(49,6,67,1)"],"02":["rgba(64,21,83,1)"],"03":["rgba(92,40,114,1)"],"04":["rgba(119,57,145,1)"],"05":["rgba(148,77,178,1)"],"":["rgba(148,77,178,1)"],"06":["rgba(168,108,193,1)"],"07":["rgba(198,151,217,1)"],"08":["rgba(218,187,232,1)"],"09":["rgba(233,213,240,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(249,237,252,1)"]},"red-shoes":{"01":["rgba(90,7,9,1)"],"02":["rgba(117,15,18,1)"],"03":["rgba(143,23,27,1)"],"04":["rgba(171,31,36,1)"],"05":["rgba(201,40,45,1)"],"":["rgba(201,40,45,1)"],"06":["rgba(214,80,84,1)"],"07":["rgba(226,119,121,1)"],"08":["rgba(240,162,164,1)"],"09":["rgba(255,219,220,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,240,241,1)"]},"business":{"01":["rgba(83,72,1,1)"],"02":["rgba(111,96,1,1)"],"03":["rgba(141,122,1,1)"],"04":["rgba(168,145,1,1)"],"05":["rgba(199,172,0,1)"],"":["rgba(199,172,0,1)"],"06":["rgba(212,190,46,1)"],"07":["rgba(227,209,98,1)"],"08":["rgba(241,229,149,1)"],"09":["rgba(255,247,197,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,251,224,1)"]},"personal":{"01":["rgba(1,40,60,1)"],"02":["rgba(1,59,90,1)"],"03":["rgba(1,80,121,1)"],"04":["rgba(1,99,150,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(48,149,202,1)"],"07":["rgba(100,179,220,1)"],"08":["rgba(154,210,238,1)"],"09":["rgba(202,237,255,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(226,245,255,1)"]},"heloc":{"01":["rgba(41,17,75,1)"],"02":["rgba(56,28,92,1)"],"03":["rgba(76,44,118,1)"],"04":["rgba(101,63,149,1)"],"05":["rgba(128,91,177,1)"],"":["rgba(128,91,177,1)"],"06":["rgba(159,126,201,1)"],"07":["rgba(189,164,221,1)"],"08":["rgba(207,191,229,1)"],"09":["rgba(229,219,244,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(243,239,252,1)"]}},"TYPOGRAPHY|type":{"text":{"10":["2.5rem","'Proxima Nova'","400","3.045rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","400","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","400","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","400","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova'","400","1.5rem","0rem","none"],"":["1rem","'Proxima Nova'","400","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","400","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","400","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","400","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","400","0.703rem","0rem","none"]},"text-bold":{"10":["2.5rem","'Proxima Nova'","700","3.375rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","700","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","700","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","700","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","700","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova'","700","1.5rem","0rem","none"],"":["1rem","'Proxima Nova'","700","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","700","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","700","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","700","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","700","0.703rem","0rem","none"]},"text-bold-condensed":{"10":["2.5rem","'Proxima Nova Condensed'","700","3.375rem","0rem","none"],"09":["1.875rem","'Proxima Nova Condensed'","700","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova Condensed'","700","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova Condensed'","700","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova Condensed'","700","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova Condensed'","700","1.5rem","0rem","none"],"":["1rem","'Proxima Nova Condensed'","700","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova Condensed'","700","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova Condensed'","700","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova Condensed'","700","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova Condensed'","700","0.703rem","0rem","none"]},"text-mono":{"10":["2.5rem","'Proxima Nova'","400","3.045rem","0rem","none","\"lnum\", \"tnum\""],"09":["1.875rem","'Proxima Nova'","400","2.531rem","0rem","none","\"lnum\", \"tnum\""],"08":["1.5rem","'Proxima Nova'","400","2.025rem","0rem","none","\"lnum\", \"tnum\""],"07":["1.25rem","'Proxima Nova'","400","1.688rem","0rem","none","\"lnum\", \"tnum\""],"06":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none","\"lnum\", \"tnum\""],"05":["1rem","'Proxima Nova'","400","1.5rem","0rem","none","\"lnum\", \"tnum\""],"":["1rem","'Proxima Nova'","400","1.5rem","0rem","none","\"lnum\", \"tnum\""],"04":["0.875rem","'Proxima Nova'","400","1.313rem","0rem","none","\"lnum\", \"tnum\""],"03":["0.75rem","'Proxima Nova'","400","0.938rem","0rem","none","\"lnum\", \"tnum\""],"02":["0.6875rem","'Proxima Nova'","400","0.859rem","0rem","none","\"lnum\", \"tnum\""],"01":["0.5625rem","'Proxima Nova'","400","0.703rem","0rem","none","\"lnum\", \"tnum\""]}},"EFFECTS|effect":{"shadow":{"":["0px 0px 8px 0px rgba(0,0,0,0.27)"]},"focus":{"":["0px 0px 0px 2px rgba(53,155,249,1)"]}},"ICONS|icon":{"placeholder":{"svg":[""]},"close":{"svg":[""]},"instagram":{"svg":[""]},"check":{"svg":[""]},"download":{"svg":[""]},"menu":{"svg":[""]},"tester":{"svg":[""]},"linkedin":{"svg":[""]},"facebook":{"svg":[""]},"tiktok":{"svg":[""]},"location":{"svg":[""]},"location-dot":{"svg":[""]},"search":{"svg":[""]},"visible":{"svg":[""]},"hidden":{"svg":[""]},"lock":{"svg":[""]},"edit":{"svg":[""]},"envelope":{"svg":[""]},"external-link":{"svg":[""]},"crosshairs":{"svg":[""]},"message":{"svg":[""]},"minus":{"svg":[""]},"mobile":{"svg":[""]},"pdf":{"svg":[""]},"plus":{"svg":[""]},"chevron-up":{"svg":[""]},"chevron-down":{"svg":[""]},"chevron-left":{"svg":[""]},"chevron-right":{"svg":[""]},"clock":{"svg":[""]},"info":{"svg":[""]},"user":{"svg":[""]},"circle":{"svg":[""]},"code":{"svg":[""]},"print":{"svg":[""]},"instant-issue":{"svg":[""]},"night-deposit":{"svg":[""]},"drive-through-video-teller":{"svg":[""]},"drive-through":{"svg":[""]},"safe-deposit-box":{"svg":[""]},"smart-locker":{"svg":[""]},"notary":{"svg":[""]},"video-teller":{"svg":[""]},"alert-warning":{"svg":[""]},"card-group":{"svg":[""]},"car":{"svg":[""]},"chat-house":{"svg":[""]},"checklist":{"svg":[""]},"contactless-payment-2":{"svg":[""]},"debit-card-rate":{"svg":[""]},"hand-wave":{"svg":[""]},"heart-outlines":{"svg":[""]},"mobile-money-chat":{"svg":[""]},"mobile-transfer":{"svg":[""]},"resource-calculator":{"svg":[""]},"resource-checklist":{"svg":[""]},"resource-worksheet":{"svg":[""]},"resources":{"svg":[""]},"mobile-wallet":{"svg":[""]},"no-check":{"svg":[""]},"percentage":{"svg":[""]},"mobile-phone":{"svg":[""]},"mobile-phone-diagonal":{"svg":[""]},"mobile-phone-location":{"svg":[""]},"high-five":{"svg":[""]},"magnifying-glass-secure":{"svg":[""]},"mobile-deposit":{"svg":[""]},"hands":{"svg":[""]},"handshake":{"svg":[""]},"heart-hand":{"svg":[""]},"debit-card-stars":{"svg":[""]},"graduation-hat":{"svg":[""]},"graph":{"svg":[""]},"contract":{"svg":[""]},"credit-card":{"svg":[""]},"debit-card":{"svg":[""]},"computer-mortgage":{"svg":[""]},"connection":{"svg":[""]},"contactless-payment":{"svg":[""]},"chat-summit":{"svg":[""]},"cash-stack-large":{"svg":[""]},"cash-stack-small":{"svg":[""]},"chat-calculator":{"svg":[""]},"atm":{"svg":[""]},"branch":{"svg":[""]},"calculator":{"svg":[""]},"school":{"svg":[""]},"testimonial":{"svg":[""]},"women":{"svg":[""]},"zelle-1":{"svg":[""]},"zelle-2":{"svg":[""]},"zelle-3":{"svg":[""]},"alert-success":{"svg":[""]},"alert-info":{"svg":[""]},"alert-fail":{"svg":[""]},"24-hr-atm":{"svg":[""]},"coin-machine":{"svg":[""]},"drive-through-teller":{"svg":[""]},"slider":{"svg":[""]},"document":{"svg":[""]},"checkbox":{"svg":[""]},"radio":{"svg":[""]},"checkbox-selected":{"svg":[""]},"radio-selected":{"svg":[""]},"checkbox-hover":{"svg":[""]},"radio-hover":{"svg":[""]},"checkbox-selected-hover":{"svg":[""]},"radio-selected-hover":{"svg":[""]},"checkbox-disabled":{"svg":[""]},"radio-disabled":{"svg":[""]},"checkbox-selected-disabled":{"svg":[""]},"radio-selected-disabled":{"svg":[""]},"color-test":{"svg":[""]}},"GRAPHICS|graphic":{"apple-app-store":{"svg":[""],"":["159px","47px"]},"logo":{"svg":[""],"":["143px","64px"]},"ncua":{"svg":[""],"":["108px","50px"]},"ehl":{"svg":[""],"":["53px","53px"]},"google-play-store":{"svg":[""],"":["159px","47px"]},"cash-boomerang":{"svg":[""],"":["296px","296px"]}},"LAYOUTS|":{"spacing":{"1":["0.625rem"]},"col":{"1":["8.3333%"]},"colvw":{"1":["8.3333vw"]}},"FONTS|font":{"proxima_nova condensed-700-normal":{"":["Proxima Nova Condensed","font-proxima_nova condensed-700-normal.otf","700","normal"]},"proxima_nova-700-normal":{"":["Proxima Nova","font-proxima_nova-700-normal.otf","700","normal"]},"proxima_nova-300-normal":{"":["Proxima Nova","font-proxima_nova-300-normal.otf","300","normal"]}},"BREAKPOINTS|breakpoint":{"sm":{"":["sm","0px","576px","1"]},"md":{"":["md","0px","768px","2"]},"lg":{"":["lg","0px","992px","3"]},"xlg":{"":["xlg","0px","1200px","4"]}}};
       this.prefix = 'scw';// dynamic
-      this.uuid = '1501e9e5-6aa4-41eb-88f9-db71bec15b74';// dynamic
+      this.uuid = 'fbd0504b-3149-41eb-8a89-b2d1a4036244';// dynamic
       
       this.initialized = false;
       this.lookup;

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

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

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

@@ -0,0 +1,147 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-callout/center-vars",
+    "namespace": "center-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-callout-center-background-color: var( --scw-color-primary-09 );",
+    "outputSegment": "$background-color: var( --scw-color-primary-09 );",
+    "outputSegmentRef": "center-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-callout-center-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "center-vars.$blend-mode"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-callout-center-corner-radius-top-left: 10px;",
+    "outputSegment": "$corner-radius-top-left: 10px;",
+    "outputSegmentRef": "center-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-callout-center-corner-radius-top-right: 10px;",
+    "outputSegment": "$corner-radius-top-right: 10px;",
+    "outputSegmentRef": "center-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-callout-center-corner-radius-bottom-right: 10px;",
+    "outputSegment": "$corner-radius-bottom-right: 10px;",
+    "outputSegmentRef": "center-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-callout-center-corner-radius-bottom-left: 10px;",
+    "outputSegment": "$corner-radius-bottom-left: 10px;",
+    "outputSegmentRef": "center-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-callout-center-width: 425px;",
+    "outputSegment": "$width: 425px;",
+    "outputSegmentRef": "center-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-callout-center-height: 176px;",
+    "outputSegment": "$height: 176px;",
+    "outputSegmentRef": "center-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-callout-center-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "center-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-callout-center-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "center-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-callout-center-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "center-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-callout-center-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "center-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-callout-center-layout-mode: VERTICAL;",
+    "outputSegment": "$layout-mode: VERTICAL;",
+    "outputSegmentRef": "center-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-callout-center-primary-axis-align-items: CENTER;",
+    "outputSegment": "$primary-axis-align-items: CENTER;",
+    "outputSegmentRef": "center-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-callout-center-counter-axis-align-items: CENTER;",
+    "outputSegment": "$counter-axis-align-items: CENTER;",
+    "outputSegmentRef": "center-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-callout-center-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "center-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-callout-center-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "center-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-callout-center-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "center-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-callout-center-top: calc( var( --scw-spacing-1 ) * 21.6 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 21.6 );",
+    "outputSegmentRef": "center-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-callout-center-top-percent: 73.79%;",
+    "outputSegment": "$top-percent: 73.79%;",
+    "outputSegmentRef": "center-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-callout-center-bottom: var( --scw-spacing-2 );",
+    "outputSegment": "$bottom: var( --scw-spacing-2 );",
+    "outputSegmentRef": "center-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-callout-center-left: var( --scw-spacing-2 );",
+    "outputSegment": "$left: var( --scw-spacing-2 );",
+    "outputSegmentRef": "center-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-callout-center-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "center-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-callout-center-right: var( --scw-spacing-2 );",
+    "outputSegment": "$right: var( --scw-spacing-2 );",
+    "outputSegmentRef": "center-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-callout-center-padding-left: var( --scw-spacing-3 );",
+    "outputSegment": "$padding-left: var( --scw-spacing-3 );",
+    "outputSegmentRef": "center-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-callout-center-padding-right: var( --scw-spacing-3 );",
+    "outputSegment": "$padding-right: var( --scw-spacing-3 );",
+    "outputSegmentRef": "center-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-callout-center-padding-top: var( --scw-spacing-3 );",
+    "outputSegment": "$padding-top: var( --scw-spacing-3 );",
+    "outputSegmentRef": "center-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-callout-center-padding-bottom: var( --scw-spacing-3 );",
+    "outputSegment": "$padding-bottom: var( --scw-spacing-3 );",
+    "outputSegmentRef": "center-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-callout-center-content-.json

@@ -0,0 +1,122 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-callout/center-content-vars",
+    "namespace": "center-content-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-callout-center-content-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "center-content-vars.$background-color"
+  },
+  "width": {
+    "output": "$comp-scw-callout-center-content-width: 365px;",
+    "outputSegment": "$width: 365px;",
+    "outputSegmentRef": "center-content-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-callout-center-content-height: 116px;",
+    "outputSegment": "$height: 116px;",
+    "outputSegmentRef": "center-content-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-callout-center-content-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "center-content-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-callout-center-content-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "center-content-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-callout-center-content-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "center-content-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-callout-center-content-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "center-content-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-callout-center-content-layout-mode: VERTICAL;",
+    "outputSegment": "$layout-mode: VERTICAL;",
+    "outputSegmentRef": "center-content-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-callout-center-content-primary-axis-align-items: CENTER;",
+    "outputSegment": "$primary-axis-align-items: CENTER;",
+    "outputSegmentRef": "center-content-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-callout-center-content-counter-axis-align-items: CENTER;",
+    "outputSegment": "$counter-axis-align-items: CENTER;",
+    "outputSegmentRef": "center-content-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-callout-center-content-item-spacing: var( --scw-spacing-1 );",
+    "outputSegment": "$item-spacing: var( --scw-spacing-1 );",
+    "outputSegmentRef": "center-content-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-callout-center-content-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "center-content-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-callout-center-content-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "center-content-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-callout-center-content-top: var( --scw-spacing-3 );",
+    "outputSegment": "$top: var( --scw-spacing-3 );",
+    "outputSegmentRef": "center-content-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-callout-center-content-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "center-content-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-callout-center-content-bottom: var( --scw-spacing-3 );",
+    "outputSegment": "$bottom: var( --scw-spacing-3 );",
+    "outputSegmentRef": "center-content-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-callout-center-content-left: var( --scw-spacing-3 );",
+    "outputSegment": "$left: var( --scw-spacing-3 );",
+    "outputSegmentRef": "center-content-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-callout-center-content-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "center-content-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-callout-center-content-right: var( --scw-spacing-3 );",
+    "outputSegment": "$right: var( --scw-spacing-3 );",
+    "outputSegmentRef": "center-content-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-callout-center-content-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "center-content-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-callout-center-content-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "center-content-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-callout-center-content-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "center-content-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-callout-center-content-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "center-content-vars.$padding-bottom"
+  }
+}