scu-web-components 0.0.41 → 0.0.43

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

package/dist/tokens/source/tokens.json

@@ -145,7 +145,7 @@
               "fullExportName": "color-primary-092",
               "values": {
                 "color": [
-                  "rgba(204,218,222,1)",
+                  "rgba(239,255,223,1)",
                   "color"
                 ]
               }
@@ -100989,21 +100989,21 @@
       "fullExportName": "breakpoint",
       "patterns": [
         {
-          "id": "breakpoints-xlg",
-          "name": "xlg",
+          "id": "breakpoints-sm",
+          "name": "sm",
           "type": "BREAKPOINT_TOKEN",
-          "exportName": "xlg",
-          "fullExportName": "breakpoint-xlg",
+          "exportName": "sm",
+          "fullExportName": "breakpoint-sm",
           "children": [],
           "valuesets": [
             {
-              "id": "breakpoints-xlg-",
+              "id": "breakpoints-sm-",
               "name": "",
               "exportName": "",
-              "fullExportName": "breakpoint-xlg",
+              "fullExportName": "breakpoint-sm",
               "values": {
                 "name": [
-                  "xlg",
+                  "sm",
                   "string"
                 ],
                 "max-width": [
@@ -101011,8 +101011,12 @@
                   "size"
                 ],
                 "min-width": [
-                  1200,
+                  576,
                   "size"
+                ],
+                "order": [
+                  1,
+                  "number"
                 ]
               }
             }
@@ -101020,21 +101024,21 @@
           "baseValues": {}
         },
         {
-          "id": "breakpoints-lg",
-          "name": "lg",
+          "id": "breakpoints-md",
+          "name": "md",
           "type": "BREAKPOINT_TOKEN",
-          "exportName": "lg",
-          "fullExportName": "breakpoint-lg",
+          "exportName": "md",
+          "fullExportName": "breakpoint-md",
           "children": [],
           "valuesets": [
             {
-              "id": "breakpoints-lg-",
+              "id": "breakpoints-md-",
               "name": "",
               "exportName": "",
-              "fullExportName": "breakpoint-lg",
+              "fullExportName": "breakpoint-md",
               "values": {
                 "name": [
-                  "lg",
+                  "md",
                   "string"
                 ],
                 "max-width": [
@@ -101042,8 +101046,12 @@
                   "size"
                 ],
                 "min-width": [
-                  992,
+                  768,
                   "size"
+                ],
+                "order": [
+                  2,
+                  "number"
                 ]
               }
             }
@@ -101051,21 +101059,21 @@
           "baseValues": {}
         },
         {
-          "id": "breakpoints-md",
-          "name": "md",
+          "id": "breakpoints-lg",
+          "name": "lg",
           "type": "BREAKPOINT_TOKEN",
-          "exportName": "md",
-          "fullExportName": "breakpoint-md",
+          "exportName": "lg",
+          "fullExportName": "breakpoint-lg",
           "children": [],
           "valuesets": [
             {
-              "id": "breakpoints-md-",
+              "id": "breakpoints-lg-",
               "name": "",
               "exportName": "",
-              "fullExportName": "breakpoint-md",
+              "fullExportName": "breakpoint-lg",
               "values": {
                 "name": [
-                  "md",
+                  "lg",
                   "string"
                 ],
                 "max-width": [
@@ -101073,8 +101081,12 @@
                   "size"
                 ],
                 "min-width": [
-                  768,
+                  992,
                   "size"
+                ],
+                "order": [
+                  3,
+                  "number"
                 ]
               }
             }
@@ -101082,21 +101094,21 @@
           "baseValues": {}
         },
         {
-          "id": "breakpoints-sm",
-          "name": "sm",
+          "id": "breakpoints-xlg",
+          "name": "xlg",
           "type": "BREAKPOINT_TOKEN",
-          "exportName": "sm",
-          "fullExportName": "breakpoint-sm",
+          "exportName": "xlg",
+          "fullExportName": "breakpoint-xlg",
           "children": [],
           "valuesets": [
             {
-              "id": "breakpoints-sm-",
+              "id": "breakpoints-xlg-",
               "name": "",
               "exportName": "",
-              "fullExportName": "breakpoint-sm",
+              "fullExportName": "breakpoint-xlg",
               "values": {
                 "name": [
-                  "sm",
+                  "xlg",
                   "string"
                 ],
                 "max-width": [
@@ -101104,8 +101116,12 @@
                   "size"
                 ],
                 "min-width": [
-                  576,
+                  1200,
                   "size"
+                ],
+                "order": [
+                  4,
+                  "number"
                 ]
               }
             }
@@ -101256,10 +101272,10 @@
       "step": "09",
       "baseName": "primary"
     },
-    "21490104b43f7b72944e73bd2194946bc1edb40b": {
-      "name": "scw-color-heloc-092",
+    "8c07e841d08f545b47007d27fb951c9340a1aa29": {
+      "name": "scw-color-primary-092",
       "step": "092",
-      "baseName": "heloc"
+      "baseName": "primary"
     },
     "281673c85fecf43aecd1d94b2df20d951dcd2d5e": {
       "name": "scw-color-primary-095",
@@ -101438,6 +101454,11 @@
       "step": "09",
       "baseName": "mortgage"
     },
+    "21490104b43f7b72944e73bd2194946bc1edb40b": {
+      "name": "scw-color-heloc-092",
+      "step": "092",
+      "baseName": "heloc"
+    },
     "d9bc1babd0f74b0af55dca3680290534dc59a991": {
       "name": "scw-color-mortgage-095",
       "step": "095",

package/dist/tokens/styles.css

@@ -9,7 +9,7 @@
 --scw-color-primary-07: rgba(158,201,101,1);
 --scw-color-primary-08: rgba(200,230,160,1);
 --scw-color-primary-09: rgba(232,247,212,1);
---scw-color-primary-092: rgba(204,218,222,1);
+--scw-color-primary-092: rgba(239,255,223,1);
 --scw-color-primary-095: rgba(246,255,237,1);
 --scw-color-grey-00: rgba(0,0,0,1);
 --scw-color-grey-01: rgba(29,30,32,1);
@@ -311,15 +311,19 @@
 --scw-breakpoint-xlg-name: xlg;
 --scw-breakpoint-xlg-max-width: 0px;
 --scw-breakpoint-xlg-min-width: 1200px;
+--scw-breakpoint-xlg-order: 4;
 --scw-breakpoint-lg-name: lg;
 --scw-breakpoint-lg-max-width: 0px;
 --scw-breakpoint-lg-min-width: 992px;
+--scw-breakpoint-lg-order: 3;
 --scw-breakpoint-md-name: md;
 --scw-breakpoint-md-max-width: 0px;
 --scw-breakpoint-md-min-width: 768px;
+--scw-breakpoint-md-order: 2;
 --scw-breakpoint-sm-name: sm;
 --scw-breakpoint-sm-max-width: 0px;
 --scw-breakpoint-sm-min-width: 576px;
+--scw-breakpoint-sm-order: 1;
 }
 
 

package/dist/tokens/stylesEmbedded.css

@@ -9,7 +9,7 @@
 --scw-color-primary-07: rgba(158,201,101,1);
 --scw-color-primary-08: rgba(200,230,160,1);
 --scw-color-primary-09: rgba(232,247,212,1);
---scw-color-primary-092: rgba(204,218,222,1);
+--scw-color-primary-092: rgba(239,255,223,1);
 --scw-color-primary-095: rgba(246,255,237,1);
 --scw-color-grey-00: rgba(0,0,0,1);
 --scw-color-grey-01: rgba(29,30,32,1);
@@ -311,15 +311,19 @@
 --scw-breakpoint-xlg-name: xlg;
 --scw-breakpoint-xlg-max-width: 0px;
 --scw-breakpoint-xlg-min-width: 1200px;
+--scw-breakpoint-xlg-order: 4;
 --scw-breakpoint-lg-name: lg;
 --scw-breakpoint-lg-max-width: 0px;
 --scw-breakpoint-lg-min-width: 992px;
+--scw-breakpoint-lg-order: 3;
 --scw-breakpoint-md-name: md;
 --scw-breakpoint-md-max-width: 0px;
 --scw-breakpoint-md-min-width: 768px;
+--scw-breakpoint-md-order: 2;
 --scw-breakpoint-sm-name: sm;
 --scw-breakpoint-sm-max-width: 0px;
 --scw-breakpoint-sm-min-width: 576px;
+--scw-breakpoint-sm-order: 1;
 }
 
 

package/dist/tokens/tokens.html

@@ -13,7 +13,7 @@
 
 		<script type="module">
 			import run from './apps/tokens/main.js';
-			run('.', import.meta, '0.7.33', '../example/dist/tokens' );
+			run('.', import.meta, '0.7.35', '../example/dist/tokens' );
 		</script>
 		<style>
 			body, html {
@@ -42,7 +42,7 @@
 		<div id="main"></div>
 
 		<div id="main-loading">
-			Loading Summit Tokenizer Style Guide 0.7.33
+			Loading Summit Tokenizer Style Guide 0.7.35
 		</div>
 
   </body>

package/dist/utils/getIconSvg.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.ERNX5BQF.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.2BI5PH3F.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=getIconSvg.js.map

package/dist/utils/observers/mediaQueryListSingleton.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.I22BAQME.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import"../../chunks/chunk.5YJY6NT6.js";var r=class{constructor(){this._mediaQueries={}}addBreakpointListener(e,t){e.map(i=>{let s=this.breakpointToQuery(i);this.addListener(s,t)})}removeBreakpointListener(e,t){e.map(i=>{let s=this.breakpointToQuery(i);this.removeListener(s,t)})}breakpointToQuery(e){return`(min-width: ${e.minWidth}px) and (max-width: ${e.maxWidth}px)`}addListener(e,t){this._mediaQueries[e]||(this._mediaQueries[e]={listeners:[],mediaQueryList:window.matchMedia(e)});let i=this._mediaQueries[e];i.listeners.push(t),i.mediaQueryList.addEventListener("change",t)}removeListener(e,t){if(this._mediaQueries[e]){let i=this._mediaQueries[e];i.mediaQueryList.removeEventListener("change",t);let s=i.listeners.filter(n=>n!==t);i.listeners=s,s.length===0&&delete this._mediaQueries[e]}}},d=new r;export{d as default};
 //# sourceMappingURL=mediaQueryListSingleton.js.map

package/dist/utils/observers/mediaQueryListSingleton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
+  "sources": ["../../../src/utils/observers/mediaQueryListSingleton.ts"],
+  "sourcesContent": ["import {Breakpoint} from '../responsive/BreakpointTypes';\n\ninterface MediaQueryListContainer {\n  listeners: ((evt: MediaQueryListEvent) => void)[];\n  mediaQueryList: MediaQueryList;\n}\n\n/**\n * Singleton for MediaQueryListSingleton (instance exported below)\n */\nclass MediaQueryListSingleton {\n  /** media query lookup */\n  _mediaQueries : {[key:string]:MediaQueryListContainer} = {};\n\n  /**\n  * add via a list of breakpoints\n  * @param {Breakpoint[]} breakpoints\n  * @param {Function} listener\n  */\n  addBreakpointListener(\n      breakpoints: Breakpoint[],\n      listener: (evt : MediaQueryListEvent) => void,\n  ) {\n    breakpoints.map((breakpoint) => {\n      const query = this.breakpointToQuery( breakpoint );\n      this.addListener( query, listener );\n    });\n  }\n\n  /**\n  * remove via a list of breakpoints\n  * @param {Breakpoint[]} breakpoints\n  * @param {Function} listener\n  */\n  removeBreakpointListener(\n      breakpoints: Breakpoint[],\n      listener: (evt : MediaQueryListEvent) => void,\n  ) {\n    breakpoints.map((breakpoint) => {\n      const query = this.breakpointToQuery( breakpoint );\n      this.removeListener( query, listener );\n    });\n  }\n\n  /**\n  * centralize serializng breakpoint\n  * @param {Breakpoint} breakpoint\n  * @return {string}\n  */\n  breakpointToQuery(\n      breakpoint: Breakpoint,\n  ): string {\n    return `(min-width: ${\n      breakpoint.minWidth}px) and (max-width: ${breakpoint.maxWidth}px)`;\n  }\n\n  /**\n  * add a query string to listen to...\n  * @param {string} query\n  * @param {Function} listener\n  */\n  addListener(\n      query: string,\n      listener: (evt : MediaQueryListEvent) => void,\n  ) {\n    // con sole.log( '[MediaQueryListSingleton] addListener', query )\n    if (!this._mediaQueries[query]) {\n      this._mediaQueries[query] = {\n        listeners: [],\n        mediaQueryList: window.matchMedia(query),\n      };\n    }\n    const mediaObj = this._mediaQueries[query];\n    mediaObj.listeners.push( listener );\n    mediaObj.mediaQueryList.addEventListener(\n        'change',\n        listener,\n    );\n  }\n\n  /**\n  * remove query string from listener\n  * @param {string} query\n  * @param {Function} listener\n  */\n  removeListener(\n      query: string,\n      listener: (evt : MediaQueryListEvent) => void,\n  ) {\n    // con sole.log( '[MediaQueryListSingleton] removeListener', query );\n    if (this._mediaQueries[query]) {\n      const mediaObj = this._mediaQueries[query];\n      mediaObj.mediaQueryList.removeEventListener(\n          'change',\n          listener,\n      );\n      const newListeners = mediaObj.listeners.filter((listenerInList) => {\n        return listenerInList !== listener;\n      });\n      mediaObj.listeners = newListeners;\n      if (newListeners.length === 0) {\n        delete this._mediaQueries[query];\n        /* con sole.log(\n          `removed media query for ${query}`,\n          Object.keys( this._mediaQueries )\n        ); */\n      }\n    }\n  }\n}\n\nexport default new MediaQueryListSingleton();\n"],
+  "mappings": "uCAUA,IAAMA,EAAN,KAA8B,CAA9B,cAEE,mBAAyD,CAAC,EAO1D,sBACIC,EACAC,EACF,CACAD,EAAY,IAAKE,GAAe,CAC9B,IAAMC,EAAQ,KAAK,kBAAmBD,CAAW,EACjD,KAAK,YAAaC,EAAOF,CAAS,CACpC,CAAC,CACH,CAOA,yBACID,EACAC,EACF,CACAD,EAAY,IAAKE,GAAe,CAC9B,IAAMC,EAAQ,KAAK,kBAAmBD,CAAW,EACjD,KAAK,eAAgBC,EAAOF,CAAS,CACvC,CAAC,CACH,CAOA,kBACIC,EACM,CACR,MAAO,eACLA,EAAW,+BAA+BA,EAAW,aACzD,CAOA,YACIC,EACAF,EACF,CAEK,KAAK,cAAcE,KACtB,KAAK,cAAcA,GAAS,CAC1B,UAAW,CAAC,EACZ,eAAgB,OAAO,WAAWA,CAAK,CACzC,GAEF,IAAMC,EAAW,KAAK,cAAcD,GACpCC,EAAS,UAAU,KAAMH,CAAS,EAClCG,EAAS,eAAe,iBACpB,SACAH,CACJ,CACF,CAOA,eACIE,EACAF,EACF,CAEA,GAAI,KAAK,cAAcE,GAAQ,CAC7B,IAAMC,EAAW,KAAK,cAAcD,GACpCC,EAAS,eAAe,oBACpB,SACAH,CACJ,EACA,IAAMI,EAAeD,EAAS,UAAU,OAAQE,GACvCA,IAAmBL,CAC3B,EACDG,EAAS,UAAYC,EACjBA,EAAa,SAAW,GAC1B,OAAO,KAAK,cAAcF,EAM9B,CACF,CACF,EAEOI,EAAQ,IAAIR",
+  "names": ["MediaQueryListSingleton", "breakpoints", "listener", "breakpoint", "query", "mediaObj", "newListeners", "listenerInList", "mediaQueryListSingleton_default"]
 }

package/dist/utils/responsive/breakpoints.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../chunks/chunk.KBIUGQUO.js";import"../../chunks/chunk.XDWCNUEB.js";import"../../chunks/chunk.5YJY6NT6.js";export{b as breakpointLookup,a as breakpoints};
+import"../../chunks/chunk.5YJY6NT6.js";var r=[{name:"xlg",minWidth:1200,order:4},{name:"lg",minWidth:992,order:3},{name:"md",minWidth:768,order:2},{name:"sm",minWidth:576,order:1}],e;function i(){return e||(e={},r.map(n=>{e&&(e[n.name]=n)})),e}export{i as breakpointLookup,r as breakpoints};
 //# sourceMappingURL=breakpoints.js.map

package/dist/utils/responsive/breakpoints.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
+  "sources": ["../../../src/utils/responsive/breakpoints.ts"],
+  "sourcesContent": ["import {Breakpoint} from './BreakpointTypes';\n\nexport const breakpoints = [\n  {name: 'xlg',\n    minWidth: 1200, order: 4},\n  {name: 'lg',\n    minWidth: 992, order: 3},\n  {name: 'md',\n    minWidth: 768, order: 2},\n  {name: 'sm',\n    minWidth: 576, order: 1},\n];\n\nlet _breakpointLookup: {[key: string] : Breakpoint} | undefined;\n\n/**\n * breakpoint lookup\n * @return {object}\n */\nexport function breakpointLookup() {\n  if (!_breakpointLookup) {\n    _breakpointLookup = {};\n    breakpoints.map((bp) => {\n      if (_breakpointLookup) {\n        _breakpointLookup[bp.name] = bp;\n      }\n    });\n  }\n  return _breakpointLookup;\n}\n"],
+  "mappings": "uCAEO,IAAMA,EAAc,CACzB,CAAC,KAAM,MACL,SAAU,KAAM,MAAO,CAAC,EAC1B,CAAC,KAAM,KACL,SAAU,IAAK,MAAO,CAAC,EACzB,CAAC,KAAM,KACL,SAAU,IAAK,MAAO,CAAC,EACzB,CAAC,KAAM,KACL,SAAU,IAAK,MAAO,CAAC,CAC3B,EAEIC,EAMG,SAASC,GAAmB,CACjC,OAAKD,IACHA,EAAoB,CAAC,EACrBD,EAAY,IAAKG,GAAO,CAClBF,IACFA,EAAkBE,EAAG,MAAQA,EAEjC,CAAC,GAEIF,CACT",
+  "names": ["breakpoints", "_breakpointLookup", "breakpointLookup", "bp"]
 }

package/dist/utils/suffix.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.B553YCD2.js";import"../chunks/chunk.JHP2OQDD.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.X3VUYQJP.js";import"../chunks/chunk.AEXBD2CN.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=suffix.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scu-web-components",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "description": "Summit Credit Union Design System components for use on member facing apps and websites",
   "author": "srouse",
   "license": "MIT",
@@ -44,7 +44,7 @@
   },
   "devDependencies": {
     "contentful-readme-generator": "^0.0.6",
-    "scu-web-components-core": "0.0.31",
+    "scu-web-components-core": "0.0.34",
     "validator": "^13.7.0",
     "csstype": "3.1.1"
   },

package/dist/chunks/chunk.2GGC3YVW.js

@@ -1,2 +0,0 @@
-import{a as o,b as p}from"./chunk.NW6LQ3YZ.js";import{a as m}from"./chunk.U37TEBY2.js";import{a as r}from"./chunk.I22BAQME.js";var t=class{constructor(n,i,s,c){this.responsiveType="none";this.breakpoints=[];this.attrBreakpoints={};this.stylesCompiled="";this.uuid="";this.uuid=`res-${t.instanceIndex++}`,this.mediaQueryHandler=this.mediaQueryHandler.bind(this),this.responsiveInfo=n,this.responsiveClient=i||n,this.responsiveObserved=s||document,this.responsiveClientSelector=c,this.responsiveType=this.responsiveObserved===document?"viewport":"element",this.connect()}run(){this.mediaQueryHandler()}connect(){m(this),o(this)}disconnect(){r.removeBreakpointListener(this.breakpoints,this.mediaQueryHandler)}mediaQueryHandler(){p(this)}},e=t;e.instanceIndex=0;export{e as a};
-//# sourceMappingURL=chunk.2GGC3YVW.js.map

package/dist/chunks/chunk.2GGC3YVW.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/responsive/ResponsiveElement.ts"],
-  "sourcesContent": ["import ScwComponent from '../../scw-component/ScwComponent';\nimport {\n  Breakpoint,\n  ResponsiveTypes,\n} from './BreakpointTypes';\nimport {\n  connectAttributes,\n  mediaQueryHandler,\n} from './connectAttributes';\nimport mediaQueryListSingleton from '../observers/mediaQueryListSingleton';\nimport {processAttributes} from './processAttributes';\n\n/**\n * Handles Responsive Functionality for any ScwComponent\n */\nexport default class ResponsiveElement {\n  static instanceIndex = 0;\n\n  /**\n  * constructor\n  * @param {ScwComponent} responsiveInfo\n  * @param {HTMLElement} responsiveClient\n  * @param {HTMLElement} responsiveObserved\n  * @param {string} responsiveClientSelector\n  */\n  constructor(\n      responsiveInfo : ScwComponent,\n      responsiveClient? : HTMLElement | ScwComponent,\n      responsiveObserved? : HTMLElement | ScwComponent,\n      responsiveClientSelector? : string,\n  ) {\n    this.uuid = `res-${ResponsiveElement.instanceIndex++}`;\n    this.mediaQueryHandler = this.mediaQueryHandler.bind(this);\n\n    this.responsiveInfo = responsiveInfo;\n    // if client is not sent it is the same as the info element\n    this.responsiveClient =\n      responsiveClient ? responsiveClient : responsiveInfo;\n    this.responsiveObserved =\n      responsiveObserved ? responsiveObserved : document;\n\n    this.responsiveClientSelector = responsiveClientSelector;\n\n    this.responsiveType = ( this.responsiveObserved === document ) ?\n      ResponsiveTypes.viewport : ResponsiveTypes.element;\n\n    this.connect();\n  }\n\n  /**\n   * run\n   */\n  run() {\n    this.mediaQueryHandler();\n  }\n\n  /** contains the resize information */\n  responsiveInfo: ScwComponent;\n\n  /** gets manipulated */\n  responsiveClient: HTMLElement | ScwComponent;\n\n  /** querySelector to find client  */\n  responsiveClientSelector: string | undefined;\n\n  /** the observed */\n  responsiveObserved: HTMLElement | ScwComponent | Document;\n\n  /** viewport or element level responsivness */\n  responsiveType: ResponsiveTypes = ResponsiveTypes.none;\n\n  /** list of breakpoints to watch */\n  breakpoints : Breakpoint[] = [];\n\n  /** list of breakpoints to watch */\n  attrBreakpoints : {[key:string]:Breakpoint[]} = {};\n\n  /** all styles pulled into a single string */\n  stylesCompiled : string = '';\n\n  /** unique (enough) identifier for connecting classes/style */\n  uuid : string = '';\n\n  /**\n  * Register base element to deal with responsiveness\n  */\n  connect() {\n    processAttributes( this );\n    connectAttributes( this );\n  }\n\n  /** clean up any connections */\n  disconnect() {\n    mediaQueryListSingleton.removeBreakpointListener(\n        this.breakpoints,\n        this.mediaQueryHandler,\n    );\n  }\n\n  /**\n  * route media query handler back to connect attributes\n  * @param {MediaQueryListEvent} evt\n  */\n  mediaQueryHandler() {\n    mediaQueryHandler( this );\n  }\n}\n\n\n"],
-  "mappings": "+HAeA,IAAqBA,EAArB,KAAuC,CAUrC,YACIC,EACAC,EACAC,EACAC,EACF,CAuCF,2BAGA,iBAA6B,CAAC,EAG9B,qBAAgD,CAAC,EAGjD,oBAA0B,GAG1B,UAAgB,GAlDd,KAAK,KAAO,OAAOJ,EAAkB,kBACrC,KAAK,kBAAoB,KAAK,kBAAkB,KAAK,IAAI,EAEzD,KAAK,eAAiBC,EAEtB,KAAK,iBACHC,GAAsCD,EACxC,KAAK,mBACHE,GAA0C,SAE5C,KAAK,yBAA2BC,EAEhC,KAAK,eAAmB,KAAK,qBAAuB,8BAGpD,KAAK,QAAQ,CACf,CAKA,KAAM,CACJ,KAAK,kBAAkB,CACzB,CAgCA,SAAU,CACRC,EAAmB,IAAK,EACxBC,EAAmB,IAAK,CAC1B,CAGA,YAAa,CACXC,EAAwB,yBACpB,KAAK,YACL,KAAK,iBACT,CACF,CAMA,mBAAoB,CAClBC,EAAmB,IAAK,CAC1B,CACF,EA3FqBC,EAArBT,EAAqBS,EACZ,cAAgB",
-  "names": ["_ResponsiveElement", "responsiveInfo", "responsiveClient", "responsiveObserved", "responsiveClientSelector", "processAttributes", "connectAttributes", "mediaQueryListSingleton_default", "mediaQueryHandler", "ResponsiveElement"]
-}

package/dist/chunks/chunk.5HOTUYMS.js

@@ -1,4 +0,0 @@
-import{d as r}from"./chunk.YPG6CZAZ.js";import{a as e}from"./chunk.PKA6D7UK.js";var t=class extends r{constructor(){super(),this.element="center-component",this.setAttribute("scw-center-initial",""),this.responsive=!0}render(){return e`
-      <slot></slot>
-    `}};export{t as a};
-//# sourceMappingURL=chunk.5HOTUYMS.js.map

package/dist/chunks/chunk.6DQVOVVF.js

@@ -1,2 +0,0 @@
-import{d as o}from"./chunk.YPG6CZAZ.js";customElements.define("scw-component",o);
-//# sourceMappingURL=chunk.6DQVOVVF.js.map

package/dist/chunks/chunk.6HCGKTZQ.js

@@ -1,33 +0,0 @@
-import{a as u}from"./chunk.GATDLRXZ.js";import{a as s,c as d,d as h}from"./chunk.YPG6CZAZ.js";import{a as l}from"./chunk.3IG37SCP.js";import{a as r,d as c}from"./chunk.PKA6D7UK.js";import{b as m,d as v,f as L,g as i}from"./chunk.5YJY6NT6.js";var p={};v(p,{validationWarnings:()=>g});var g,b=m(()=>{"use strict";g={ariaLabelWarning:"link without a label",noIconWarning:"could not find the icon"}});var a=n=>n!=null?n:c;var f=l`
-.scw-link-base {
-  display: block;
-  text-decoration: none;
-}
-.scw-link-base:focus-visible {
-  outline: none;
-  box-shadow: var(--scw-effect-focus-shadow);
-  border-radius: 4px;
-}
-.scw-link-base:focus:not(:focus-visible) {
-  outline: none;
-  box-shadow: none;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rLWJhc2Uvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstYmFzZS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0U7RUFDQTs7QUFFQTtFQUNFO0VDazRiRjtFRGg0YkU7O0FBR0Y7RUFDRTtFQUNBIn0= */`;var{validationWarnings:W}=(b(),L(p)),t=class extends h{constructor(){super();this.element="link-base"}static get styles(){return[super.styles,f]}updated(){this.ariaDisabled==="true"?this.addEventListener("click",this.cancelEvent,{capture:!0}):this.removeEventListener("click",this.cancelEvent,{capture:!0})}cancelEvent(e){e.preventDefault(),e.stopImmediatePropagation()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),u(this),this.isLink()&&this.ariaLabel.trim().length===0&&this.warn(W.ariaLabelWarning)}isLink(){return!!this.href}renderLink(e,o){return this.isLink()&&this.ariaDisabled!=="true"?r`
-        <a
-          class="scw-link-base"
-          style="${a(o)}"
-          href="${this.href?this.href:"javascript:"}"
-          target="${this.target?this.target:"_self"}"
-          aria-label="${this.ariaLabel}">
-          ${e}
-        </a>`:r`
-        <div class="scw-link-base"
-          style="${a(o)}">
-          ${e}
-        </div>`}focus(){this.linkAnchor&&this.linkAnchor.focus()}render(){return this.renderLink(r`${this._lastWarning?this._lastWarning:this.ariaLabel}`)}};i([s({type:String,reflect:!0})],t.prototype,"href",2),i([s({type:String,reflect:!0})],t.prototype,"target",2),i([d("a.scw-link-base")],t.prototype,"linkAnchor",2);export{a,p as b,b as c,t as d};
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-//# sourceMappingURL=chunk.6HCGKTZQ.js.map

package/dist/chunks/chunk.6HCGKTZQ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/validation/warnings.mjs", "../../node_modules/lit-html/src/directives/if-defined.ts", "../../src/scw-link-base/scss/scw-link-base.scss", "../../src/scw-link-base/ScwLinkBase.ts"],
-  "sourcesContent": ["\n\nexport const validationWarnings = {\n  ariaLabelWarning: 'link without a label',\n  noIconWarning: 'could not find the icon',\n};\n", "/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {nothing} from '../lit-html.js';\n\n/**\n * For AttributeParts, sets the attribute if the value is defined and removes\n * the attribute if the value is undefined.\n *\n * For other part types, this directive is a no-op.\n */\nexport const ifDefined = <T>(value: T) => value ?? nothing;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n.scw-link-base {\n  display: block;\n  text-decoration: none;\n}\n.scw-link-base:focus-visible {\n  outline: none;\n  box-shadow: var(--scw-effect-focus-shadow);\n  border-radius: 4px;\n}\n.scw-link-base:focus:not(:focus-visible) {\n  outline: none;\n  box-shadow: none;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rLWJhc2Uvc2NzcyIsInNvdXJjZXMiOlsic2N3LWxpbmstYmFzZS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc291cmNlL2Nzc0FwaS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0U7RUFDQTs7QUFFQTtFQUNFO0VDazRiRjtFRGg0YkU7O0FBR0Y7RUFDRTtFQUNBIn0= */`;\n", "import {html} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport parseLightDomAnchor from './parseLightDomAnchor';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-link-base.scss';\nconst {validationWarnings} = require('../utils/validation/warnings.mjs');\n\n/**\n * ScwLinkBase\n * @class\n * @tag scw-link-base\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwLinkBase extends ScwComponent {/**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwLinkBase =======================================\n  /**\n  * (ScwLinkBase) link location - private\n  * ...should not be able to be set directly b/c scu-link should use this\n  */\n  @property({type: String, reflect: true})\n    href : string | undefined;\n\n  /**\n  * (ScwLinkBase) link target - private\n  * ...should not be able to be set directly b/c scu-link should use this\n  */\n  @property({type: String, reflect: true})\n    target : '_blank' | '_parent' | '_self' | '_top' | undefined;\n\n  @query('a.scw-link-base')\n    linkAnchor: HTMLAnchorElement | undefined;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.linkBase;\n  }\n\n  /**\n   * request update\n   */\n  updated() {\n    if (this.ariaDisabled === 'true') {\n      this.addEventListener('click', this.cancelEvent, {capture: true} );\n    } else {\n      this.removeEventListener('click', this.cancelEvent, {capture: true} );\n    }\n  }\n\n  /**\n   * cancel event\n   * @param {Event} evt\n   */\n  cancelEvent(evt: Event) {\n    evt.preventDefault();\n    evt.stopImmediatePropagation();\n  }\n\n  /**\n   * override with anchor info\n   */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    parseLightDomAnchor(this);\n    if (this.isLink() && this.ariaLabel.trim().length === 0) {\n      this.warn(validationWarnings.ariaLabelWarning);// 'link without a label');\n    }\n  }\n\n  /**\n   * Should this element be rendered as a link...\n   * @return {boolean}\n   */\n  isLink() {\n    if (this.href) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * renderLink\n  * @param {object} children\n  * @param {string} styles\n  * @return {object} component DOM\n  */\n  renderLink(children: object, styles?: string): object {\n    if (this.isLink() && this.ariaDisabled !== 'true') {\n      return html`\n        <a\n          class=\"scw-link-base\"\n          style=\"${ifDefined(styles)}\"\n          href=\"${this.href ? this.href : 'javascript:'}\"\n          target=\"${this.target ? this.target : '_self'}\"\n          aria-label=\"${this.ariaLabel}\">\n          ${children}\n        </a>`;\n    } else {\n      // need a consistent container for styling\n      return html`\n        <div class=\"scw-link-base\"\n          style=\"${ifDefined(styles)}\">\n          ${children}\n        </div>`;\n    }\n  }\n\n  /**\n   * focus\n   */\n  focus(): void {\n    if (this.linkAnchor) {\n      this.linkAnchor.focus();\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n        html`${this._lastWarning ? this._lastWarning : this.ariaLabel}`,\n    );\n  }\n}\n"],
-  "mappings": "kPAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,IAEaA,EAFbC,EAAAC,EAAA,kBAEaF,EAAqB,CAChC,iBAAkB,uBAClB,cAAe,yBACjB,ICSa,IAAAG,EAAgBC,GAAaA,GAAAA,KAAAA,EAASC,ECbnD,IAAOC,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ycCMf,GAAM,CAAC,mBAAAC,CAAkB,EAAI,WAaRC,EAArB,cAAyCC,CAAa,CA+BpD,aAAc,CACZ,MAAM,EACN,KAAK,mBACP,CA/BA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CA+BA,SAAU,CACJ,KAAK,eAAiB,OACxB,KAAK,iBAAiB,QAAS,KAAK,YAAa,CAAC,QAAS,EAAI,CAAE,EAEjE,KAAK,oBAAoB,QAAS,KAAK,YAAa,CAAC,QAAS,EAAI,CAAE,CAExE,CAMA,YAAYC,EAAY,CACtBA,EAAI,eAAe,EACnBA,EAAI,yBAAyB,CAC/B,CAKA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,EAAoB,IAAI,EACpB,KAAK,OAAO,GAAK,KAAK,UAAU,KAAK,EAAE,SAAW,GACpD,KAAK,KAAKL,EAAmB,gBAAgB,CAEjD,CAMA,QAAS,CACP,MAAI,OAAK,IAIX,CAQA,WAAWM,EAAkBC,EAAyB,CACpD,OAAI,KAAK,OAAO,GAAK,KAAK,eAAiB,OAClCC;AAAA;AAAA;AAAA,mBAGMC,EAAUF,CAAM;AAAA,kBACjB,KAAK,KAAO,KAAK,KAAO;AAAA,oBACtB,KAAK,OAAS,KAAK,OAAS;AAAA,wBACxB,KAAK;AAAA,YACjBD;AAAA,cAICE;AAAA;AAAA,mBAEMC,EAAUF,CAAM;AAAA,YACvBD;AAAA,eAGV,CAKA,OAAc,CACR,KAAK,YACP,KAAK,WAAW,MAAM,CAE1B,CAMA,QAAiB,CACf,OAAO,KAAK,WACRE,IAAO,KAAK,aAAe,KAAK,aAAe,KAAK,WACxD,CACF,CACF,EA3GIE,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAfpBV,EAgBjB,oBAOAS,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAtBpBV,EAuBjB,sBAGAS,EAAA,CADDE,EAAM,iBAAiB,GAzBLX,EA0BjB",
-  "names": ["warnings_exports", "__export", "validationWarnings", "init_warnings", "__esmMin", "ifDefined", "value", "nothing", "scw_link_base_default", "i", "validationWarnings", "ScwLinkBase", "ScwComponent", "scw_link_base_default", "evt", "parseLightDomAnchor", "children", "styles", "y", "l", "__decorateClass", "e", "i"]
-}