@huma-finance/widgets 0.0.10 → 0.0.12

package/src/theme/theme.types.ts

@@ -1,80 +1,80 @@
-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
-  }
-}
-
-// Update the Typography's variant prop options
-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' {
-  export interface Theme extends MUITheme {}
-}
+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
+  }
+}
+
+// Update the Typography's variant prop options
+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' {
+  export interface Theme extends MUITheme {}
+}

package/src/theme/typography.ts

@@ -1,117 +1,117 @@
-import { ThemeOptions } from '@mui/material'
-import { coreThemeConstants } from './coreThemeConstants'
-
-export const typography: ThemeOptions['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',
-  },
-}
+import { ThemeOptions } from '@mui/material'
+import { coreThemeConstants } from './coreThemeConstants'
+
+export const typography: ThemeOptions['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',
+  },
+}

package/src/utilTypes.d.ts

@@ -1,29 +1,29 @@
-import { SvgIconProps } from '@mui/material'
-
-export type WCProps<P = {}> = P & {
-  children?: React.ReactNode
-}
-
-export type IconType = (
-  props: SvgIconProps<'svg', {}>,
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-) => React.ReactElement<any, string | React.JSXElementConstructor<any>>
-
-export type ColumnType<T> = {
-  title: string
-  dataIndex?: string
-  width?: number
-  noSeparator?: boolean
-  style?: Record<string, string>
-  action?: (record: T) => React.ReactNode
-}
-
-export type CustomError = {
-  message: string
-}
-
-declare global {
-  interface Window {
-    REACT_APP_FORCE_DEV_PREFIX_FOR_URLS: string
-  }
-}
+import { SvgIconProps } from '@mui/material'
+
+export type WCProps<P = {}> = P & {
+  children?: React.ReactNode
+}
+
+export type IconType = (
+  props: SvgIconProps<'svg', {}>,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+) => React.ReactElement<any, string | React.JSXElementConstructor<any>>
+
+export type ColumnType<T> = {
+  title: string
+  dataIndex?: string
+  width?: number
+  noSeparator?: boolean
+  style?: Record<string, string>
+  action?: (record: T) => React.ReactNode
+}
+
+export type CustomError = {
+  message: string
+}
+
+declare global {
+  interface Window {
+    REACT_APP_FORCE_DEV_PREFIX_FOR_URLS: string
+  }
+}

package/src/utils/env.ts

@@ -1,9 +1,9 @@
-const checkIsDev = () =>
-  !!(
-    window.REACT_APP_FORCE_DEV_PREFIX_FOR_URLS ||
-    window.location.hostname.startsWith('dev')
-  )
-
-export const envUtil = {
-  checkIsDev,
-}
+const checkIsDev = () =>
+  !!(
+    window.REACT_APP_FORCE_DEV_PREFIX_FOR_URLS ||
+    window.location.hostname.startsWith('dev')
+  )
+
+export const envUtil = {
+  checkIsDev,
+}

package/tsconfig.build.json

@@ -1,7 +1,7 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "composite": false
-  },
-  "include": ["src/**/*.d.ts", "src/**/*.types.ts", "src/index.tsx"]
-}
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "composite": false
+  },
+  "include": ["src/**/*.d.ts", "src/**/*.types.ts", "src/index.tsx"]
+}

package/tsconfig.json

@@ -1,32 +1,32 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsxImportSource": "@emotion/react",
-    "jsx": "react-jsx",
-    "declaration": true,
-    "declarationDir": "dts",
-    "emitDeclarationOnly": true,
-    "composite": true
-  },
-  "include": ["src/**/*", "src/**/*.json"],
-  "references": [
-    {
-      "path": "../huma-shared"
-    },
-    {
-      "path": "../huma-sdk"
-    }
-  ]
-}
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsxImportSource": "@emotion/react",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "declarationDir": "dts",
+    "emitDeclarationOnly": true,
+    "composite": true
+  },
+  "include": ["src/**/*", "src/**/*.json"],
+  "references": [
+    {
+      "path": "../huma-shared"
+    },
+    {
+      "path": "../huma-sdk"
+    }
+  ]
+}

package/webpack.cosmos.js

@@ -1,54 +1,54 @@
-const webpack = require('webpack')
-const dotenv = require('dotenv')
-
-module.exports = (webpackConfig) => {
-  const { module } = webpackConfig
-  const { rules } = module
-  return {
-    ...webpackConfig,
-    resolve: {
-      extensions: ['.js', '.jsx', '.ts', '.tsx'],
-      fallback: {
-        crypto: require.resolve('crypto-browserify'),
-        stream: require.resolve('stream-browserify'),
-        assert: require.resolve('assert'),
-        path: require.resolve('path-browserify'),
-        buffer: require.resolve('buffer'),
-      },
-      alias: {
-        zlib: require.resolve('browserify-zlib'),
-      },
-    },
-    module: {
-      rules: [
-        ...rules,
-        {
-          test: /\.svg$/i,
-          use: ['@svgr/webpack', 'url-loader'],
-        },
-        {
-          test: /\.(png|jpe?g|gif)$/i,
-          use: [
-            {
-              loader: 'file-loader',
-            },
-          ],
-        },
-      ],
-    },
-    plugins: [
-      new webpack.ProvidePlugin({
-        Buffer: ['buffer', 'Buffer'],
-      }),
-      // new webpack.DefinePlugin({
-      //   ...Object.entries(dotenv.config().parsed).reduce(
-      //     (acc, curr) => ({
-      //       ...acc,
-      //       [`process.env.${curr[0]}`]: JSON.stringify(curr[1]),
-      //     }),
-      //     {},
-      //   ),
-      // }),
-    ],
-  }
-}
+const webpack = require('webpack')
+const dotenv = require('dotenv')
+
+module.exports = (webpackConfig) => {
+  const { module } = webpackConfig
+  const { rules } = module
+  return {
+    ...webpackConfig,
+    resolve: {
+      extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      fallback: {
+        crypto: require.resolve('crypto-browserify'),
+        stream: require.resolve('stream-browserify'),
+        assert: require.resolve('assert'),
+        path: require.resolve('path-browserify'),
+        buffer: require.resolve('buffer'),
+      },
+      alias: {
+        zlib: require.resolve('browserify-zlib'),
+      },
+    },
+    module: {
+      rules: [
+        ...rules,
+        {
+          test: /\.svg$/i,
+          use: ['@svgr/webpack', 'url-loader'],
+        },
+        {
+          test: /\.(png|jpe?g|gif)$/i,
+          use: [
+            {
+              loader: 'file-loader',
+            },
+          ],
+        },
+      ],
+    },
+    plugins: [
+      new webpack.ProvidePlugin({
+        Buffer: ['buffer', 'Buffer'],
+      }),
+      // new webpack.DefinePlugin({
+      //   ...Object.entries(dotenv.config().parsed).reduce(
+      //     (acc, curr) => ({
+      //       ...acc,
+      //       [`process.env.${curr[0]}`]: JSON.stringify(curr[1]),
+      //     }),
+      //     {},
+      //   ),
+      // }),
+    ],
+  }
+}