@huma-finance/shared 0.0.36 → 0.0.37

package/dist/theme/cssMixins.js

@@ -0,0 +1,90 @@
+import { css } from '@emotion/react';
+import { createTheme } from '@mui/material';
+import { coreThemeConstants } from './coreThemeConstants';
+const theme = createTheme({
+    spacing: coreThemeConstants.spacingBase,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+});
+export const cssMixins = {
+    appHeaderHeight: '80px',
+    appFooterHeight: '80px',
+    colCentered: css `
+    flex-direction: column;
+    align-items: center;
+    display: flex;
+    justify-content: center;
+  `,
+    colHCentered: css `
+    flex-direction: column;
+    display: flex;
+    justify-content: center;
+  `,
+    colStretch: css `
+    display: flex;
+    flex-direction: column;
+  `,
+    colVCentered: css `
+    flex-direction: column;
+    align-items: center;
+    display: flex;
+  `,
+    rowCentered: css `
+    align-items: center;
+    display: flex;
+    justify-content: center;
+  `,
+    rowHCentered: css `
+    display: flex;
+    justify-content: center;
+  `,
+    rowStretch: css `
+    display: flex;
+  `,
+    rowSpaceBetweened: css `
+    display: flex;
+    justify-content: space-between;
+  `,
+    rowFlexEnd: css `
+    justify-content: flex-end;
+    display: flex;
+  `,
+    rowVCentered: css `
+    align-items: center;
+    display: flex;
+  `,
+    spaceSimpleH: (spacing) => css `
+    margin-right: ${theme.spacing(spacing)};
+
+    &:last-child {
+      margin-right: 0;
+    }
+  `,
+    spaceSimpleV: (spacing) => css `
+    margin-bottom: ${theme.spacing(spacing)};
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    + & {
+      margin-top: ${theme.spacing(spacing)};
+    }
+  `,
+    stretchAll: css `
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  `,
+    stretchBottom: css `
+    right: 0;
+    bottom: 0;
+    left: 0;
+  `,
+    stretchTop: css `
+    top: 0;
+    right: 0;
+    left: 0;
+  `,
+};
+//# sourceMappingURL=cssMixins.js.map

package/dist/theme/cssMixins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssMixins.js","sourceRoot":"","sources":["../../src/theme/cssMixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAoB,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,KAAK,GAAG,WAAW,CAAC;IACxB,OAAO,EAAE,kBAAkB,CAAC,WAAW;IACvC,8DAA8D;CACxD,CAAC,CAAA;AAET,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,eAAe,EAAE,MAAM;IACvB,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,GAAG,CAAA;;;;;GAKf;IACD,YAAY,EAAE,GAAG,CAAA;;;;GAIhB;IACD,UAAU,EAAE,GAAG,CAAA;;;GAGd;IACD,YAAY,EAAE,GAAG,CAAA;;;;GAIhB;IACD,WAAW,EAAE,GAAG,CAAA;;;;GAIf;IACD,YAAY,EAAE,GAAG,CAAA;;;GAGhB;IACD,UAAU,EAAE,GAAG,CAAA;;GAEd;IACD,iBAAiB,EAAE,GAAG,CAAA;;;GAGrB;IACD,UAAU,EAAE,GAAG,CAAA;;;GAGd;IACD,YAAY,EAAE,GAAG,CAAA;;;GAGhB;IACD,YAAY,EAAE,CAAC,OAAe,EAAoB,EAAE,CAAC,GAAG,CAAA;oBACtC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;;;;;GAKvC;IACD,YAAY,EAAE,CAAC,OAAe,EAAoB,EAAE,CAAC,GAAG,CAAA;qBACrC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;;;;;;;oBAOvB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;;GAEvC;IACD,UAAU,EAAE,GAAG,CAAA;;;;;GAKd;IACD,aAAa,EAAE,GAAG,CAAA;;;;GAIjB;IACD,UAAU,EAAE,GAAG,CAAA;;;;GAId;CACF,CAAA"}

package/dist/theme/index.d.ts

@@ -0,0 +1,8 @@
+export * from './components';
+export * from './breakpoints';
+export * from './coreThemeConstants';
+export * from './cssMixins';
+export * from './palette';
+export * from './shape';
+export * from './typography';
+export declare const themeHuma: import("@mui/material").Theme;

package/dist/theme/index.js

@@ -0,0 +1,27 @@
+import { createTheme } from '@mui/material';
+import { breakpoints } from './breakpoints';
+import { components } from './components';
+import { coreThemeConstants } from './coreThemeConstants';
+import { cssMixins } from './cssMixins';
+import { paletteCore } from './palette';
+import { shape } from './shape';
+import { typography } from './typography';
+export * from './components';
+export * from './breakpoints';
+export * from './coreThemeConstants';
+export * from './cssMixins';
+export * from './palette';
+export * from './shape';
+export * from './typography';
+const themeBase = createTheme({
+    breakpoints,
+    cssMixins,
+    palette: paletteCore,
+    shape,
+    spacing: coreThemeConstants.spacingBase,
+    typography,
+});
+export const themeHuma = createTheme(themeBase, {
+    components: components(themeBase),
+});
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAE5B,MAAM,SAAS,GAAG,WAAW,CAAC;IAC5B,WAAW;IACX,SAAS;IACT,OAAO,EAAE,WAAW;IACpB,KAAK;IACL,OAAO,EAAE,kBAAkB,CAAC,WAAW;IACvC,UAAU;CACX,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,EAAE;IAC9C,UAAU,EAAE,UAAU,CAAC,SAAS,CAAC;CAClC,CAAC,CAAA"}

package/dist/theme/palette.d.ts

@@ -0,0 +1,53 @@
+import { ThemeOptions } from '@mui/material';
+export declare const primaryPurple = "#c265d0";
+export declare const primaryBlueLight = "#4473EB";
+export declare const primaryGradient = "linear-gradient(232.71deg, #A363F4 4.17%, #FF6A8A 178.69%);";
+export declare const pendingBlueDark = "#1148B2";
+export declare const pendingBlue = "#226BF9";
+export declare const pendingBlueMid = "#4584FF";
+export declare const pendingBlueLight = "#79A5FB";
+export declare const warningRed = "#D01638";
+export declare const warningRedMid = "#E71E44";
+export declare const warningRedLight = "#FF4366";
+export declare const warningRedPastel = "#FF708B";
+export declare const backgroundBlue = "#081824";
+export declare const darkBackground = "#0C2436";
+export declare const white = "#FFFFFF";
+export declare const black: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+export declare const orange: {
+    100: string;
+    300: string;
+    500: string;
+    700: string;
+};
+export declare const blue: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    500: string;
+    800: string;
+};
+export declare const red: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    500: string;
+    800: string;
+};
+export declare const purple: {
+    100: string;
+    200: string;
+    300: string;
+    500: string;
+    800: string;
+};
+export declare const paletteCore: ThemeOptions['palette'];

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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"}