@washingtonpost/wpds-theme - npm Package Compare versions

Comparing version 0.3.0-experimental.3 to 0.3.0-experimental.4

dist/index.js

@@ -1,430 +0,2 @@
-var $1f5Vm$stitchesreact = require("@stitches/react");
-
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
-}
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $5a6ba081e574f9d6$exports = {};
-
-$parcel$export($5a6ba081e574f9d6$exports, "styled", () => $5a6ba081e574f9d6$export$3817b7a54a07cec7);
-$parcel$export($5a6ba081e574f9d6$exports, "css", () => $5a6ba081e574f9d6$export$dbf350e5966cf602);
-$parcel$export($5a6ba081e574f9d6$exports, "globalCss", () => $5a6ba081e574f9d6$export$db53682eef82cc11);
-$parcel$export($5a6ba081e574f9d6$exports, "keyframes", () => $5a6ba081e574f9d6$export$d25ddfdf17c3ad3e);
-$parcel$export($5a6ba081e574f9d6$exports, "getCssText", () => $5a6ba081e574f9d6$export$681e449128971c74);
-$parcel$export($5a6ba081e574f9d6$exports, "theme", () => $5a6ba081e574f9d6$export$bca14c5b3b88a9c9);
-$parcel$export($5a6ba081e574f9d6$exports, "createTheme", () => $5a6ba081e574f9d6$export$25d302a5b900a763);
-$parcel$export($5a6ba081e574f9d6$exports, "config", () => $5a6ba081e574f9d6$export$e506a1d27d1eaa20);
-$parcel$export($5a6ba081e574f9d6$exports, "reset", () => $5a6ba081e574f9d6$export$aad8462122ac592b);
-$parcel$export($5a6ba081e574f9d6$exports, "utils", () => $5a6ba081e574f9d6$export$eab97d15b1788b8d);
-$parcel$export($5a6ba081e574f9d6$exports, "darkTheme", () => $5a6ba081e574f9d6$export$3e936a8db52a10a0);
-$parcel$export($5a6ba081e574f9d6$exports, "globalStyles", () => $5a6ba081e574f9d6$export$aa0e86c7c0d2f400);
-$parcel$export($5a6ba081e574f9d6$exports, "darkModeGlobalStyles", () => $5a6ba081e574f9d6$export$8539662ef1940416);
-
-const $21d63a228ddf375a$export$e2253033e6e1df16 = "16px";
-const $21d63a228ddf375a$export$a43af521ac8c3202 = {
-    alpha25: "rgba(215,215,215,.25)",
-    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)"
-};
-const $21d63a228ddf375a$export$55ce6f3a06c59543 = {
-    alpha25: "rgba(42,42,42,.25)",
-    alpha50: "rgba(42,42,42,.5)",
-    blue80: "rgba(205, 212, 223, 1)",
-    blue100: "rgba(131, 153, 186, 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)"
-};
-const $21d63a228ddf375a$export$686eaf7dc8982b71 = {
-    "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)"
-};
-const $21d63a228ddf375a$export$164de7ab8df77ef0 = {
-    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"
-};
-const $21d63a228ddf375a$export$c647cb0ee6e282fe = {
-    "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"
-};
-const $21d63a228ddf375a$export$4cc927f8c88c5368 = {
-    "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"
-};
-const $21d63a228ddf375a$export$18f838d5aba6962a = {
-    "100": "1rem",
-    "125": "1.25rem",
-    "150": "1.5rem",
-    "012": "0.125rem",
-    "025": "0.25rem",
-    "050": "0.5rem",
-    "075": "0.75rem",
-    round: "9999px"
-};
-const $21d63a228ddf375a$export$f45fbea8fe20ca8a = {
-    headline: "Postoni, garamond, serif",
-    subhead: "Franklin, arial, sans-serif",
-    body: "georgia, Times New Roman, serif",
-    meta: "Franklin, arial, sans-serif"
-};
-const $21d63a228ddf375a$export$67baea80019ff381 = {
-    "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"
-};
-const $21d63a228ddf375a$export$59230918eb9bd861 = {
-    light: 300,
-    regular: 400,
-    bold: 700
-};
-const $21d63a228ddf375a$export$e646ed6b629bf51e = {
-    "100": 1,
-    "110": 1.1,
-    "125": 1.25,
-    "150": 1.5,
-    "160": 1.6,
-    "175": 1.75,
-    "200": 2,
-    "240": 2.4
-};
-const $21d63a228ddf375a$export$3eb26d38a832ce9a = {
-    "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)"
-};
-const $21d63a228ddf375a$export$a01878c2d95345c0 = {
-    offer: 400,
-    shell: 300,
-    ads: 200,
-    page: 100
-};
-
-
-const $5a6ba081e574f9d6$var$prefix = "wpds";
-const $5a6ba081e574f9d6$var$WPDS = $1f5Vm$stitchesreact.createStitches({
-    prefix: $5a6ba081e574f9d6$var$prefix,
-    theme: {
-        colors: {
-            ...$21d63a228ddf375a$export$a43af521ac8c3202,
-            ...$21d63a228ddf375a$export$686eaf7dc8982b71,
-            ...$21d63a228ddf375a$export$164de7ab8df77ef0
-        },
-        sizes: $21d63a228ddf375a$export$c647cb0ee6e282fe,
-        space: $21d63a228ddf375a$export$4cc927f8c88c5368,
-        radii: $21d63a228ddf375a$export$18f838d5aba6962a,
-        fonts: $21d63a228ddf375a$export$f45fbea8fe20ca8a,
-        fontSizes: $21d63a228ddf375a$export$67baea80019ff381,
-        fontWeights: $21d63a228ddf375a$export$59230918eb9bd861,
-        shadows: $21d63a228ddf375a$export$3eb26d38a832ce9a,
-        zIndices: $21d63a228ddf375a$export$a01878c2d95345c0,
-        lineHeights: {
-            ...$21d63a228ddf375a$export$e646ed6b629bf51e,
-            headline: "$110",
-            body: "$160",
-            meta: "$125",
-            subhead: "$meta"
-        },
-        transitions: {
-            allFast: "all $fast $inOut",
-            fast: "0.2s",
-            normal: "0.3s",
-            inOut: "cubic-bezier(.4, 0, .2, 1)"
-        },
-        borderStyles: {
-        },
-        borderWidths: {
-        },
-        letterSpacings: {
-        }
-    },
-    media: {
-        sm: "(max-width: 767px)",
-        md: "(min-width: 768px) and (max-width: 899px)",
-        lg: "(min-width: 900px) and (max-width: 1023px)",
-        xl: "(min-width: 1024px) and (max-width: 1279px)",
-        xxl: "(min-width: 1280px) and (max-width: 1440px)",
-        notSm: "(min-width: 768px)",
-        notMd: "(min-width: 900px)",
-        notLg: "(min-width: 1024px)",
-        notXl: "(min-width: 1440px)",
-        motion: "(prefers-reduced-motion)",
-        hover: "(any-hover: hover)",
-        dark: "(prefers-color-scheme: dark)",
-        light: "(prefers-color-scheme: light)"
-    },
-    utils: {
-        px: (value)=>({
-                paddingLeft: value,
-                paddingRight: value
-            })
-        ,
-        py: (value)=>({
-                paddingTop: value,
-                paddingBottom: value
-            })
-        ,
-        my: (value)=>({
-                marginTop: value,
-                marginBottom: value
-            })
-        ,
-        mx: (value)=>({
-                marginLeft: value,
-                marginRight: value
-            })
-        ,
-        size: (value)=>({
-                width: value,
-                height: value
-            })
-    }
-});
-const { styled: $5a6ba081e574f9d6$export$3817b7a54a07cec7 , css: $5a6ba081e574f9d6$export$dbf350e5966cf602 , globalCss: $5a6ba081e574f9d6$export$db53682eef82cc11 , keyframes: $5a6ba081e574f9d6$export$d25ddfdf17c3ad3e , getCssText: $5a6ba081e574f9d6$export$681e449128971c74 , theme: $5a6ba081e574f9d6$export$bca14c5b3b88a9c9 , createTheme: $5a6ba081e574f9d6$export$25d302a5b900a763 , config: $5a6ba081e574f9d6$export$e506a1d27d1eaa20 , reset: $5a6ba081e574f9d6$export$aad8462122ac592b  } = $5a6ba081e574f9d6$var$WPDS;
-const $5a6ba081e574f9d6$export$eab97d15b1788b8d = $5a6ba081e574f9d6$export$e506a1d27d1eaa20.utils;
-const $5a6ba081e574f9d6$export$3e936a8db52a10a0 = $5a6ba081e574f9d6$export$25d302a5b900a763(`${$5a6ba081e574f9d6$var$prefix}-dark`, {
-    colors: {
-        ...$21d63a228ddf375a$export$55ce6f3a06c59543,
-        ...$21d63a228ddf375a$export$686eaf7dc8982b71,
-        ...$21d63a228ddf375a$export$164de7ab8df77ef0
-    }
-});
-const $5a6ba081e574f9d6$export$aa0e86c7c0d2f400 = $5a6ba081e574f9d6$export$db53682eef82cc11({
-    ":root": {
-        "--base": `${$21d63a228ddf375a$export$e2253033e6e1df16}`,
-        fontSize: "calc((var(--base) / 16) * 100%)",
-        lineHeight: "$meta"
-    },
-    "*": {
-        margin: 0,
-        padding: 0,
-        boxSizing: "border-box",
-        transition: "$allFast"
-    },
-    html: {
-        overflowX: "hidden",
-        "-webkit-font-smoothing": "antialiased",
-        textRendering: "optimizeLegibility",
-        textSizeAdjust: "100%"
-    },
-    body: {
-        margin: 0,
-        fontFamily: "$meta"
-    },
-    "@font-face": [
-        {
-            fontFamily: "Postoni",
-            fontWeight: 700,
-            fontDisplay: "fallback",
-            src: "url(https://www.washingtonpost.com/wp-stat/assets/fonts/PostoniWide-Bold.woff2)"
-        },
-        {
-            fontFamily: "Postoni",
-            fontWeight: 300,
-            fontDisplay: "fallback",
-            src: "url(https://www.washingtonpost.com/wp-stat/assets/fonts/PostoniWide-Regular.woff2)"
-        },
-        {
-            fontFamily: "Franklin",
-            fontWeight: 700,
-            fontDisplay: "fallback",
-            src: "url(https://www.washingtonpost.com/wp-stat/assets/fonts/ITC_Franklin-Bold.woff2)"
-        },
-        {
-            fontFamily: "Franklin",
-            fontWeight: 300,
-            fontDisplay: "fallback",
-            src: "url(https://www.washingtonpost.com/wp-stat/assets/fonts/ITC_Franklin-Light.woff2)"
-        }
-    ]
-});
-const $5a6ba081e574f9d6$export$8539662ef1940416 = $5a6ba081e574f9d6$export$db53682eef82cc11({
-    "@dark": {
-        ...Object.keys($5a6ba081e574f9d6$export$3e936a8db52a10a0.colors).reduce((varSet, currentColorKey)=>{
-            const currentColor = $5a6ba081e574f9d6$export$3e936a8db52a10a0.colors[currentColorKey];
-            const currentColorValue = currentColor.value.substring(0, 1) === "$" ? `$colors${currentColor.value}` : currentColor.value;
-            return {
-                [currentColor.variable]: currentColorValue,
-                ...varSet
-            };
-        }, {
-        })
-    }
-});
-
-
-$parcel$exportWildcard(module.exports, $5a6ba081e574f9d6$exports);
-
-
-//# sourceMappingURL=index.js.map
+var I=Object.create;var g=Object.defineProperty,L=Object.defineProperties,R=Object.getOwnPropertyDescriptor,H=Object.getOwnPropertyDescriptors,M=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,O=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var c=(r,a,e)=>a in r?g(r,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[a]=e,t=(r,a)=>{for(var e in a||(a={}))m.call(a,e)&&c(r,e,a[e]);if(d)for(var e of d(a))j.call(a,e)&&c(r,e,a[e]);return r},p=(r,a)=>L(r,H(a)),h=r=>g(r,"__esModule",{value:!0});var X=(r,a)=>{for(var e in a)g(r,e,{get:a[e],enumerable:!0})},x=(r,a,e,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of M(a))!m.call(r,s)&&(e||s!=="default")&&g(r,s,{get:()=>a[s],enumerable:!(i=R(a,s))||i.enumerable});return r},_=(r,a)=>x(h(g(r!=null?I(O(r)):{},"default",!a&&r&&r.__esModule?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r),A=(r=>(a,e)=>r&&r.get(a)||(e=x(h({}),a,1),r&&r.set(a,e),e))(typeof WeakMap!="undefined"?new WeakMap:0);var a0={};X(a0,{config:()=>V,createTheme:()=>D,css:()=>E,darkModeGlobalStyles:()=>r0,darkTheme:()=>b,getCssText:()=>K,globalCss:()=>l,globalStyles:()=>Z,keyframes:()=>J,reset:()=>U,styled:()=>q,theme:()=>Q,utils:()=>Y});var W=_(require("@stitches/react"));var f="16px",u={alpha25:"rgba(215,215,215,.25)",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)"},w={alpha25:"rgba(42,42,42,.25)",alpha50:"rgba(42,42,42,.5)",blue80:"rgba(205, 212, 223, 1)",blue100:"rgba(131, 153, 186, 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)"},o={"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)"},n={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"},k={"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"},v={"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"},$={"100":"1rem","125":"1.25rem","150":"1.5rem","012":"0.125rem","025":"0.25rem","050":"0.5rem","075":"0.75rem",round:"9999px"},S={headline:"Postoni, garamond, serif",subhead:"Franklin, arial, sans-serif",body:"georgia, Times New Roman, serif",meta:"Franklin, arial, sans-serif"},B={"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"},z={light:300,regular:400,bold:700},P={"100":1,"110":1.1,"125":1.25,"150":1.5,"160":1.6,"175":1.75,"200":2,"240":2.4},F={"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)"},C={offer:400,shell:300,ads:200,page:100};var T="wpds",N=W.createStitches({prefix:T,theme:{colors:t(t(t({},u),o),n),sizes:k,space:v,radii:$,fonts:S,fontSizes:B,fontWeights:z,shadows:F,zIndices:C,lineHeights:p(t({},P),{headline:"$110",body:"$160",meta:"$125",subhead:"$meta"}),transitions:{allFast:"all $fast $inOut",fast:"0.2s",normal:"0.3s",inOut:"cubic-bezier(.4, 0, .2, 1)"},borderStyles:{},borderWidths:{},letterSpacings:{}},media:{sm:"(max-width: 767px)",md:"(min-width: 768px) and (max-width: 899px)",lg:"(min-width: 900px) and (max-width: 1023px)",xl:"(min-width: 1024px) and (max-width: 1279px)",xxl:"(min-width: 1280px) and (max-width: 1440px)",notSm:"(min-width: 768px)",notMd:"(min-width: 900px)",notLg:"(min-width: 1024px)",notXl:"(min-width: 1440px)",motion:"(prefers-reduced-motion)",hover:"(any-hover: hover)",dark:"(prefers-color-scheme: dark)",light:"(prefers-color-scheme: light)"},utils:{px:r=>({paddingLeft:r,paddingRight:r}),py:r=>({paddingTop:r,paddingBottom:r}),my:r=>({marginTop:r,marginBottom:r}),mx:r=>({marginLeft:r,marginRight:r}),size:r=>({width:r,height:r})}}),{styled:q,css:E,globalCss:l,keyframes:J,getCssText:K,theme:Q,createTheme:D,config:V,reset:U}=N,Y=V.utils,b=D(`${T}-dark`,{colors:t(t(t({},w),o),n)}),Z=l({":root":{"--base":`${f}`,fontSize:"calc((var(--base) / 16) * 100%)",lineHeight:"$meta"},"*":{margin:0,padding:0,boxSizing:"border-box",transition:"$allFast"},html:{overflowX:"hidden","-webkit-font-smoothing":"antialiased",textRendering:"optimizeLegibility",textSizeAdjust:"100%"},body:{margin:0,fontFamily:"$meta"},"@font-face":[{fontFamily:"Postoni",fontWeight:700,fontDisplay:"fallback",src:"url(https://www.washingtonpost.com/wp-stat/assets/fonts/PostoniWide-Bold.woff2)"},{fontFamily:"Postoni",fontWeight:300,fontDisplay:"fallback",src:"url(https://www.washingtonpost.com/wp-stat/assets/fonts/PostoniWide-Regular.woff2)"},{fontFamily:"Franklin",fontWeight:700,fontDisplay:"fallback",src:"url(https://www.washingtonpost.com/wp-stat/assets/fonts/ITC_Franklin-Bold.woff2)"},{fontFamily:"Franklin",fontWeight:300,fontDisplay:"fallback",src:"url(https://www.washingtonpost.com/wp-stat/assets/fonts/ITC_Franklin-Light.woff2)"}]}),r0=l({"@dark":t({},Object.keys(b.colors).reduce((r,a)=>{let e=b.colors[a],i=e.value.substring(0,1)==="$"?`$colors${e.value}`:e.value;return t({[e.variable]:i},r)},{}))});module.exports=A(a0);0&&(module.exports={config,createTheme,css,darkModeGlobalStyles,darkTheme,getCssText,globalCss,globalStyles,keyframes,reset,styled,theme,utils});
+//# sourceMappingURL=index.js.map

package.json

 {
   "name": "@washingtonpost/wpds-theme",
-  "version": "0.3.0-experimental.3",
+  "version": "0.3.0-experimental.4",
   "description": "> TODO: description",
@@ -10,3 +10,3 @@ "author": "artmsilva <[e-mail]>",
   "main": "dist/index.js",
-  "module": "dist/index.module.js",
+  "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -29,4 +29,3 @@ "files": [
     "build:transform": "node build/transform.js",
-    "build": "npm run build:transform && parcel build",
-    "watch": "npx parcel watch --log-level verbose --no-cache",
+    "build": "npm run build:transform && npx tsup src/index.ts --loader .ts=tsx --minify --format esm,cjs --dts --sourcemap --legacy-output --external react --clean @stitches/react",
     "test": "echo \"Error: run tests from root\" && exit 1"
@@ -37,6 +36,2 @@ },
   },
-  "dependencies": {
-    "@babel/runtime": "^7.13.10",
-    "@stitches/react": "^1.2.6"
-  },
   "peerDependencies": {
@@ -46,5 +41,6 @@ "@stitches/react": "*"
   "devDependencies": {
-    "parcel": "^2.0.1"
+    "tsup": "^5.11.13",
+    "typescript": "^4.5.5"
   },
-  "gitHead": "dc6250bfd5d35730d71a5b57f89bc0e24e61db3d"
+  "gitHead": "0bf1ca8d1e590c5e24e5ab54152662273f1328ac"
 }

src/stitches.config.ts

 import * as stitches from "@stitches/react";
+import type * as Stitches from "@stitches/react";
 import * as tokens from "./tokens";
@@ -56,19 +57,19 @@ export type { VariantProps } from "@stitches/react";
   utils: {
-    px: (value: any) => ({
+    px: (value: Stitches.PropertyValue<"padding">) => ({
       paddingLeft: value,
       paddingRight: value,
     }),
-    py: (value: any) => ({
+    py: (value: Stitches.PropertyValue<"padding">) => ({
       paddingTop: value,
       paddingBottom: value,
     }),
-    my: (value: any) => ({
+    my: (value: Stitches.PropertyValue<"padding">) => ({
       marginTop: value,
       marginBottom: value,
     }),
-    mx: (value: any) => ({
+    mx: (value: Stitches.PropertyValue<"padding">) => ({
       marginLeft: value,
       marginRight: value,
     }),
-    size: (value: any) => ({
+    size: (value: Stitches.PropertyValue<"width" | "height">) => ({
       width: value,
@@ -75,0 +76,0 @@ height: value,

src/tokens.ts

@@ -1,226 +0,16 @@
-export const base = "16px";
-export const light = {
-  alpha25: "rgba(215,215,215,.25)",
-  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(42,42,42,.25)",
-  alpha50: "rgba(42,42,42,.5)",
-  blue80: "rgba(205, 212, 223, 1)",
-  blue100: "rgba(131, 153, 186, 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(215,215,215,.25)","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(42,42,42,.25)","alpha50":"rgba(42,42,42,.5)","blue80":"rgba(205, 212, 223, 1)","blue100":"rgba(131, 153, 186, 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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

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

Improved metrics

Dependency count

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

185342

decreased by-9.7%

Dev dependency count

2

increased by100%

Number of package files

12

decreased by-7.69%

Lines of code

3947

decreased by-16.13%

Number of low quality alerts

2

increased by100%

Dependency changes

• - Removed@babel/runtime@^7.13.10

• - Removed@stitches/react@^1.2.6

• - Removed@babel/runtime@7.26.0(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)