@blockscout/ui-toolkit 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/theme/recipes/toast.recipe.js

@@ -1,98 +0,0 @@
-import { defineSlotRecipe as t } from "@chakra-ui/react";
-const e = t({
-  slots: ["root", "title", "description", "indicator", "actionTrigger", "closeTrigger"],
-  base: {
-    root: {
-      width: "full",
-      display: "flex",
-      alignItems: "flex-start",
-      position: "relative",
-      gap: "3",
-      py: "3",
-      ps: "6",
-      pe: "3",
-      borderRadius: "md",
-      translate: "var(--x) var(--y)",
-      scale: "var(--scale)",
-      zIndex: "var(--z-index)",
-      height: "var(--height)",
-      opacity: "var(--opacity)",
-      willChange: "translate, opacity, scale",
-      transition: "translate 400ms, scale 400ms, opacity 400ms, height 400ms, box-shadow 200ms",
-      transitionTimingFunction: "cubic-bezier(0.21, 1.02, 0.73, 1)",
-      _closed: {
-        transition: "translate 400ms, scale 400ms, opacity 200ms",
-        transitionTimingFunction: "cubic-bezier(0.06, 0.71, 0.55, 1)"
-      },
-      bg: "toast.bg.info",
-      color: "toast.fg",
-      boxShadow: "xl",
-      "--toast-trigger-bg": "colors.bg.muted",
-      "&[data-type=warning]": {
-        color: "toast.fg",
-        bg: "toast.bg.warning",
-        "--toast-trigger-bg": "{white/10}",
-        "--toast-border-color": "{white/40}"
-      },
-      "&[data-type=success]": {
-        color: "toast.fg",
-        bg: "toast.bg.success",
-        "--toast-trigger-bg": "{white/10}",
-        "--toast-border-color": "{white/40}"
-      },
-      "&[data-type=error]": {
-        color: "toast.fg",
-        bg: "toast.bg.error",
-        "--toast-trigger-bg": "{white/10}",
-        "--toast-border-color": "{white/40}"
-      },
-      "&[data-type=info]": {
-        color: "toast.fg",
-        bg: "toast.bg.info",
-        "--toast-trigger-bg": "{white/10}",
-        "--toast-border-color": "{white/40}"
-      },
-      "&[data-type=loading]": {
-        color: "toast.fg",
-        bg: "toast.bg.info",
-        "--toast-trigger-bg": "{white/10}",
-        "--toast-border-color": "{white/40}"
-      }
-    },
-    title: {
-      fontWeight: "700",
-      textStyle: "md",
-      marginEnd: "0"
-    },
-    description: {
-      display: "inline",
-      textStyle: "md"
-    },
-    indicator: {
-      flexShrink: "0",
-      boxSize: "5"
-    },
-    actionTrigger: {
-      textStyle: "sm",
-      fontWeight: "medium",
-      height: "8",
-      px: "3",
-      borderRadius: "base",
-      alignSelf: "center",
-      borderWidth: "1px",
-      borderColor: "var(--toast-border-color, inherit)",
-      transition: "background 200ms",
-      _hover: {
-        bg: "var(--toast-trigger-bg)"
-      }
-    },
-    closeTrigger: {
-      position: "static",
-      alignSelf: "center",
-      color: "closeButton.fg"
-    }
-  }
-});
-export {
-  e as recipe
-};

package/dist/theme/recipes/toast.recipe.ts

@@ -1,97 +0,0 @@
-import { defineSlotRecipe } from '@chakra-ui/react';
-
-export const recipe = defineSlotRecipe({
-  slots: [ 'root', 'title', 'description', 'indicator', 'actionTrigger', 'closeTrigger' ],
-  base: {
-    root: {
-      width: 'full',
-      display: 'flex',
-      alignItems: 'flex-start',
-      position: 'relative',
-      gap: '3',
-      py: '3',
-      ps: '6',
-      pe: '3',
-      borderRadius: 'md',
-      translate: 'var(--x) var(--y)',
-      scale: 'var(--scale)',
-      zIndex: 'var(--z-index)',
-      height: 'var(--height)',
-      opacity: 'var(--opacity)',
-      willChange: 'translate, opacity, scale',
-      transition:
-        'translate 400ms, scale 400ms, opacity 400ms, height 400ms, box-shadow 200ms',
-      transitionTimingFunction: 'cubic-bezier(0.21, 1.02, 0.73, 1)',
-      _closed: {
-        transition: 'translate 400ms, scale 400ms, opacity 200ms',
-        transitionTimingFunction: 'cubic-bezier(0.06, 0.71, 0.55, 1)',
-      },
-      bg: 'toast.bg.info',
-      color: 'toast.fg',
-      boxShadow: 'xl',
-      '--toast-trigger-bg': 'colors.bg.muted',
-      '&[data-type=warning]': {
-        color: 'toast.fg',
-        bg: 'toast.bg.warning',
-        '--toast-trigger-bg': '{white/10}',
-        '--toast-border-color': '{white/40}',
-      },
-      '&[data-type=success]': {
-        color: 'toast.fg',
-        bg: 'toast.bg.success',
-        '--toast-trigger-bg': '{white/10}',
-        '--toast-border-color': '{white/40}',
-      },
-      '&[data-type=error]': {
-        color: 'toast.fg',
-        bg: 'toast.bg.error',
-        '--toast-trigger-bg': '{white/10}',
-        '--toast-border-color': '{white/40}',
-      },
-      '&[data-type=info]': {
-        color: 'toast.fg',
-        bg: 'toast.bg.info',
-        '--toast-trigger-bg': '{white/10}',
-        '--toast-border-color': '{white/40}',
-      },
-      '&[data-type=loading]': {
-        color: 'toast.fg',
-        bg: 'toast.bg.info',
-        '--toast-trigger-bg': '{white/10}',
-        '--toast-border-color': '{white/40}',
-      },
-    },
-    title: {
-      fontWeight: '700',
-      textStyle: 'md',
-      marginEnd: '0',
-    },
-    description: {
-      display: 'inline',
-      textStyle: 'md',
-    },
-    indicator: {
-      flexShrink: '0',
-      boxSize: '5',
-    },
-    actionTrigger: {
-      textStyle: 'sm',
-      fontWeight: 'medium',
-      height: '8',
-      px: '3',
-      borderRadius: 'base',
-      alignSelf: 'center',
-      borderWidth: '1px',
-      borderColor: 'var(--toast-border-color, inherit)',
-      transition: 'background 200ms',
-      _hover: {
-        bg: 'var(--toast-trigger-bg)',
-      },
-    },
-    closeTrigger: {
-      position: 'static',
-      alignSelf: 'center',
-      color: 'closeButton.fg',
-    },
-  },
-});

package/dist/theme/recipes/tooltip.recipe.js

@@ -1,87 +0,0 @@
-import { defineSlotRecipe as o } from "@chakra-ui/react";
-const r = o({
-  slots: ["content", "arrow", "arrowTip"],
-  base: {
-    content: {
-      px: "2",
-      py: "1",
-      borderRadius: "sm",
-      fontWeight: "500",
-      textStyle: "sm",
-      textAlign: "center",
-      boxShadow: "size.md",
-      zIndex: "tooltip",
-      maxW: "320px",
-      transformOrigin: "var(--transform-origin)",
-      _open: {
-        animationStyle: "scale-fade-in",
-        animationDuration: "fast"
-      },
-      _closed: {
-        animationStyle: "scale-fade-out",
-        animationDuration: "fast"
-      }
-    },
-    arrow: {
-      "--arrow-size": "sizes.2",
-      "--arrow-background": "var(--tooltip-bg)"
-    },
-    arrowTip: {
-      borderTopWidth: "1px",
-      borderInlineStartWidth: "1px",
-      borderColor: "var(--tooltip-bg)"
-    }
-  },
-  variants: {
-    variant: {
-      regular: {
-        content: {
-          "--tooltip-bg": "colors.tooltip.bg",
-          bg: "var(--tooltip-bg)",
-          color: "tooltip.fg"
-        }
-      },
-      navigation: {
-        content: {
-          "--tooltip-bg": "colors.tooltip.navigation.bg",
-          bg: "var(--tooltip-bg)",
-          color: "tooltip.navigation.fg",
-          borderWidth: "0",
-          borderRadius: "base",
-          minW: "120px",
-          boxShadow: "none",
-          textAlign: "center",
-          padding: "15px 12px",
-          _selected: {
-            color: "tooltip.navigation.fg.selected"
-          }
-        },
-        arrow: {
-          display: "none"
-        },
-        arrowTip: {
-          display: "none"
-        }
-      },
-      popover: {
-        content: {
-          maxW: "none",
-          bg: "popover.bg",
-          color: "text.primary",
-          p: "4",
-          boxShadow: "popover",
-          boxShadowColor: "popover.shadow",
-          borderRadius: "md",
-          textAlign: "left",
-          fontWeight: "normal"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "regular"
-  }
-});
-export {
-  r as recipe
-};

package/dist/theme/recipes/tooltip.recipe.ts

@@ -1,85 +0,0 @@
-import { defineSlotRecipe } from '@chakra-ui/react';
-
-export const recipe = defineSlotRecipe({
-  slots: [ 'content', 'arrow', 'arrowTip' ],
-  base: {
-    content: {
-      px: '2',
-      py: '1',
-      borderRadius: 'sm',
-      fontWeight: '500',
-      textStyle: 'sm',
-      textAlign: 'center',
-      boxShadow: 'size.md',
-      zIndex: 'tooltip',
-      maxW: '320px',
-      transformOrigin: 'var(--transform-origin)',
-      _open: {
-        animationStyle: 'scale-fade-in',
-        animationDuration: 'fast',
-      },
-      _closed: {
-        animationStyle: 'scale-fade-out',
-        animationDuration: 'fast',
-      },
-    },
-    arrow: {
-      '--arrow-size': 'sizes.2',
-      '--arrow-background': 'var(--tooltip-bg)',
-    },
-    arrowTip: {
-      borderTopWidth: '1px',
-      borderInlineStartWidth: '1px',
-      borderColor: 'var(--tooltip-bg)',
-    },
-  },
-  variants: {
-    variant: {
-      regular: {
-        content: {
-          '--tooltip-bg': 'colors.tooltip.bg',
-          bg: 'var(--tooltip-bg)',
-          color: 'tooltip.fg',
-        },
-      },
-      navigation: {
-        content: {
-          '--tooltip-bg': 'colors.tooltip.navigation.bg',
-          bg: 'var(--tooltip-bg)',
-          color: 'tooltip.navigation.fg',
-          borderWidth: '0',
-          borderRadius: 'base',
-          minW: '120px',
-          boxShadow: 'none',
-          textAlign: 'center',
-          padding: '15px 12px',
-          _selected: {
-            color: 'tooltip.navigation.fg.selected',
-          },
-        },
-        arrow: {
-          display: 'none',
-        },
-        arrowTip: {
-          display: 'none',
-        },
-      },
-      popover: {
-        content: {
-          maxW: 'none',
-          bg: 'popover.bg',
-          color: 'text.primary',
-          p: '4',
-          boxShadow: 'popover',
-          boxShadowColor: 'popover.shadow',
-          borderRadius: 'md',
-          textAlign: 'left',
-          fontWeight: 'normal',
-        },
-      },
-    },
-  },
-  defaultVariants: {
-    variant: 'regular',
-  },
-});

package/dist/theme/theme.js

@@ -1,40 +0,0 @@
-import { defineConfig as o, createSystem as m, defaultConfig as r } from "@chakra-ui/react";
-import { keyframes as e } from "./foundations/animations.js";
-import * as t from "./foundations/borders.js";
-import s from "./foundations/breakpoints.js";
-import i from "./foundations/colors.js";
-import f from "./foundations/durations.js";
-import a from "./foundations/semanticTokens.js";
-import p from "./foundations/shadows.js";
-import { fonts as n, textStyles as l } from "./foundations/typography.js";
-import { zIndex as d } from "./foundations/zIndex.js";
-import u from "./globalCss.js";
-import { slotRecipes as c, recipes as b } from "./recipes/index.js";
-const g = o({
-  globalCss: u,
-  theme: {
-    breakpoints: s,
-    keyframes: e,
-    recipes: b,
-    slotRecipes: c,
-    semanticTokens: a,
-    textStyles: l,
-    tokens: {
-      ...t,
-      colors: i,
-      durations: f,
-      fonts: n,
-      shadows: p,
-      zIndex: d,
-      fontWeights: {
-        normal: { value: "400" },
-        medium: { value: "500" },
-        semibold: { value: "600" },
-        bold: { value: "700" }
-      }
-    }
-  }
-}), T = m(r, g);
-export {
-  T as default
-};

package/dist/theme/theme.ts

@@ -1,41 +0,0 @@
-import { createSystem, defaultConfig, defineConfig } from '@chakra-ui/react';
-
-import { keyframes } from './foundations/animations';
-import * as borders from './foundations/borders';
-import breakpoints from './foundations/breakpoints';
-import colors from './foundations/colors';
-import durations from './foundations/durations';
-import semanticTokens from './foundations/semanticTokens';
-import shadows from './foundations/shadows';
-import { fonts, textStyles } from './foundations/typography';
-import zIndex from './foundations/zIndex';
-import globalCss from './globalCss';
-import { recipes, slotRecipes } from './recipes';
-
-const customConfig = defineConfig({
-  globalCss,
-  theme: {
-    breakpoints,
-    keyframes,
-    recipes,
-    slotRecipes,
-    semanticTokens,
-    textStyles,
-    tokens: {
-      ...borders,
-      colors,
-      durations,
-      fonts,
-      shadows,
-      zIndex,
-      fontWeights: {
-        normal: { value: '400' },
-        medium: { value: '500' },
-        semibold: { value: '600' },
-        bold: { value: '700' },
-      },
-    },
-  },
-});
-
-export default createSystem(defaultConfig, customConfig);

package/dist/theme/utils/entries.js

@@ -1,11 +0,0 @@
-function s(n, o) {
-  const t = {};
-  for (const r in n) {
-    const e = o(r, n[r]);
-    t[e[0]] = e[1];
-  }
-  return t;
-}
-export {
-  s as mapEntries
-};

package/dist/theme/utils/entries.ts

@@ -1,12 +0,0 @@
-// https://github.com/chakra-ui/chakra-ui/blob/main/packages/react/src/utils/entries.ts#L1
-export function mapEntries<A, B, K extends string | number | symbol>(
-  obj: { [key in K]: A },
-  f: (key: K, val: A) => [K, B],
-): { [key in K]: B } {
-  const result: { [key in K]: B } = {} as unknown as { [key in K]: B };
-  for (const key in obj) {
-    const kv = f(key, obj[key]);
-    result[kv[0]] = kv[1];
-  }
-  return result;
-}

package/dist/theme.d.ts

@@ -1,2 +0,0 @@
-export * from './theme/index'
-export {}

package/dist/theme.js

@@ -1,4 +0,0 @@
-import { default as a } from "./theme/theme.js";
-export {
-  a as theme
-};

package/dist/types/client/adProviders.js

@@ -1,12 +0,0 @@
-const n = [
-  "slise",
-  "adbutler",
-  "coinzilla",
-  "hype",
-  //   'getit', // temporary disabled
-  "none"
-], o = ["coinzilla", "none"];
-export {
-  n as SUPPORTED_AD_BANNER_PROVIDERS,
-  o as SUPPORTED_AD_TEXT_PROVIDERS
-};

package/dist/types/client/contract.js

@@ -1,13 +0,0 @@
-const T = [
-  "solidity-hardhat",
-  "solidity-foundry"
-], A = [
-  "solidity",
-  "vyper",
-  "yul",
-  "scilla"
-];
-export {
-  T as SMART_CONTRACT_EXTRA_VERIFICATION_METHODS,
-  A as SMART_CONTRACT_LANGUAGE_FILTERS
-};

package/dist/types/client/gasTracker.js

@@ -1,7 +0,0 @@
-const e = [
-  "usd",
-  "gwei"
-];
-export {
-  e as GAS_UNITS
-};

package/dist/types/client/navigation.js

@@ -1,4 +0,0 @@
-const p = ["rpc_api", "eth_rpc_api"];
-export {
-  p as NAVIGATION_LINK_IDS
-};

package/dist/types/client/rollup.js

@@ -1,11 +0,0 @@
-const i = [
-  "optimistic",
-  "arbitrum",
-  "shibarium",
-  "zkEvm",
-  "zkSync",
-  "scroll"
-];
-export {
-  i as ROLLUP_TYPES
-};

package/dist/types/client/txInterpretation.js

@@ -1,8 +0,0 @@
-const o = [
-  "blockscout",
-  "noves",
-  "none"
-];
-export {
-  o as PROVIDERS
-};

package/dist/types/client/validators.js

@@ -1,8 +0,0 @@
-const t = [
-  "stability",
-  "blackfort",
-  "zilliqa"
-];
-export {
-  t as VALIDATORS_CHAIN_TYPE
-};

package/dist/types/client/wallets.js

@@ -1,8 +0,0 @@
-const e = [
-  "metamask",
-  "coinbase",
-  "token_pocket"
-];
-export {
-  e as SUPPORTED_WALLETS
-};

package/dist/types/homepage.js

@@ -1,15 +0,0 @@
-const t = [
-  "latest_batch",
-  "total_blocks",
-  "average_block_time",
-  "total_txs",
-  "total_operational_txs",
-  "latest_l1_state_batch",
-  "wallet_addresses",
-  "gas_tracker",
-  "btc_locked",
-  "current_epoch"
-];
-export {
-  t as HOME_STATS_WIDGET_IDS
-};

package/dist/types/views/address.js

@@ -1,14 +0,0 @@
-const o = [
-  "github",
-  "jazzicon",
-  "gradient_avatar",
-  "blockie",
-  "nouns"
-], t = [
-  "top_accounts"
-], c = ["base16", "bech32"];
-export {
-  c as ADDRESS_FORMATS,
-  t as ADDRESS_VIEWS_IDS,
-  o as IDENTICON_TYPES
-};

package/dist/types/views/block.js

@@ -1,12 +0,0 @@
-const e = [
-  "base_fee",
-  "burnt_fees",
-  "total_reward",
-  "nonce",
-  "miner",
-  "L1_status",
-  "batch"
-];
-export {
-  e as BLOCK_FIELDS_IDS
-};

package/dist/types/views/tx.js

@@ -1,16 +0,0 @@
-const e = [
-  "value",
-  "fee_currency",
-  "gas_price",
-  "tx_fee",
-  "gas_fees",
-  "burnt_fees",
-  "L1_status",
-  "batch"
-], _ = [
-  "fee_per_gas"
-];
-export {
-  _ as TX_ADDITIONAL_FIELDS_IDS,
-  e as TX_FIELDS_IDS
-};

package/dist/ui/shared/forms/validators/url.js

@@ -1,12 +0,0 @@
-function e(r) {
-  if (!r)
-    return !0;
-  try {
-    return new URL(r), !0;
-  } catch {
-    return "Incorrect URL";
-  }
-}
-export {
-  e as urlValidator
-};

package/dist/utils/getComponentDisplayName.js

@@ -1,7 +0,0 @@
-function e(a) {
-  if (typeof a != "string" && "displayName" in a)
-    return a.displayName;
-}
-export {
-  e as default
-};

package/dist/utils/index.d.ts

@@ -1 +0,0 @@
-export { default as getComponentDisplayName } from './getComponentDisplayName';

package/dist/utils.d.ts

@@ -1,2 +0,0 @@
-export * from './utils/index'
-export {}

package/dist/utils.js

@@ -1,4 +0,0 @@
-import { default as o } from "./utils/getComponentDisplayName.js";
-export {
-  o as getComponentDisplayName
-};