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

package/dist/theme/foundations/semanticTokens.js

@@ -1,474 +0,0 @@
-import J from "../../configs/app/index.js";
-var o;
-const l = (o = J.UI.homepage.heroBanner) == null ? void 0 : o.button;
-var r, a, e, c, s, g, _, h, i, d, t, u, k, v, b, A, p, y, w, f, T, L, U, D, E, F, m, x, O, z, C, I, j, q, G, H;
-const M = {
-  colors: {
-    button: {
-      outline: {
-        fg: {
-          DEFAULT: { value: { _light: "{colors.blue.600}", _dark: "{colors.blue.600}" } }
-        }
-      },
-      subtle: {
-        fg: {
-          DEFAULT: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-        },
-        bg: {
-          DEFAULT: { value: { _light: "{colors.blackAlpha.200}", _dark: "{colors.whiteAlpha.200}" } }
-        }
-      },
-      dropdown: {
-        fg: {
-          DEFAULT: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } },
-          selected: { value: { _light: "{colors.blue.700}", _dark: "{colors.whiteAlpha.800}" } }
-        },
-        bg: {
-          selected: { value: { _light: "{colors.blue.50}", _dark: "{colors.whiteAlpha.100}" } }
-        },
-        border: {
-          DEFAULT: { value: { _light: "{colors.gray.200}", _dark: "{colors.gray.600}" } }
-        }
-      },
-      header: {
-        fg: {
-          DEFAULT: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.gray.400}" } },
-          selected: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } },
-          highlighted: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-        },
-        bg: {
-          selected: { value: { _light: "{colors.blackAlpha.50}", _dark: "{colors.whiteAlpha.100}" } },
-          highlighted: { value: { _light: "{colors.orange.100}", _dark: "{colors.orange.900}" } }
-        },
-        border: {
-          DEFAULT: { value: { _light: "{colors.gray.300}", _dark: "{colors.gray.600}" } }
-        }
-      },
-      segmented: {
-        fg: {
-          DEFAULT: { value: { _light: "{colors.blue.600}", _dark: "{colors.blue.300}" } },
-          selected: { value: { _light: "{colors.blue.700}", _dark: "{colors.gray.50}" } }
-        },
-        border: {
-          DEFAULT: { value: { _light: "{colors.blue.50}", _dark: "{colors.gray.800}" } }
-        }
-      },
-      icon_secondary: {
-        fg: {
-          DEFAULT: { value: { _light: "{colors.gray.400}", _dark: "{colors.gray.500}" } },
-          selected: { value: { _light: "{colors.blue.700}", _dark: "{colors.whiteAlpha.800}" } }
-        },
-        bg: {
-          selected: { value: { _light: "{colors.blue.50}", _dark: "{colors.whiteAlpha.100}" } }
-        }
-      },
-      hero: {
-        bg: {
-          DEFAULT: {
-            value: {
-              _light: ((a = (r = l == null ? void 0 : l._default) == null ? void 0 : r.background) == null ? void 0 : a[0]) || "{colors.blue.600}",
-              _dark: ((c = (e = l == null ? void 0 : l._default) == null ? void 0 : e.background) == null ? void 0 : c[1]) || ((g = (s = l == null ? void 0 : l._default) == null ? void 0 : s.background) == null ? void 0 : g[0]) || "{colors.blue.600}"
-            }
-          },
-          hover: {
-            value: {
-              _light: ((h = (_ = l == null ? void 0 : l._hover) == null ? void 0 : _.background) == null ? void 0 : h[0]) || "{colors.blue.400}",
-              _dark: ((d = (i = l == null ? void 0 : l._hover) == null ? void 0 : i.background) == null ? void 0 : d[1]) || ((u = (t = l == null ? void 0 : l._hover) == null ? void 0 : t.background) == null ? void 0 : u[0]) || "{colors.blue.400}"
-            }
-          },
-          selected: {
-            value: {
-              _light: ((v = (k = l == null ? void 0 : l._selected) == null ? void 0 : k.background) == null ? void 0 : v[0]) || "{colors.blue.50}",
-              _dark: ((A = (b = l == null ? void 0 : l._selected) == null ? void 0 : b.background) == null ? void 0 : A[1]) || ((y = (p = l == null ? void 0 : l._selected) == null ? void 0 : p.background) == null ? void 0 : y[0]) || "{colors.blue.50}"
-            }
-          }
-        },
-        fg: {
-          DEFAULT: {
-            value: {
-              _light: ((f = (w = l == null ? void 0 : l._default) == null ? void 0 : w.text_color) == null ? void 0 : f[0]) || "{colors.white}",
-              _dark: ((L = (T = l == null ? void 0 : l._default) == null ? void 0 : T.text_color) == null ? void 0 : L[1]) || ((D = (U = l == null ? void 0 : l._default) == null ? void 0 : U.text_color) == null ? void 0 : D[0]) || "{colors.white}"
-            }
-          },
-          hover: {
-            value: {
-              _light: ((F = (E = l == null ? void 0 : l._hover) == null ? void 0 : E.text_color) == null ? void 0 : F[0]) || "{colors.white}",
-              _dark: ((x = (m = l == null ? void 0 : l._hover) == null ? void 0 : m.text_color) == null ? void 0 : x[1]) || ((z = (O = l == null ? void 0 : l._hover) == null ? void 0 : O.text_color) == null ? void 0 : z[0]) || "{colors.white}"
-            }
-          },
-          selected: {
-            value: {
-              _light: ((I = (C = l == null ? void 0 : l._selected) == null ? void 0 : C.text_color) == null ? void 0 : I[0]) || "{colors.blackAlpha.800}",
-              _dark: ((q = (j = l == null ? void 0 : l._selected) == null ? void 0 : j.text_color) == null ? void 0 : q[1]) || ((H = (G = l == null ? void 0 : l._selected) == null ? void 0 : G.text_color) == null ? void 0 : H[0]) || "{colors.blackAlpha.800}"
-            }
-          }
-        }
-      }
-    },
-    closeButton: {
-      fg: {
-        DEFAULT: { value: { _light: "{colors.blackAlpha.500}", _dark: "{colors.whiteAlpha.500}" } }
-      }
-    },
-    link: {
-      primary: {
-        DEFAULT: { value: { _light: "{colors.blue.600}", _dark: "{colors.blue.300}" } },
-        hover: { value: { _light: "{colors.blue.400}" } }
-      },
-      secondary: {
-        DEFAULT: { value: { _light: "{colors.gray.500}", _dark: "{colors.gray.400}" } }
-      },
-      underlaid: {
-        bg: { value: { _light: "{colors.gray.100}", _dark: "{colors.gray.800}" } }
-      },
-      subtle: {
-        DEFAULT: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.gray.400}" } },
-        hover: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.gray.400}" } }
-      },
-      navigation: {
-        fg: {
-          DEFAULT: { value: { _light: "{colors.gray.600}", _dark: "{colors.gray.400}" } },
-          selected: { value: { _light: "{colors.blue.700}", _dark: "{colors.gray.50}" } },
-          hover: { value: { _light: "{colors.link.primary.hover}" } },
-          active: { value: { _light: "{colors.link.primary.hover}" } }
-        },
-        bg: {
-          DEFAULT: { value: { _light: "{colors.white}", _dark: "{colors.black}" } },
-          selected: { value: { _light: "{colors.blue.50}", _dark: "{colors.gray.800}" } }
-        },
-        border: {
-          DEFAULT: { value: "{colors.border.divider}" },
-          selected: { value: { _light: "{colors.blue.50}", _dark: "{colors.gray.800}" } }
-        }
-      },
-      menu: {
-        DEFAULT: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-      }
-    },
-    tooltip: {
-      DEFAULT: {
-        bg: { value: "{colors.gray.900}" },
-        fg: { value: "{colors.white}" }
-      },
-      navigation: {
-        bg: { value: { _light: "{colors.blue.50}", _dark: "{colors.gray.800}" } },
-        fg: {
-          DEFAULT: { value: "{colors.blue.400}" },
-          selected: { value: { _light: "{colors.blue.700}", _dark: "{colors.gray.50}" } }
-        }
-      }
-    },
-    popover: {
-      DEFAULT: {
-        bg: { value: { _light: "{colors.white}", _dark: "{colors.gray.900}" } },
-        shadow: { value: { _light: "{colors.blackAlpha.200}", _dark: "{colors.whiteAlpha.300}" } }
-      }
-    },
-    progressCircle: {
-      trackColor: {
-        DEFAULT: { value: { _light: "{colors.gray.100}", _dark: "{colors.whiteAlpha.100}" } }
-      }
-    },
-    skeleton: {
-      bg: {
-        start: { value: { _light: "{colors.blackAlpha.50}", _dark: "{colors.whiteAlpha.50}" } },
-        end: { value: { _light: "{colors.blackAlpha.100}", _dark: "{colors.whiteAlpha.100}" } }
-      }
-    },
-    tabs: {
-      solid: {
-        fg: {
-          DEFAULT: { value: { _light: "{colors.blue.700}", _dark: "{colors.blue.100}" } },
-          selected: { value: { _light: "{colors.blue.700}", _dark: "{colors.gray.50}" } }
-        },
-        bg: {
-          selected: { value: { _light: "{colors.blue.50}", _dark: "{colors.whiteAlpha.100}" } }
-        }
-      },
-      secondary: {
-        fg: {
-          DEFAULT: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-        },
-        bg: {
-          selected: { value: { _light: "{colors.blue.50}", _dark: "{colors.whiteAlpha.100}" } }
-        },
-        border: {
-          DEFAULT: { value: { _light: "{colors.gray.300}", _dark: "{colors.gray.600}" } }
-        }
-      },
-      segmented: {
-        fg: {
-          DEFAULT: { value: { _light: "{colors.blue.600}", _dark: "{colors.blue.300}" } },
-          selected: { value: { _light: "{colors.blue.700}", _dark: "{colors.gray.50}" } }
-        },
-        border: {
-          DEFAULT: { value: { _light: "{colors.blue.50}", _dark: "{colors.gray.800}" } }
-        }
-      }
-    },
-    switch: {
-      primary: {
-        bg: {
-          DEFAULT: { value: { _light: "{colors.gray.300}", _dark: "{colors.whiteAlpha.400}" } },
-          checked: { value: { _light: "{colors.blue.500}", _dark: "{colors.blue.300}" } },
-          hover: { value: { _light: "{colors.blue.600}", _dark: "{colors.blue.400}" } }
-        }
-      }
-    },
-    alert: {
-      fg: {
-        DEFAULT: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-      },
-      bg: {
-        info: { value: { _light: "{colors.blackAlpha.50}", _dark: "{colors.whiteAlpha.100}" } },
-        warning: { value: { _light: "{colors.orange.100}", _dark: "{colors.orange.800/60}" } },
-        warning_table: { value: { _light: "{colors.orange.50}", _dark: "{colors.orange.800/60}" } },
-        success: { value: { _light: "{colors.green.100}", _dark: "{colors.green.900}" } },
-        error: { value: { _light: "{colors.red.100}", _dark: "{colors.red.900}" } }
-      }
-    },
-    toast: {
-      fg: {
-        DEFAULT: { value: "{colors.alert.fg}" }
-      },
-      bg: {
-        DEFAULT: { value: "{colors.alert.bg.info}" },
-        info: { value: { _light: "{colors.blue.100}", _dark: "{colors.blue.900}" } },
-        warning: { value: "{colors.alert.bg.warning}" },
-        success: { value: "{colors.alert.bg.success}" },
-        error: { value: "{colors.alert.bg.error}" },
-        loading: { value: { _light: "{colors.blue.100}", _dark: "{colors.blue.900}" } }
-      }
-    },
-    input: {
-      fg: {
-        DEFAULT: { value: { _light: "{colors.gray.800}", _dark: "{colors.gray.50}" } },
-        error: { value: "{colors.text.error}" }
-      },
-      bg: {
-        DEFAULT: { value: { _light: "{colors.white}", _dark: "{colors.black}" } },
-        readOnly: { value: { _light: "{colors.gray.200}", _dark: "{colors.gray.800}" } }
-      },
-      border: {
-        DEFAULT: { value: { _light: "{colors.gray.100}", _dark: "{colors.gray.700}" } },
-        hover: { value: { _light: "{colors.gray.200}", _dark: "{colors.gray.500}" } },
-        focus: { value: "{colors.blue.400}" },
-        filled: { value: { _light: "{colors.gray.300}", _dark: "{colors.gray.600}" } },
-        readOnly: { value: { _light: "{colors.gray.200}", _dark: "{colors.gray.800}" } },
-        error: { value: "{colors.red.500}" }
-      },
-      placeholder: {
-        DEFAULT: { value: "{colors.gray.500}" },
-        error: { value: "{colors.red.500}" }
-      }
-    },
-    field: {
-      placeholder: {
-        DEFAULT: { value: "{colors.gray.500}" },
-        disabled: { value: "{colors.gray.500/20}" },
-        error: { value: "{colors.red.500}" }
-      }
-    },
-    dialog: {
-      bg: {
-        DEFAULT: { value: { _light: "{colors.white}", _dark: "{colors.gray.900}" } }
-      },
-      fg: {
-        DEFAULT: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-      }
-    },
-    drawer: {
-      bg: {
-        DEFAULT: { value: { _light: "{colors.white}", _dark: "{colors.gray.900}" } }
-      }
-    },
-    select: {
-      trigger: {
-        outline: {
-          fg: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-        }
-      },
-      item: {
-        bg: {
-          highlighted: { value: { _light: "{colors.blue.50}", _dark: "{colors.whiteAlpha.100}" } }
-        }
-      },
-      indicator: {
-        fg: {
-          DEFAULT: { value: "{colors.gray.500}" }
-        }
-      },
-      placeholder: {
-        fg: {
-          DEFAULT: { value: "{colors.gray.500}" },
-          error: { value: "{colors.red.500}" }
-        }
-      }
-    },
-    menu: {
-      item: {
-        bg: {
-          highlighted: { value: { _light: "{colors.blue.50}", _dark: "{colors.whiteAlpha.100}" } }
-        }
-      }
-    },
-    spinner: {
-      track: {
-        DEFAULT: { value: { _light: "{colors.blackAlpha.200}", _dark: "{colors.whiteAlpha.200}" } }
-      }
-    },
-    badge: {
-      gray: {
-        bg: { value: { _light: "{colors.blackAlpha.50}", _dark: "{colors.whiteAlpha.100}" } },
-        fg: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-      },
-      green: {
-        bg: { value: { _light: "{colors.green.50}", _dark: "{colors.green.800}" } },
-        fg: { value: { _light: "{colors.green.500}", _dark: "{colors.green.200}" } }
-      },
-      red: {
-        bg: { value: { _light: "{colors.red.50}", _dark: "{colors.red.800}" } },
-        fg: { value: { _light: "{colors.red.500}", _dark: "{colors.red.200}" } }
-      },
-      purple: {
-        bg: { value: { _light: "{colors.purple.50}", _dark: "{colors.purple.800}" } },
-        fg: { value: { _light: "{colors.purple.500}", _dark: "{colors.purple.100}" } }
-      },
-      purple_alt: {
-        bg: { value: { _light: "{colors.purple.100}", _dark: "{colors.purple.800}" } },
-        fg: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-      },
-      orange: {
-        bg: { value: { _light: "{colors.orange.50}", _dark: "{colors.orange.800}" } },
-        fg: { value: { _light: "{colors.orange.500}", _dark: "{colors.orange.100}" } }
-      },
-      blue: {
-        bg: { value: { _light: "{colors.blue.50}", _dark: "{colors.blue.800}" } },
-        fg: { value: { _light: "{colors.blue.500}", _dark: "{colors.blue.100}" } }
-      },
-      blue_alt: {
-        bg: { value: { _light: "{colors.blue.50}", _dark: "{colors.blue.800}" } },
-        fg: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-      },
-      yellow: {
-        bg: { value: { _light: "{colors.yellow.50}", _dark: "{colors.yellow.800}" } },
-        fg: { value: { _light: "{colors.yellow.500}", _dark: "{colors.yellow.100}" } }
-      },
-      teal: {
-        bg: { value: { _light: "{colors.teal.50}", _dark: "{colors.teal.800}" } },
-        fg: { value: { _light: "{colors.teal.500}", _dark: "{colors.teal.100}" } }
-      },
-      cyan: {
-        bg: { value: { _light: "{colors.cyan.50}", _dark: "{colors.cyan.800}" } },
-        fg: { value: { _light: "{colors.cyan.500}", _dark: "{colors.cyan.100}" } }
-      }
-    },
-    tag: {
-      root: {
-        subtle: {
-          bg: { value: { _light: "{colors.blackAlpha.50}", _dark: "{colors.whiteAlpha.100}" } },
-          fg: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-        },
-        clickable: {
-          bg: { value: { _light: "{colors.gray.100}", _dark: "{colors.gray.800}" } },
-          fg: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-        },
-        filter: {
-          bg: { value: { _light: "{colors.blue.50}", _dark: "{colors.blue.800}" } }
-        },
-        select: {
-          bg: {
-            DEFAULT: { value: { _light: "{colors.gray.100}", _dark: "{colors.gray.800}" } },
-            selected: { value: { _light: "{colors.blue.500}", _dark: "{colors.blue.900}" } }
-          },
-          fg: { value: { _light: "{colors.gray.500}", _dark: "{colors.whiteAlpha.800}" } }
-        }
-      }
-    },
-    table: {
-      header: {
-        bg: { value: { _light: "{colors.blackAlpha.100}", _dark: "{colors.whiteAlpha.200}" } },
-        fg: { value: { _light: "{colors.blackAlpha.700}", _dark: "{colors.whiteAlpha.700}" } }
-      }
-    },
-    checkbox: {
-      control: {
-        border: {
-          DEFAULT: { value: { _light: "{colors.gray.100}", _dark: "{colors.gray.700}" } },
-          hover: { value: { _light: "{colors.gray.200}", _dark: "{colors.gray.500}" } },
-          readOnly: { value: { _light: "{colors.gray.200}", _dark: "{colors.gray.800}" } }
-        }
-      }
-    },
-    radio: {
-      control: {
-        border: {
-          DEFAULT: { value: { _light: "{colors.gray.100}", _dark: "{colors.gray.700}" } },
-          hover: { value: { _light: "{colors.gray.200}", _dark: "{colors.gray.500}" } },
-          readOnly: { value: { _light: "{colors.gray.200}", _dark: "{colors.gray.800}" } }
-        }
-      }
-    },
-    stat: {
-      indicator: {
-        up: { value: { _light: "{colors.green.500}", _dark: "{colors.green.400}" } },
-        down: { value: { _light: "{colors.red.600}", _dark: "{colors.red.400}" } }
-      }
-    },
-    rating: {
-      DEFAULT: { value: { _light: "{colors.gray.200}", _dark: "{colors.gray.700}" } },
-      highlighted: { value: "{colors.yellow.400}" }
-    },
-    heading: {
-      DEFAULT: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } }
-    },
-    text: {
-      primary: { value: { _light: "{colors.blackAlpha.800}", _dark: "{colors.whiteAlpha.800}" } },
-      secondary: { value: { _light: "{colors.gray.500}", _dark: "{colors.gray.400}" } },
-      error: { value: "{colors.red.500}" }
-    },
-    border: {
-      divider: { value: { _light: "{colors.blackAlpha.100}", _dark: "{colors.whiteAlpha.100}" } },
-      error: { value: "{colors.red.500}" }
-    },
-    icon: {
-      backTo: { value: "{colors.gray.400}" },
-      externalLink: { value: { _light: "{colors.gray.400}", _dark: "{colors.gray.500}" } },
-      info: { value: { _light: "{colors.gray.400}", _dark: "{colors.gray.500}" } }
-    },
-    address: {
-      highlighted: {
-        bg: { value: { _light: "{colors.blue.50}", _dark: "{colors.blue.900}" } },
-        border: { value: { _light: "{colors.blue.200}", _dark: "{colors.blue.600}" } }
-      }
-    },
-    global: {
-      body: {
-        bg: { value: { _light: "{colors.white}", _dark: "{colors.black}" } },
-        fg: { value: "{colors.text.primary}" }
-      },
-      mark: {
-        bg: { value: { _light: "{colors.green.100}", _dark: "{colors.green.800}" } }
-      },
-      scrollbar: {
-        thumb: { value: { _light: "{colors.blackAlpha.300}", _dark: "{colors.whiteAlpha.300}" } }
-      }
-    }
-  },
-  shadows: {
-    popover: {
-      DEFAULT: { value: { _light: "{shadows.size.2xl}", _dark: "{shadows.dark-lg}" } }
-    },
-    drawer: {
-      DEFAULT: { value: { _light: "{shadows.size.lg}", _dark: "{shadows.dark-lg}" } }
-    }
-  },
-  opacity: {
-    control: {
-      disabled: { value: "0.2" }
-    }
-  }
-};
-export {
-  M as default
-};