@gobolt/genesis 0.0.7

package/dist/styles/global-styles.d.ts

@@ -0,0 +1 @@
+export declare const GlobalStyles: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;

package/dist/styles/global-styles.js

@@ -0,0 +1,35 @@
+import { f as a } from "../styled-components.browser.esm-CZ1XM4o4.js";
+const e = a`
+  h1, h2, h3, h4, h5, h6 {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-weight: 700;
+    @media (max-width: ${({ theme: o }) => o.breakpoints.narrow}) {
+      color: ${({ theme: o }) => o.typography.narrow.heading1.color};
+    }
+    @media (max-width: ${({ theme: o }) => o.breakpoints.medium}) {
+      color: ${({ theme: o }) => o.typography.medium.heading1.color};
+    }
+    @media (min-width: ${({ theme: o }) => o.breakpoints.wide}) {
+      color: ${({ theme: o }) => o.typography.wide.heading1.color};
+    }
+  },
+  body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    @media (max-width: ${({ theme: o }) => o.breakpoints.narrow}) {
+      background: ${({ theme: o }) => o.typography.narrow.body1.background};
+      color: ${({ theme: o }) => o.typography.narrow.body1.color};
+    }
+    @media (max-width: ${({ theme: o }) => o.breakpoints.medium}) {
+      background: ${({ theme: o }) => o.typography.medium.body1.background};
+      color: ${({ theme: o }) => o.typography.medium.body1.color};
+    }
+    @media (min-width: ${({ theme: o }) => o.breakpoints.wide}) {
+      background: ${({ theme: o }) => o.typography.wide.body1.background};
+      color: ${({ theme: o }) => o.typography.wide.body1.color};
+    }
+    transition: background 0.2s ease-in, color 0.2s ease-in;
+  }
+`;
+export {
+  e as GlobalStyles
+};

package/dist/styles/theme/genesis-theme.d.ts

@@ -0,0 +1,75 @@
+import { GenesisTheme, BaseTokens } from './genesis-theme.types';
+
+export declare const breakpoints: {
+    wide: number;
+    medium: number;
+    narrow: number;
+};
+export declare const sizing: {
+    Size1: number;
+    Size2: number;
+    Size3: number;
+    Size4: number;
+    Size5: number;
+    Size6: number;
+    Size7: number;
+    Size8: number;
+    Size10: number;
+    Size12: number;
+    Size13: number;
+    Size14: number;
+    Size16: number;
+    Size18: number;
+    Size20: number;
+    Size24: number;
+    Size27: number;
+    Size28: number;
+    Size30: number;
+    Size32: number;
+    Size34: number;
+    Size35: number;
+    Size39: number;
+    Size43: number;
+    Size50: number;
+    Size64: number;
+    Size05: number;
+    Size15: number;
+    Size025: number;
+    Size25: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+};
+export declare const TypographySizeKey: {
+    display1: string;
+    display2: string;
+    display3: string;
+    heading1: string;
+    heading2: string;
+    heading3: string;
+    subHeading1: string;
+    subHeading2: string;
+    subHeading3: string;
+    body1: string;
+    body2: string;
+    body3: string;
+    body4: string;
+    body5: string;
+    message: string;
+    overline1: string;
+    overline2: string;
+    overline3: string;
+    label1: string;
+    label2: string;
+    label3: string;
+    link1: string;
+    link2: string;
+    link3: string;
+    digits1: string;
+    digits2: string;
+    digits3: string;
+};
+export declare const baseTokens: BaseTokens;
+export declare const lightTheme: GenesisTheme;
+export declare const darkTheme: GenesisTheme;