@huma-finance/shared 0.0.6-alpha.0

package/dist/theme/palette.js

@@ -0,0 +1,137 @@
+// primary
+export const primaryPurple = '#c265d0';
+export const primaryBlueLight = '#4473EB';
+export const primaryGradient = 'linear-gradient(232.71deg, #A363F4 4.17%, #FF6A8A 178.69%);';
+// Secondary
+export const pendingBlueDark = '#1148B2';
+export const pendingBlue = '#226BF9';
+export const pendingBlueMid = '#4584FF';
+export const pendingBlueLight = '#79A5FB';
+export const warningRed = '#D01638';
+export const warningRedMid = '#E71E44';
+export const warningRedLight = '#FF4366';
+export const warningRedPastel = '#FF708B';
+export const backgroundBlue = '#081824';
+export const darkBackground = '#0C2436';
+export const white = '#FFFFFF';
+export const black = {
+    1: '#000000',
+    2: '#2A252F',
+    3: '#423B46',
+    4: '#534E59',
+    5: '#6B6572',
+    6: '#76707E',
+};
+export const orange = {
+    100: '#FFA979',
+    300: '#FF8F51',
+    500: '#FD792F',
+    700: '#E96216',
+};
+const yellow = {
+    100: '#FFECB0',
+    300: '#FFE07E',
+    500: '#FFD54F',
+    700: '#F8BE28',
+};
+const grey = {
+    100: '#CBD6DE',
+    200: '#6B6B6B',
+    300: '#606060',
+    400: '#5E7485',
+    600: '#395062',
+    700: '#6B6572',
+    800: '#4A4A4A',
+};
+const green = {
+    100: '#66F8D3',
+    200: '#1DE9B6',
+    500: '#00CA97',
+    700: '#0DBC90',
+};
+export const blue = {
+    50: '#8AD5FF',
+    100: '#3DB9FF',
+    200: '#0BA7FE',
+    300: '#0095E9',
+    500: '#0070AF',
+    800: '#013859',
+};
+export const red = {
+    50: '#FEAEA8',
+    100: '#FA8B84',
+    200: '#EA726A',
+    300: '#E75E55',
+    500: '#BC4E46',
+    800: '#472D33',
+};
+export const purple = {
+    100: '#DEB8FC',
+    200: '#C476FF',
+    300: '#B452FF',
+    500: '#9D3BE8',
+    800: '#651C9C',
+};
+export const paletteCore = {
+    alert: {
+        contrastText: black[1],
+        dark: yellow[700],
+        light: yellow[300],
+        main: yellow[500],
+    },
+    background: {
+        default: white,
+        paper: white,
+    },
+    common: {
+        black: black[1],
+        white,
+    },
+    default: {
+        contrastText: black[1],
+        dark: white,
+        light: white,
+        main: white,
+    },
+    divider: grey[600],
+    error: {
+        dark: warningRed,
+        light: warningRedPastel,
+        main: warningRedLight,
+    },
+    grey,
+    info: {
+        contrastText: black[1],
+        dark: pendingBlue,
+        light: pendingBlueLight,
+        main: pendingBlueMid,
+        superDark: darkBackground,
+        superLight: blue[50],
+    },
+    mode: 'light',
+    primary: {
+        main: primaryPurple,
+        light: primaryBlueLight,
+    },
+    secondary: {
+        contrastText: black[1],
+        main: white,
+    },
+    success: {
+        light: green[100],
+        main: green[200],
+    },
+    text: {
+        primary: black[5],
+        secondary: black[6],
+        tertiary: black[3],
+        quaternary: grey[400],
+    },
+    warning: {
+        contrastText: black[1],
+        light: orange[100],
+        main: orange[500],
+        superLight: yellow[100],
+    },
+};
+//# sourceMappingURL=palette.js.map

package/dist/theme/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"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"}

package/dist/theme/shape.d.ts

@@ -0,0 +1,2 @@
+import { ThemeOptions } from '@mui/material';
+export declare const shape: ThemeOptions['shape'];

package/dist/theme/shape.js

@@ -0,0 +1,5 @@
+import { coreThemeConstants } from './coreThemeConstants';
+export const shape = {
+    borderRadius: coreThemeConstants.borderRadius.md,
+};
+//# sourceMappingURL=shape.js.map

package/dist/theme/shape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape.js","sourceRoot":"","sources":["../../src/theme/shape.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,CAAC,MAAM,KAAK,GAA0B;IAC1C,YAAY,EAAE,kBAAkB,CAAC,YAAY,CAAC,EAAE;CACjD,CAAA"}

package/dist/theme/theme.types.d.ts

@@ -0,0 +1,72 @@
+/// <reference types="react" />
+import type { Theme as MUITheme, PaletteColorOptions } from '@mui/material/styles';
+import { cssMixins } from './cssMixins';
+declare module '@mui/material/styles/createPalette' {
+    interface TypeText {
+        quaternary: string;
+        tertiary: string;
+    }
+}
+declare module '@mui/material/styles' {
+    interface Theme {
+        cssMixins: typeof cssMixins;
+    }
+    interface ThemeOptions {
+        cssMixins: typeof cssMixins;
+    }
+    interface PaletteColor {
+        superDark?: string;
+        superLight?: string;
+    }
+    interface SimplePaletteColorOptions {
+        contrastText?: string;
+        dark?: string;
+        faded?: string;
+        light?: string;
+        main: string;
+        superDark?: string;
+        superLight?: string;
+    }
+    interface Palette {
+        alert: SimplePaletteColorOptions;
+        default: SimplePaletteColorOptions;
+    }
+    interface PaletteOptions {
+        alert?: PaletteColorOptions;
+        default?: PaletteColorOptions;
+    }
+    interface TypographyVariants {
+        body2Small: React.CSSProperties;
+        h3Large: React.CSSProperties;
+        labsSmall: React.CSSProperties;
+        nav: React.CSSProperties;
+        navSub: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        body2Small: React.CSSProperties;
+        h3Large: React.CSSProperties;
+        labsSmall: React.CSSProperties;
+        nav: React.CSSProperties;
+        navSub: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        body2Small: true;
+        h3Large: true;
+        labsSmall: true;
+        nav: true;
+        navSub: true;
+        sceneHeader: true;
+    }
+}
+declare module '@mui/material/Button' {
+    interface ButtonPropsColorOverrides {
+        alert: PaletteColorOptions | true;
+        default: PaletteColorOptions | true;
+    }
+}
+declare module '@emotion/react' {
+    interface Theme extends MUITheme {
+    }
+}

package/dist/theme/theme.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=theme.types.js.map

package/dist/theme/theme.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.types.js","sourceRoot":"","sources":["../../src/theme/theme.types.ts"],"names":[],"mappings":""}

package/dist/theme/typography.d.ts

@@ -0,0 +1,2 @@
+import { ThemeOptions } from '@mui/material';
+export declare const typography: ThemeOptions['typography'];

package/dist/theme/typography.js

@@ -0,0 +1,116 @@
+import { coreThemeConstants } from './coreThemeConstants';
+export const typography = {
+    body1: {
+        fontWeight: 400,
+        fontSize: '1.5rem',
+        letterSpacing: coreThemeConstants.letterSpacing.md,
+        lineHeight: coreThemeConstants.lineHeight.lg,
+    },
+    body2: {
+        fontWeight: 400,
+        fontSize: '1rem',
+        letterSpacing: coreThemeConstants.letterSpacing.xs,
+        lineHeight: coreThemeConstants.lineHeight.md,
+    },
+    body2Small: {
+        fontSize: '0.875rem',
+        fontWeight: 400,
+        letterSpacing: coreThemeConstants.letterSpacing.xs,
+        lineHeight: coreThemeConstants.lineHeight.md,
+    },
+    fontFamily: coreThemeConstants.fontFamily,
+    fontWeightBold: 600,
+    fontWeightLight: 300,
+    fontWeightMedium: 500,
+    fontWeightRegular: 400,
+    h1: {
+        /**
+         * h1 in design
+         * Used for
+         * - title in ProductCard
+         * - Apy value in ProductCard
+         * - title in protocol-position block
+         */
+        fontSize: '1.5rem',
+        fontWeight: 900,
+        letterSpacing: coreThemeConstants.letterSpacing.xs,
+        lineHeight: coreThemeConstants.lineHeight.md,
+    },
+    h2: {
+        /**
+         * h2 in design
+         * Used for
+         * - amount in small AmountDetail
+         * - Alert titles
+         */
+        fontSize: '1.25rem',
+        fontWeight: 500,
+        letterSpacing: coreThemeConstants.letterSpacing.sm,
+        lineHeight: coreThemeConstants.lineHeight.md,
+    },
+    h3: {
+        /**
+         * h3 in design
+         * Used for
+         * - Secondary headers in below fold content
+         */
+        fontSize: '1rem',
+        fontWeight: 500,
+        letterSpacing: coreThemeConstants.letterSpacing.md,
+        lineHeight: coreThemeConstants.lineHeight.md,
+    },
+    h3Large: {
+        /**
+         * h3 in design
+         * Used for
+         * - Secondary headers in below fold content
+         */
+        fontSize: '1.875rem',
+        fontWeight: 500,
+        letterSpacing: coreThemeConstants.letterSpacing.md,
+        lineHeight: coreThemeConstants.lineHeight.md,
+    },
+    h4: {
+        /**
+         * Used for
+         * - large feature text on product home pages
+         */
+        fontSize: '2.5rem',
+        fontWeight: 700,
+        letterSpacing: coreThemeConstants.letterSpacing.lg,
+        lineHeight: coreThemeConstants.lineHeight.md,
+    },
+    h5: {
+        /**
+         * Used for
+         * - main title of scenes,
+         */
+        fontSize: '1.75rem',
+        fontWeight: 500,
+        letterSpacing: coreThemeConstants.letterSpacing.md,
+        lineHeight: coreThemeConstants.lineHeight.md,
+    },
+    h6: {
+        fontSize: '1.25rem',
+        fontWeight: 500,
+        letterSpacing: coreThemeConstants.letterSpacing.sm,
+        lineHeight: coreThemeConstants.lineHeight.md,
+        color: 'rgba(0, 0, 0, 0.87)',
+    },
+    labsSmall: {
+        fontSize: '0.75rem',
+    },
+    nav: {
+        fontSize: '0.875rem',
+        fontWeight: 400,
+        letterSpacing: coreThemeConstants.letterSpacing.sm,
+        lineHeight: coreThemeConstants.lineHeight.md,
+    },
+    navSub: {
+        fontSize: '0.75rem',
+        fontWeight: 500,
+        letterSpacing: coreThemeConstants.letterSpacing.md,
+        // lineHeight: '1rem',
+    },
+};
+//# sourceMappingURL=typography.js.map

package/dist/theme/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"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"}