@washingtonpost/wpds-theme - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

package.json

 {
   "name": "@washingtonpost/wpds-theme",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "> TODO: description",
@@ -41,3 +41,3 @@ "author": "artmsilva <[e-mail]>",
   },
-  "gitHead": "bb6286819b0ecc271acbc19911432d85efa40c33"
+  "gitHead": "3517ae6e579d268d0b265a2615f0246e29508d9c"
 }

src/tokens.ts

@@ -1,226 +0,16 @@
-export const base = "16px";
-export const light = {
-  alpha25: "rgba(0,0,0,.05)",
-  alpha50: "rgba(102,102,102,.5)",
-  blue80: "rgba(23,42,82,1)",
-  blue100: "rgba(25, 85, 165, 1)",
-  blue200: "rgba(61, 115, 213, 1)",
-  blue300: "rgba(221, 230, 242, 1)",
-  gray0: "rgba(0,0,0,1)",
-  gray20: "rgba(17,17,17,1)",
-  gray40: "rgba(42,42,42,1)",
-  gray60: "rgba(51,51,51,1)",
-  gray80: "rgba(102,102,102,1)",
-  gray100: "rgba(170,170,170,1)",
-  gray200: "rgba(213,213,213,1)",
-  gray300: "rgba(233,233,233,1)",
-  gray400: "rgba(240,240,240,1)",
-  gray500: "rgba(247,247,247,1)",
-  gray600: "rgba(255,255,255,1)",
-  green80: "rgba(73, 138, 12, 1)",
-  green100: "rgba(97, 161, 37, 1)",
-  green200: "rgba(174, 222, 125, 1)",
-  green300: "rgba(223, 236, 211, 1)",
-  gold80: "rgba(123, 78, 11, 1)",
-  gold100: "rgba(158, 97, 5, 1)",
-  gold200: "rgba(211, 158, 76, 1)",
-  gold300: "rgba(224, 199, 161, 1)",
-  orange80: "rgba(177, 110, 0, 1)",
-  orange100: "rgba(242, 159, 24, 1)",
-  orange200: "rgba(255, 183, 67, 1)",
-  orange300: "rgba(251, 237, 213, 1)",
-  red80: "rgba(209, 0, 0, 1)",
-  red100: "rgba(234, 0, 23, 1)",
-  red200: "rgba(242, 123, 129, 1)",
-  red300: "rgba(242, 222, 222, 1)",
-  vividBlue80: "rgba(0, 51, 153, 1)",
-  vividBlue100: "rgba(22, 109, 252, 1)",
-  vividBlue200: "rgba(81, 147, 255, 1)",
-  vividBlue300: "rgba(239, 245, 255, 1)",
-};
-export const dark = {
-  alpha25: "rgba(255,255,255,.25)",
-  alpha50: "rgba(42,42,42,.5)",
-  blue80: "rgba(205, 212, 223, 1)",
-  blue100: "rgba(216, 51, 69, 1)",
-  blue200: "rgba(83, 118, 171, 1)",
-  blue300: "rgba(21, 31, 47, 1)",
-  gray0: "rgba(255, 255, 255, 1)",
-  gray20: "rgba(243, 243, 243, 1)",
-  gray40: "rgba(214, 213, 213, 1)",
-  gray60: "rgba(201, 200, 200, 1)",
-  gray80: "rgba(134, 133, 133, 1)",
-  gray100: "rgba(73, 73, 73, 1)",
-  gray200: "rgba(43, 43, 43, 1)",
-  gray300: "rgba(27, 26, 26, 1)",
-  gray400: "rgba(21, 20, 20, 1)",
-  gray500: "rgba(13, 12, 12, 1)",
-  gray600: "rgba(2, 2, 2, 1)",
-  green80: "rgba(81, 124, 42, 1)",
-  green100: "rgba(69, 101, 41, 1)",
-  green200: "rgba(37, 50, 27, 1)",
-  green300: "rgba(23, 30, 17, 1)",
-  gold80: "rgba(176, 132, 86, 1)",
-  gold100: "rgba(157, 102, 45, 1)",
-  gold200: "rgba(91, 60, 26, 1)",
-  gold300: "rgba(58, 41, 23, 1)",
-  orange80: "rgba(144, 102, 41, 1)",
-  orange100: "rgba(115, 83, 39, 1)",
-  orange200: "rgba(99, 73, 37, 1)",
-  orange300: "rgba(71, 54, 30, 1)",
-  red80: "rgba(240, 71, 58, 1)",
-  red100: "rgba(234, 11, 25, 1)",
-  red200: "rgba(152, 40, 32, 1)",
-  red300: "rgba(54, 23, 19, 1)",
-  vividBlue80: "rgba(155, 178, 217, 1)",
-  vividBlue100: "rgba(23, 97, 241, 1)",
-  vividBlue200: "rgba(36, 76, 155, 1)",
-  vividBlue300: "rgba(15, 18, 24, 1)",
-};
-export const staticColors = {
-  "alpha25-static": "rgba(42,42,42,.25)",
-  "alpha50-static": "rgba(42,42,42,.5)",
-  "blue80-static": "rgba(23,42,82,1)",
-  "blue100-static": "rgba(25, 85, 165, 1)",
-  "blue200-static": "rgba(61, 115, 213, 1)",
-  "blue300-static": "rgba(221, 230, 242, 1)",
-  "gray0-static": "rgba(0,0,0,1)",
-  "gray20-static": "rgba(17,17,17,1)",
-  "gray40-static": "rgba(42,42,42,1)",
-  "gray60-static": "rgba(51,51,51,1)",
-  "gray80-static": "rgba(102,102,102,1)",
-  "gray100-static": "rgba(170,170,170,1)",
-  "gray200-static": "rgba(213,213,213,1)",
-  "gray300-static": "rgba(233,233,233,1)",
-  "gray400-static": "rgba(240,240,240,1)",
-  "gray500-static": "rgba(247,247,247,1)",
-  "gray600-static": "rgba(255,255,255,1)",
-  "green80-static": "rgba(73, 138, 12, 1)",
-  "green100-static": "rgba(97, 161, 37, 1)",
-  "green200-static": "rgba(174, 222, 125, 1)",
-  "green300-static": "rgba(223, 236, 211, 1)",
-  "gold80-static": "rgba(123, 78, 11, 1)",
-  "gold100-static": "rgba(158, 97, 5, 1)",
-  "gold200-static": "rgba(211, 158, 76, 1)",
-  "gold300-static": "rgba(224, 199, 161, 1)",
-  "orange80-static": "rgba(177, 110, 0, 1)",
-  "orange100-static": "rgba(242, 159, 24, 1)",
-  "orange200-static": "rgba(255, 183, 67, 1)",
-  "orange300-static": "rgba(251, 237, 213, 1)",
-  "red80-static": "rgba(209, 0, 0, 1)",
-  "red100-static": "rgba(234, 0, 23, 1)",
-  "red200-static": "rgba(242, 123, 129, 1)",
-  "red300-static": "rgba(242, 222, 222, 1)",
-  "vividBlue80-static": "rgba(0, 51, 153, 1)",
-  "vividBlue100-static": "rgba(22, 109, 252, 1)",
-  "vividBlue200-static": "rgba(81, 147, 255, 1)",
-  "vividBlue300-static": "rgba(239, 245, 255, 1)",
-};
-export const defaultTheme = {
-  primary: "$gray20",
-  secondary: "$gray600",
-  cta: "$vividBlue100",
-  disabled: "$alpha25",
-  accessible: "$gray80",
-  subtle: "$gray300",
-  error: "$red100",
-  success: "$green100",
-  warning: "$orange100",
-  signal: "$blue200",
-  onPrimary: "$gray600",
-  onSecondary: "$gray20",
-  onCta: "$gray600-static",
-  onDisabled: "$alpha50",
-  onMessage: "$gray600-static",
-};
-export const sizes = {
-  "100": "1rem",
-  "125": "1.25rem",
-  "150": "1.5rem",
-  "175": "1.75rem",
-  "200": "2rem",
-  "225": "2.25rem",
-  "250": "2.5rem",
-  "275": "2.75rem",
-  "300": "3rem",
-  "350": "3.5rem",
-  "400": "4rem",
-  "450": "4.5rem",
-  "500": "5rem",
-  "025": "0.25rem",
-  "050": "0.5rem",
-  "075": "0.75rem",
-  "087": "0.875rem",
-};
-export const spaces = {
-  "100": "1rem",
-  "125": "1.25rem",
-  "150": "1.5rem",
-  "175": "1.75rem",
-  "200": "2rem",
-  "225": "2.25rem",
-  "250": "2.5rem",
-  "275": "2.75rem",
-  "300": "3rem",
-  "350": "3.5rem",
-  "400": "4rem",
-  "450": "4.5rem",
-  "500": "5rem",
-  "025": "0.25rem",
-  "050": "0.5rem",
-  "075": "0.75rem",
-};
-export const radii = {
-  "100": "1rem",
-  "125": "1.25rem",
-  "150": "1.5rem",
-  "012": "0.125rem",
-  "025": "0.25rem",
-  "050": "0.5rem",
-  "075": "0.75rem",
-  round: "9999px",
-};
-export const fonts = {
-  headline: "Postoni, garamond, serif",
-  subhead: "Franklin, arial, sans-serif",
-  body: "georgia, Times New Roman, serif",
-  meta: "Franklin, arial, sans-serif",
-};
-export const fontSizes = {
-  "100": "1rem",
-  "112": "1.125rem",
-  "125": "1.25rem",
-  "150": "1.5rem",
-  "175": "1.75rem",
-  "200": "2rem",
-  "225": "2.25rem",
-  "250": "2.5rem",
-  "275": "2.75rem",
-  "300": "3rem",
-  "350": "3.5rem",
-  "400": "4rem",
-  "450": "4.5rem",
-  "500": "5rem",
-  "075": "0.75rem",
-  "087": "0.875rem",
-};
-export const fontWeights = { light: 300, regular: 400, bold: 700 };
-export const lineHeights = {
-  "100": 1,
-  "110": 1.1,
-  "125": 1.25,
-  "150": 1.5,
-  "160": 1.6,
-  "175": 1.75,
-  "200": 2,
-  "240": 2.4,
-};
-export const shadows = {
-  "50": "0px 2px 0px 0px #D5D5D5",
-  "100": "0px 1px 2px 0px rgba(102, 102, 102, 0.25)",
-  "200": "0px 2px 4px 0px rgba(102, 102, 102, 0.25)",
-  "300": "0px 4px 8px 0px rgba(102, 102, 102, 0.25)",
-  "400": "0px 8px 16px 0px rgba(102, 102, 102, 0.25)",
-  "500": "0px 16px 32px 0px rgba(102, 102, 102, 0.25)",
-};
-export const zIndices = { offer: 400, shell: 300, ads: 200, page: 100 };
+
+			export const base="16px"
+			export const light={"alpha25":"rgba(0,0,0,.05)","alpha50":"rgba(102,102,102,.5)","blue80":"rgba(23,42,82,1)","blue100":"rgba(25, 85, 165, 1)","blue200":"rgba(61, 115, 213, 1)","blue300":"rgba(221, 230, 242, 1)","gray0":"rgba(0,0,0,1)","gray20":"rgba(17,17,17,1)","gray40":"rgba(42,42,42,1)","gray60":"rgba(51,51,51,1)","gray80":"rgba(102,102,102,1)","gray100":"rgba(170,170,170,1)","gray200":"rgba(213,213,213,1)","gray300":"rgba(233,233,233,1)","gray400":"rgba(240,240,240,1)","gray500":"rgba(247,247,247,1)","gray600":"rgba(255,255,255,1)","green80":"rgba(73, 138, 12, 1)","green100":"rgba(97, 161, 37, 1)","green200":"rgba(174, 222, 125, 1)","green300":"rgba(223, 236, 211, 1)","gold80":"rgba(123, 78, 11, 1)","gold100":"rgba(158, 97, 5, 1)","gold200":"rgba(211, 158, 76, 1)","gold300":"rgba(224, 199, 161, 1)","orange80":"rgba(177, 110, 0, 1)","orange100":"rgba(242, 159, 24, 1)","orange200":"rgba(255, 183, 67, 1)","orange300":"rgba(251, 237, 213, 1)","red80":"rgba(209, 0, 0, 1)","red100":"rgba(234, 0, 23, 1)","red200":"rgba(242, 123, 129, 1)","red300":"rgba(242, 222, 222, 1)","vividBlue80":"rgba(0, 51, 153, 1)","vividBlue100":"rgba(22, 109, 252, 1)","vividBlue200":"rgba(81, 147, 255, 1)","vividBlue300":"rgba(239, 245, 255, 1)"}
+			export const dark={"alpha25":"rgba(255,255,255,.25)","alpha50":"rgba(42,42,42,.5)","blue80":"rgba(205, 212, 223, 1)","blue100":"rgba(216, 51, 69, 1)","blue200":"rgba(83, 118, 171, 1)","blue300":"rgba(21, 31, 47, 1)","gray0":"rgba(255, 255, 255, 1)","gray20":"rgba(243, 243, 243, 1)","gray40":"rgba(214, 213, 213, 1)","gray60":"rgba(201, 200, 200, 1)","gray80":"rgba(134, 133, 133, 1)","gray100":"rgba(73, 73, 73, 1)","gray200":"rgba(43, 43, 43, 1)","gray300":"rgba(27, 26, 26, 1)","gray400":"rgba(21, 20, 20, 1)","gray500":"rgba(13, 12, 12, 1)","gray600":"rgba(2, 2, 2, 1)","green80":"rgba(81, 124, 42, 1)","green100":"rgba(69, 101, 41, 1)","green200":"rgba(37, 50, 27, 1)","green300":"rgba(23, 30, 17, 1)","gold80":"rgba(176, 132, 86, 1)","gold100":"rgba(157, 102, 45, 1)","gold200":"rgba(91, 60, 26, 1)","gold300":"rgba(58, 41, 23, 1)","orange80":"rgba(144, 102, 41, 1)","orange100":"rgba(115, 83, 39, 1)","orange200":"rgba(99, 73, 37, 1)","orange300":"rgba(71, 54, 30, 1)","red80":"rgba(240, 71, 58, 1)","red100":"rgba(234, 11, 25, 1)","red200":"rgba(152, 40, 32, 1)","red300":"rgba(54, 23, 19, 1)","vividBlue80":"rgba(155, 178, 217, 1)","vividBlue100":"rgba(23, 97, 241, 1)","vividBlue200":"rgba(36, 76, 155, 1)","vividBlue300":"rgba(15, 18, 24, 1)"}
+			export const staticColors={"alpha25-static":"rgba(42,42,42,.25)","alpha50-static":"rgba(42,42,42,.5)","blue80-static":"rgba(23,42,82,1)","blue100-static":"rgba(25, 85, 165, 1)","blue200-static":"rgba(61, 115, 213, 1)","blue300-static":"rgba(221, 230, 242, 1)","gray0-static":"rgba(0,0,0,1)","gray20-static":"rgba(17,17,17,1)","gray40-static":"rgba(42,42,42,1)","gray60-static":"rgba(51,51,51,1)","gray80-static":"rgba(102,102,102,1)","gray100-static":"rgba(170,170,170,1)","gray200-static":"rgba(213,213,213,1)","gray300-static":"rgba(233,233,233,1)","gray400-static":"rgba(240,240,240,1)","gray500-static":"rgba(247,247,247,1)","gray600-static":"rgba(255,255,255,1)","green80-static":"rgba(73, 138, 12, 1)","green100-static":"rgba(97, 161, 37, 1)","green200-static":"rgba(174, 222, 125, 1)","green300-static":"rgba(223, 236, 211, 1)","gold80-static":"rgba(123, 78, 11, 1)","gold100-static":"rgba(158, 97, 5, 1)","gold200-static":"rgba(211, 158, 76, 1)","gold300-static":"rgba(224, 199, 161, 1)","orange80-static":"rgba(177, 110, 0, 1)","orange100-static":"rgba(242, 159, 24, 1)","orange200-static":"rgba(255, 183, 67, 1)","orange300-static":"rgba(251, 237, 213, 1)","red80-static":"rgba(209, 0, 0, 1)","red100-static":"rgba(234, 0, 23, 1)","red200-static":"rgba(242, 123, 129, 1)","red300-static":"rgba(242, 222, 222, 1)","vividBlue80-static":"rgba(0, 51, 153, 1)","vividBlue100-static":"rgba(22, 109, 252, 1)","vividBlue200-static":"rgba(81, 147, 255, 1)","vividBlue300-static":"rgba(239, 245, 255, 1)"}
+			export const defaultTheme={"primary":"$gray20","secondary":"$gray600","cta":"$vividBlue100","disabled":"$alpha25","accessible":"$gray80","subtle":"$gray300","error":"$red100","success":"$green100","warning":"$orange100","signal":"$blue200","onPrimary":"$gray600","onSecondary":"$gray20","onCta":"$gray600-static","onDisabled":"$alpha50","onMessage":"$gray600-static"}
+			export const sizes={"100":"1rem","125":"1.25rem","150":"1.5rem","175":"1.75rem","200":"2rem","225":"2.25rem","250":"2.5rem","275":"2.75rem","300":"3rem","350":"3.5rem","400":"4rem","450":"4.5rem","500":"5rem","025":"0.25rem","050":"0.5rem","075":"0.75rem","087":"0.875rem"}
+			export const spaces={"100":"1rem","125":"1.25rem","150":"1.5rem","175":"1.75rem","200":"2rem","225":"2.25rem","250":"2.5rem","275":"2.75rem","300":"3rem","350":"3.5rem","400":"4rem","450":"4.5rem","500":"5rem","025":"0.25rem","050":"0.5rem","075":"0.75rem"}
+			export const radii={"100":"1rem","125":"1.25rem","150":"1.5rem","012":"0.125rem","025":"0.25rem","050":"0.5rem","075":"0.75rem","round":"9999px"}
+			export const fonts={"headline":"Postoni, garamond, serif","subhead":"Franklin, arial, sans-serif","body":"georgia, Times New Roman, serif","meta":"Franklin, arial, sans-serif"}
+			export const fontSizes={"100":"1rem","112":"1.125rem","125":"1.25rem","150":"1.5rem","175":"1.75rem","200":"2rem","225":"2.25rem","250":"2.5rem","275":"2.75rem","300":"3rem","350":"3.5rem","400":"4rem","450":"4.5rem","500":"5rem","075":"0.75rem","087":"0.875rem"}
+			export const fontWeights={"light":300,"regular":400,"bold":700}
+			export const lineHeights={"100":1,"110":1.1,"125":1.25,"150":1.5,"160":1.6,"175":1.75,"200":2,"240":2.4}
+			export const shadows={"50":"0px 2px 0px 0px #D5D5D5","100":"0px 1px 2px 0px rgba(102, 102, 102, 0.25)","200":"0px 2px 4px 0px rgba(102, 102, 102, 0.25)","300":"0px 4px 8px 0px rgba(102, 102, 102, 0.25)","400":"0px 8px 16px 0px rgba(102, 102, 102, 0.25)","500":"0px 16px 32px 0px rgba(102, 102, 102, 0.25)"}
+			export const zIndices={"offer":400,"shell":300,"ads":200,"page":100}
+			

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

185297

decreased by-0.34%

Lines of code

3947

decreased by-4.71%

No dependency changes