newskit 6.6.0 → 6.7.0

package/cjs/theme-checker/themes/wsj-theme/colors.json

@@ -0,0 +1,250 @@
+{
+    "primary015": "rgba(240,249,254,1)",
+    "primary025": "rgba(226,243,254,1)",
+    "primary050": "rgba(192,232,255,1)",
+    "primary075": "rgba(102,199,255,1)",
+    "primary085": "rgba(84,180,238,1)",
+    "primary100": "rgba(55,152,214,1)",
+    "primary200": "rgba(39,138,202,1)",
+    "primary300": "rgba(20,124,189,1)",
+    "primary400": "rgba(2,116,182,1)",
+    "primary500": "rgba(0,99,155,1)",
+    "primary600": "rgba(1,84,131,1)",
+    "primary700": "rgba(0,51,83,1)",
+    "primary800": "rgba(1,40,65,1)",
+    "primary900": "rgba(0,29,50,1)",
+    "secondary015": "rgba(249,247,255,1)",
+    "secondary025": "rgba(243,238,254,1)",
+    "secondary050": "rgba(231,222,254,1)",
+    "secondary075": "rgba(210,187,255,1)",
+    "secondary085": "rgba(192,161,255,1)",
+    "secondary100": "rgba(164,125,230,1)",
+    "secondary200": "rgba(153,109,219,1)",
+    "secondary300": "rgba(141,94,208,1)",
+    "secondary400": "rgba(136,86,203,1)",
+    "secondary500": "rgba(115,71,174,1)",
+    "secondary600": "rgba(89,52,138,1)",
+    "secondary700": "rgba(61,33,98,1)",
+    "secondary800": "rgba(48,26,77,1)",
+    "secondary900": "rgba(36,18,59,1)",
+    "tertiary015": "rgba(250,248,245,1)",
+    "tertiary025": "rgba(244,240,235,1)",
+    "tertiary050": "rgba(232,226,217,1)",
+    "tertiary075": "rgba(210,197,179,1)",
+    "tertiary085": "rgba(187,169,142,1)",
+    "tertiary100": "rgba(165,141,105,1)",
+    "tertiary200": "rgba(158,133,94,1)",
+    "tertiary300": "rgba(136,115,81,1)",
+    "tertiary400": "rgba(129,109,77,1)",
+    "tertiary500": "rgba(105,88,62,1)",
+    "tertiary600": "rgba(83,69,48,1)",
+    "tertiary700": "rgba(57,47,31,1)",
+    "tertiary800": "rgba(45,36,24,1)",
+    "tertiary900": "rgba(33,27,16,1)",
+    "positive015": "rgba(246,248,245,1)",
+    "positive025": "rgba(237,242,236,1)",
+    "positive050": "rgba(205,234,201,1)",
+    "positive075": "rgba(144,216,137,1)",
+    "positive085": "rgba(81,198,72,1)",
+    "positive100": "rgba(53,166,45,1)",
+    "positive200": "rgba(39,152,31,1)",
+    "positive300": "rgba(25,137,14,1)",
+    "positive400": "rgba(10,130,0,1)",
+    "positive500": "rgba(9,110,0,1)",
+    "positive600": "rgba(6,79,0,1)",
+    "positive700": "rgba(4,57,2,1)",
+    "positive800": "rgba(2,45,0,1)",
+    "positive900": "rgba(0,34,0,1)",
+    "negative015": "rgba(255,246,245,1)",
+    "negative025": "rgba(255,236,235,1)",
+    "negative050": "rgba(254,218,216,1)",
+    "negative075": "rgba(255,179,177,1)",
+    "negative085": "rgba(255,133,133,1)",
+    "negative100": "rgba(243,95,90,1)",
+    "negative200": "rgba(237,71,64,1)",
+    "negative300": "rgba(229,38,31,1)",
+    "negative400": "rgba(225,0,0,1)",
+    "negative500": "rgba(186,0,0,1)",
+    "negative600": "rgba(147,2,1,1)",
+    "negative700": "rgba(105,0,0,1)",
+    "negative800": "rgba(84,2,2,1)",
+    "negative900": "rgba(65,0,0,1)",
+    "highlight015": "rgba(255,248,227,1)",
+    "highlight025": "rgba(255,236,177,1)",
+    "highlight050": "rgba(254,224,140,1)",
+    "highlight075": "rgba(255,207,61,1)",
+    "highlight085": "rgba(208,165,61,1)",
+    "highlight100": "rgba(178,139,62,1)",
+    "highlight200": "rgba(163,125,61,1)",
+    "highlight300": "rgba(148,112,58,1)",
+    "highlight400": "rgba(135,100,56,1)",
+    "highlight500": "rgba(121,88,54,1)",
+    "highlight600": "rgba(91,61,47,1)",
+    "highlight700": "rgba(65,43,32,1)",
+    "highlight800": "rgba(52,33,24,1)",
+    "highlight900": "rgba(39,24,16,1)",
+    "attention015": "rgba(255,246,240,1)",
+    "attention025": "rgba(255,237,225,1)",
+    "attention050": "rgba(255,220,198,1)",
+    "attention075": "rgba(252,184,140,1)",
+    "attention085": "rgba(246,137,53,1)",
+    "attention100": "rgba(216,119,44,1)",
+    "attention200": "rgba(196,109,41,1)",
+    "attention300": "rgba(179,97,34,1)",
+    "attention400": "rgba(161,87,31,1)",
+    "attention500": "rgba(142,78,28,1)",
+    "attention600": "rgba(109,57,17,1)",
+    "attention700": "rgba(76,38,11,1)",
+    "attention800": "rgba(60,30,8,1)",
+    "attention900": "rgba(47,21,1,1)",
+    "info015": "rgba(243,248,255,1)",
+    "info025": "rgba(232,242,255,1)",
+    "info050": "rgba(211,228,254,1)",
+    "info075": "rgba(166,200,255,1)",
+    "info085": "rgba(123,171,255,1)",
+    "info100": "rgba(81,141,255,1)",
+    "info200": "rgba(58,126,253,1)",
+    "info300": "rgba(32,108,255,1)",
+    "info400": "rgba(15,98,254,1)",
+    "info500": "rgba(3,83,218,1)",
+    "info600": "rgba(9,62,166,1)",
+    "info700": "rgba(1,41,121,1)",
+    "info800": "rgba(5,32,95,1)",
+    "info900": "rgba(1,23,75,1)",
+    "system015": "rgba(243,249,255,1)",
+    "system025": "rgba(229,242,255,1)",
+    "system050": "rgba(207,228,255,1)",
+    "system075": "rgba(160,201,255,1)",
+    "system085": "rgba(112,173,255,1)",
+    "system100": "rgba(62,144,253,1)",
+    "system200": "rgba(0,122,255,1)",
+    "system300": "rgba(4,114,238,1)",
+    "system400": "rgba(10,102,216,1)",
+    "system500": "rgba(0,91,192,1)",
+    "system600": "rgba(3,68,147,1)",
+    "system700": "rgba(3,46,104,1)",
+    "system800": "rgba(0,36,86,1)",
+    "system900": "rgba(1,26,65,1)",
+    "neutral015": "rgba(244,244,244,1)",
+    "neutral025": "rgba(235,235,235,1)",
+    "neutral050": "rgba(226,226,226,1)",
+    "neutral075": "rgba(204,204,204,1)",
+    "neutral085": "rgba(171,171,171,1)",
+    "neutral100": "rgba(145,145,145,1)",
+    "neutral200": "rgba(132,132,132,1)",
+    "neutral300": "rgba(118,118,118,1)",
+    "neutral400": "rgba(111,111,111,1)",
+    "neutral500": "rgba(85,85,85,1)",
+    "neutral600": "rgba(51,51,51,1)",
+    "neutral700": "rgba(34,34,34,1)",
+    "neutral800": "rgba(27,27,27,1)",
+    "neutral900": "rgba(17,17,17,1)",
+    "black": "rgba(0,0,0,1)",
+    "white": "rgba(255,255,255,1)",
+    "black05a": "rgba(0,0,0,0.05)",
+    "black10a": "rgba(0,0,0,0.1)",
+    "black20a": "rgba(0,0,0,0.2)",
+    "black30a": "rgba(0,0,0,0.3)",
+    "black40a": "rgba(0,0,0,0.4)",
+    "black50a": "rgba(0,0,0,0.5)",
+    "black60a": "rgba(0,0,0,0.6)",
+    "black70a": "rgba(0,0,0,0.7)",
+    "black80a": "rgba(0,0,0,0.8)",
+    "black90a": "rgba(0,0,0,0.9)",
+    "black95a": "rgba(0,0,0,0.95)",
+    "white05a": "rgba(255,255,255,0.05)",
+    "white10a": "rgba(255,255,255,0.1)",
+    "white20a": "rgba(255,255,255,0.2)",
+    "white30a": "rgba(255,255,255,0.3)",
+    "white40a": "rgba(255,255,255,0.4)",
+    "white50a": "rgba(255,255,255,0.5)",
+    "white60a": "rgba(255,255,255,0.6)",
+    "white70a": "rgba(255,255,255,0.7)",
+    "white80a": "rgba(255,255,255,0.8)",
+    "white90a": "rgba(255,255,255,0.9)",
+    "white95a": "rgba(255,255,255,0.95)",
+    "transparent": "rgba(0,0,0,0)",
+    "focus010": "rgba(55,104,251,1)",
+    "socialReddit": "rgba(255,69,0,1)",
+    "socialWhatsapp": "rgba(37,211,102,1)",
+    "socialYoutube": "rgba(255,0,0,1)",
+    "socialInstagram": "rgba(195,42,163,1)",
+    "socialFacebook": "rgba(24,119,242,1)",
+    "socialTwitter": "rgba(29,161,242,1)",
+    "socialGithub": "rgba(0,0,0,1)",
+    "socialApple": "rgba(0,0,0,1)",
+    "socialGoogleBlue": "rgba(66,133,244,1)",
+    "socialGoogleRed": "rgba(219,68,55,1)",
+    "socialGoogleYellow": "rgba(244,180,0,1)",
+    "socialGoogleGreen": "rgba(15,157,88,1)",
+    "inkBase": "{{colors.neutral700}}",
+    "inkContrast": "{{colors.neutral900}}",
+    "inkSubtle": "{{colors.neutral500}}",
+    "inkNonEssential": "{{colors.neutral075}}",
+    "inkInverse": "{{colors.white}}",
+    "inkLight010": "{{colors.white}}",
+    "inkDark010": "{{colors.neutral900}}",
+    "inkPositive": "{{colors.positive400}}",
+    "inkNegative": "{{colors.negative400}}",
+    "inkNotice": "{{colors.neutral100}}",
+    "inkInformative": "{{colors.primary400}}",
+    "inkBrand010": "{{colors.primary400}}",
+    "inkBrand020": "{{colors.secondary500}}",
+    "interfaceBackground": "{{colors.white}}",
+    "interface010": "{{colors.white}}",
+    "interface020": "{{colors.neutral015}}",
+    "interface030": "{{colors.neutral025}}",
+    "interface040": "{{colors.neutral075}}",
+    "interface050": "{{colors.neutral700}}",
+    "interface060": "{{colors.neutral900}}",
+    "interfaceBrand010": "{{colors.primary400}}",
+    "interfaceBrand020": "{{colors.primary600}}",
+    "interfacePositive010": "{{colors.positive400}}",
+    "interfacePositive020": "{{colors.positive075}}",
+    "interfaceNegative010": "{{colors.negative400}}",
+    "interfaceNegative020": "{{colors.negative075}}",
+    "interfaceNotice010": "{{colors.neutral015}}",
+    "interfaceNotice020": "{{colors.neutral500}}",
+    "interfaceInformative010": "{{colors.info025}}",
+    "interfaceInformative020": "{{colors.info400}}",
+    "interfaceNeutral010": "{{colors.neutral600}}",
+    "interfaceNeutral020": "{{colors.neutral500}}",
+    "interfaceSkeleton010": "{{colors.neutral025}}",
+    "interfaceSkeleton020": "{{colors.neutral075}}",
+    "interactivePrimary010": "{{colors.neutral015}}",
+    "interactivePrimary020": "{{colors.neutral025}}",
+    "interactivePrimary030": "{{colors.primary400}}",
+    "interactivePrimary040": "{{colors.primary500}}",
+    "interactivePrimary050": "{{colors.primary500}}",
+    "interactiveSecondary010": "{{colors.neutral015}}",
+    "interactiveSecondary020": "{{colors.neutral025}}",
+    "interactiveSecondary030": "{{colors.neutral700}}",
+    "interactiveSecondary040": "{{colors.neutral900}}",
+    "interactiveSecondary050": "{{colors.neutral900}}",
+    "interactivePositive010": "{{colors.positive015}}",
+    "interactivePositive020": "{{colors.positive025}}",
+    "interactivePositive030": "{{colors.positive025}}",
+    "interactivePositive040": "{{colors.positive050}}",
+    "interactivePositive050": "{{colors.positive050}}",
+    "interactiveNegative010": "{{colors.negative015}}",
+    "interactiveNegative020": "{{colors.negative015}}",
+    "interactiveNegative030": "{{colors.negative025}}",
+    "interactiveNegative040": "{{colors.negative050}}",
+    "interactiveNegative050": "{{colors.negative050}}",
+    "interactiveDisabled010": "{{colors.primary015}}",
+    "interactiveVisited010": "{{colors.primary600}}",
+    "interactiveFocus010": "{{colors.focus010}}",
+    "interactiveInverse010": "{{colors.neutral800}}",
+    "interactiveInverse020": "{{colors.neutral700}}",
+    "interactiveInverse030": "{{colors.neutral025}}",
+    "interactiveInverse040": "{{colors.neutral075}}",
+    "interactiveInverse050": "{{colors.neutral075}}",
+    "interactiveLink010": "{{colors.primary400}}",
+    "interactiveLink020": "{{colors.primary600}}",
+    "interactiveLink030": "{{colors.primary600}}",
+    "interactiveInput010": "{{colors.neutral015}}",
+    "interactiveInput020": "{{colors.neutral700}}",
+    "interactiveInput030": "{{colors.primary015}}",
+    "interactiveInput040": "{{colors.primary400}}",
+    "interactiveInput050": "{{colors.primary500}}"
+}

package/cjs/theme-checker/themes/wsj-theme/fonts.json

@@ -0,0 +1,85 @@
+{
+    "fontFamily010": {
+        "fontFamily": "Escrow Condensed, Georgia, serif",
+        "fontMetrics": {
+            "fontWeight010": {
+                "capHeight": 689,
+                "ascent": 960,
+                "descent": -240,
+                "lineGap": 0,
+                "unitsPerEm": 1000
+            }
+        }
+    },
+    "fontFamily020": {
+        "fontFamily": "Exchange, Georgia, serif",
+        "fontMetrics": {
+            "fontWeight010": {
+                "capHeight": 694,
+                "ascent": 800,
+                "descent": -200,
+                "lineGap": 200,
+                "unitsPerEm": 1000
+            }
+        }
+    },
+    "fontFamily030": {
+        "fontFamily": "Retina, Helvetica, Arial, sans-serif",
+        "fontMetrics": {
+            "fontWeight010": {
+                "capHeight": 700,
+                "ascent": 800,
+                "descent": -200,
+                "lineGap": 200,
+                "unitsPerEm": 1000
+            }
+        }
+    },
+    "fontFamily040": {
+        "fontFamily": "Retina Narrow, Helvetica, Arial, sans-serif",
+        "fontMetrics": {
+            "fontWeight010": {
+                "capHeight": 700,
+                "ascent": 800,
+                "descent": -200,
+                "lineGap": 200,
+                "unitsPerEm": 1000
+            }
+        }
+    },
+    "fontWeight005": 300,
+    "fontWeight010": 400,
+    "fontWeight020": 500,
+    "fontWeight030": 600,
+    "fontWeight040": 700,
+    "fontSize010": "12px",
+    "fontSize015": "13px",
+    "fontSize020": "14px",
+    "fontSize030": "16px",
+    "fontSize035": "17px",
+    "fontSize040": "18px",
+    "fontSize050": "20px",
+    "fontSize060": "22px",
+    "fontSize070": "24px",
+    "fontSize080": "28px",
+    "fontSize090": "32px",
+    "fontSize100": "36px",
+    "fontSize110": "40px",
+    "fontSize120": "44px",
+    "fontSize130": "48px",
+    "fontSize140": "56px",
+    "fontSize150": "64px",
+    "fontSize160": "80px",
+    "fontLineHeight010": 1,
+    "fontLineHeight020": 1.125,
+    "fontLineHeight030": 1.25,
+    "fontLineHeight040": 1.5,
+    "fontLineHeight050": 1.75,
+    "fontLineHeight060": 2,
+    "fontLetterSpacing010": "-0.5px",
+    "fontLetterSpacing020": "-0.25px",
+    "fontLetterSpacing030": "0",
+    "fontLetterSpacing040": "0.25px",
+    "fontLetterSpacing050": "0.5px",
+    "fontLetterSpacing060": "6.2%"
+}

package/cjs/theme-checker/themes/wsj-theme/overlays.json

@@ -0,0 +1,14 @@
+{
+    "overlayTintBase010": "rgba(10,10,10,0.2)",
+    "overlayTintBase020": "rgba(10,10,10,0.4)",
+    "overlayTintBase030": "rgba(10,10,10,0.6)",
+    "overlayTintBase040": "rgba(10,10,10,0.8)",
+    "overlayTintInverse010": "rgba(255,255,255,0.2)",
+    "overlayTintInverse020": "rgba(255,255,255,0.4)",
+    "overlayTintInverse030": "rgba(255,255,255,0.6)",
+    "overlayTintInverse040": "rgba(255,255,255,0.8)",
+    "overlayGradientBaseHorizontal": "linear-gradient(-90deg, rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.01) 8.59%,rgba(255,255,255,0.05) 17.48%,rgba(255,255,255,0.10) 26.53%,rgba(255,255,255,0.18) 35.61%,rgba(255,255,255,0.26) 44.59%,rgba(255,255,255,0.35) 53.34%,rgba(255,255,255,0.45) 61.73%,rgba(255,255,255,0.55) 69.63%,rgba(255,255,255,0.65) 76.90%,rgba(255,255,255,0.74) 83.41%,rgba(255,255,255,0.82) 89.03%,rgba(255,255,255,0.90) 93.63%,rgba(255,255,255,0.95) 97.08%,rgba(255,255,255,0.99) 99.25%,rgba(255,255,255,1.00) 100%)",
+    "overlayGradientBaseVertical": "linear-gradient(180deg, rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.01) 8.59%,rgba(255,255,255,0.05) 17.48%,rgba(255,255,255,0.10) 26.53%,rgba(255,255,255,0.18) 35.61%,rgba(255,255,255,0.26) 44.59%,rgba(255,255,255,0.35) 53.34%,rgba(255,255,255,0.45) 61.73%,rgba(255,255,255,0.56) 69.63%,rgba(255,255,255,0.65) 76.90%,rgba(255,255,255,0.74) 83.41%,rgba(255,255,255,0.82) 89.03%,rgba(255,255,255,0.90) 93.63%,rgba(255,255,255,0.95) 97.08%,rgba(255,255,255,0.99) 99.25%,rgba(255,255,255,1.00) 100%)",
+    "overlayGradientInverseHorizontal": "linear-gradient(-90deg, rgba(10,10,10,0.00) 0%,rgba(10,10,10,0.01) 8.59%,rgba(10,10,10,0.05) 17.48%,rgba(10,10,10,0.10) 26.53%,rgba(10,10,10,0.18) 35.61%,rgba(10,10,10,0.26) 44.59%,rgba(10,10,10,0.35) 53.34%,rgba(10,10,10,0.45) 61.73%,rgba(10,10,10,0.55) 69.63%,rgba(10,10,10,0.65) 76.90%,rgba(10,10,10,0.74) 83.41%,rgba(10,10,10,0.82) 89.03%,rgba(10,10,10,0.90) 93.63%,rgba(10,10,10,0.95) 97.08%,rgba(10,10,10,0.99) 99.25%,rgba(10,10,10,1.00) 100%)",
+    "overlayGradientInverseVertical": "linear-gradient(180deg, rgba(10,10,10,0.00) 0%,rgba(10,10,10,0.01) 8.59%,rgba(10,10,10,0.05) 17.48%,rgba(10,10,10,0.10) 26.53%,rgba(10,10,10,0.18) 35.61%,rgba(10,10,10,0.26) 44.59%,rgba(10,10,10,0.35) 53.34%,rgba(10,10,10,0.45) 61.73%,rgba(10,10,10,0.55) 69.63%,rgba(10,10,10,0.65) 76.90%,rgba(10,10,10,0.74) 83.41%,rgba(10,10,10,0.82) 89.03%,rgba(10,10,10,0.90) 93.63%,rgba(10,10,10,0.95) 97.08%,rgba(10,10,10,0.99) 99.25%,rgba(10,10,10,1.00) 100%)"
+}

package/cjs/theme-checker/themes/wsj-theme/shadows.json

@@ -0,0 +1,8 @@
+{
+    "shadow010": "0px 0.5px 0px 2px rgba(10,10,10,0.08)",
+    "shadow020": "0px 2px 0px 4px rgba(10,10,10,0.08)",
+    "shadow030": "0px 4px 0px 8px rgba(10,10,10,0.08)",
+    "shadow040": "0px 8px 0px 16px rgba(10,10,10,0.08)",
+    "shadow050": "0px 16px 0px 24px rgba(10,10,10,0.08)",
+    "shadow060": "0px 20px 0px 32px rgba(10,10,10,0.08)"
+}