// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`useTheme should output the base tokens as expected 1`] = `
Object {
  "borderWidths": Object {
    "large": 3,
    "medium": 2,
    "small": 1,
  },
  "colors": Object {
    "background": Object {
      "disabled": "hsl(210, 5%, 94%)",
      "error": "hsl(0, 75%, 85%)",
      "info": "hsl(220, 85%, 85%)",
      "primary": "hsl(0, 0%, 100%)",
      "quaternary": "hsl(210, 10%, 58%)",
      "secondary": "hsl(210, 5%, 98%)",
      "success": "hsl(130, 60%, 90%)",
      "tertiary": "hsl(210, 5%, 94%)",
      "warning": "hsl(30, 75%, 85%)",
    },
    "black": "hsl(0, 0%, 0%)",
    "blue": Object {
      "10": "hsl(220, 95%, 95%)",
      "100": "hsl(220, 100%, 15%)",
      "20": "hsl(220, 85%, 85%)",
      "40": "hsl(220, 70%, 70%)",
      "60": "hsl(220, 50%, 50%)",
      "80": "hsl(220, 95%, 30%)",
      "90": "hsl(220, 100%, 20%)",
    },
    "border": Object {
      "disabled": "hsl(210, 5%, 94%)",
      "error": "hsl(0, 95%, 30%)",
      "focus": "hsl(190, 100%, 15%)",
      "pressed": "hsl(190, 100%, 15%)",
      "primary": "hsl(210, 10%, 58%)",
      "secondary": "hsl(210, 5%, 87%)",
      "tertiary": "hsl(210, 5%, 94%)",
    },
    "brand": Object {
      "primary": Object {
        "10": "hsl(190, 75%, 95%)",
        "100": "hsl(190, 100%, 15%)",
        "20": "hsl(190, 75%, 85%)",
        "40": "hsl(190, 70%, 70%)",
        "60": "hsl(190, 50%, 50%)",
        "80": "hsl(190, 95%, 30%)",
        "90": "hsl(190, 100%, 20%)",
      },
      "secondary": Object {
        "10": "hsl(300, 95%, 95%)",
        "100": "hsl(300, 100%, 15%)",
        "20": "hsl(300, 85%, 85%)",
        "40": "hsl(300, 70%, 70%)",
        "60": "hsl(300, 50%, 50%)",
        "80": "hsl(300, 95%, 30%)",
        "90": "hsl(300, 100%, 20%)",
      },
    },
    "font": Object {
      "active": "hsl(190, 100%, 15%)",
      "disabled": "hsl(210, 10%, 58%)",
      "error": "hsl(0, 100%, 20%)",
      "focus": "hsl(190, 100%, 15%)",
      "hover": "hsl(190, 100%, 20%)",
      "info": "hsl(220, 100%, 20%)",
      "interactive": "hsl(190, 95%, 30%)",
      "inverse": "hsl(0, 0%, 100%)",
      "primary": "hsl(210, 50%, 10%)",
      "secondary": "hsl(210, 25%, 25%)",
      "success": "hsl(130, 27%, 29%)",
      "tertiary": "hsl(210, 10%, 40%)",
      "warning": "hsl(30, 100%, 20%)",
    },
    "green": Object {
      "10": "hsl(130, 60%, 95%)",
      "100": "hsl(130, 22%, 23%)",
      "20": "hsl(130, 60%, 90%)",
      "40": "hsl(130, 44%, 63%)",
      "60": "hsl(130, 43%, 46%)",
      "80": "hsl(130, 33%, 37%)",
      "90": "hsl(130, 27%, 29%)",
    },
    "neutral": Object {
      "10": "hsl(210, 5%, 98%)",
      "100": "hsl(210, 50%, 10%)",
      "20": "hsl(210, 5%, 94%)",
      "40": "hsl(210, 5%, 87%)",
      "60": "hsl(210, 10%, 58%)",
      "80": "hsl(210, 10%, 40%)",
      "90": "hsl(210, 25%, 25%)",
    },
    "orange": Object {
      "10": "hsl(30, 75%, 95%)",
      "100": "hsl(30, 100%, 15%)",
      "20": "hsl(30, 75%, 85%)",
      "40": "hsl(30, 75%, 75%)",
      "60": "hsl(30, 50%, 50%)",
      "80": "hsl(30, 95%, 30%)",
      "90": "hsl(30, 100%, 20%)",
    },
    "overlay": Object {
      "10": "hsla(0, 0%, 0%, 0.1)",
      "20": "hsla(0, 0%, 0%, 0.2)",
      "30": "hsla(0, 0%, 0%, 0.3)",
      "40": "hsla(0, 0%, 0%, 0.4)",
      "50": "hsla(0, 0%, 0%, 0.5)",
      "60": "hsla(0, 0%, 0%, 0.6)",
      "70": "hsla(0, 0%, 0%, 0.7)",
      "80": "hsla(0, 0%, 0%, 0.8)",
      "90": "hsla(0, 0%, 0%, 0.9)",
    },
    "pink": Object {
      "10": "hsl(340, 95%, 95%)",
      "100": "hsl(340, 100%, 15%)",
      "20": "hsl(340, 90%, 85%)",
      "40": "hsl(340, 70%, 70%)",
      "60": "hsl(340, 50%, 50%)",
      "80": "hsl(340, 95%, 30%)",
      "90": "hsl(340, 100%, 20%)",
    },
    "purple": Object {
      "10": "hsl(300, 95%, 95%)",
      "100": "hsl(300, 100%, 15%)",
      "20": "hsl(300, 85%, 85%)",
      "40": "hsl(300, 70%, 70%)",
      "60": "hsl(300, 50%, 50%)",
      "80": "hsl(300, 95%, 30%)",
      "90": "hsl(300, 100%, 20%)",
    },
    "red": Object {
      "10": "hsl(0, 75%, 95%)",
      "100": "hsl(0, 100%, 15%)",
      "20": "hsl(0, 75%, 85%)",
      "40": "hsl(0, 75%, 75%)",
      "60": "hsl(0, 50%, 50%)",
      "80": "hsl(0, 95%, 30%)",
      "90": "hsl(0, 100%, 20%)",
    },
    "shadow": Object {
      "primary": "hsla(210, 50%, 10%, 0.25)",
      "secondary": "hsla(210, 50%, 10%, 0.15)",
      "tertiary": "hsla(210, 50%, 10%, 0.05)",
    },
    "teal": Object {
      "10": "hsl(190, 75%, 95%)",
      "100": "hsl(190, 100%, 15%)",
      "20": "hsl(190, 75%, 85%)",
      "40": "hsl(190, 70%, 70%)",
      "60": "hsl(190, 50%, 50%)",
      "80": "hsl(190, 95%, 30%)",
      "90": "hsl(190, 100%, 20%)",
    },
    "transparent": "transparent",
    "white": "hsl(0, 0%, 100%)",
    "yellow": Object {
      "10": "hsl(60, 75%, 95%)",
      "100": "hsl(60, 100%, 15%)",
      "20": "hsl(60, 75%, 85%)",
      "40": "hsl(60, 75%, 75%)",
      "60": "hsl(60, 50%, 50%)",
      "80": "hsl(60, 95%, 30%)",
      "90": "hsl(60, 100%, 20%)",
    },
  },
  "fontSizes": Object {
    "large": 20,
    "medium": 16,
    "small": 14,
    "xl": 24,
    "xs": 12,
    "xxl": 32,
    "xxs": 8,
    "xxxl": 40,
  },
  "fontWeights": Object {
    "black": "900",
    "bold": "700",
    "extrabold": "800",
    "hairline": "100",
    "light": "300",
    "medium": "500",
    "normal": "400",
    "semibold": "600",
    "thin": "200",
  },
  "opacities": Object {
    "0": 0,
    "10": 0.1,
    "100": 1,
    "20": 0.2,
    "30": 0.3,
    "40": 0.4,
    "50": 0.5,
    "60": 0.6,
    "70": 0.7,
    "80": 0.8,
    "90": 0.9,
  },
  "radii": Object {
    "large": 16,
    "medium": 8,
    "small": 4,
    "xl": 32,
    "xs": 2,
    "xxl": 64,
    "xxxl": 128,
  },
  "space": Object {
    "large": 24,
    "medium": 16,
    "small": 12,
    "xl": 32,
    "xs": 8,
    "xxl": 48,
    "xxs": 4,
    "xxxl": 72,
  },
  "time": Object {
    "long": "500ms",
    "medium": "250ms",
    "short": "100ms",
  },
}
`;