@agnikul-ui/panda-preset/dist/colors/neutrallight.js

Panda CSS Preset for Agnikul UI

// src/colors/neutrallight.ts
import { defineSemanticTokens, defineTokens } from "@pandacss/dev";
var tokens = defineTokens.colors({
  "25": { value: "#fdfdfd" },
  "50": { value: "#fafafa" },
  "100": { value: "#f5f5f5" },
  "200": { value: "#e9eaeb" },
  "300": { value: "#d5d7da" },
  "400": { value: "#a4a7ae" },
  "500": { value: "#717680" },
  "600": { value: "#535862" },
  "700": { value: "#414651" },
  "800": { value: "#252b37" },
  "900": { value: "#181d27" },
  "950": { value: "#0a0d12" },
  // Alpha (transparent) values
  a25: { value: "rgba(10, 13, 18, 0.02)" },
  a50: { value: "rgba(10, 13, 18, 0.04)" },
  a100: { value: "rgba(10, 13, 18, 0.10)" },
  a200: { value: "rgba(10, 13, 18, 0.16)" },
  a300: { value: "rgba(10, 13, 18, 0.23)" },
  a400: { value: "rgba(10, 13, 18, 0.33)" },
  a500: { value: "rgba(10, 13, 18, 0.45)" },
  a600: { value: "rgba(10, 13, 18, 0.60)" },
  a700: { value: "rgba(10, 13, 18, 0.75)" },
  a800: { value: "rgba(10, 13, 18, 0.84)" },
  a900: { value: "rgba(10, 13, 18, 0.89)" },
  a950: { value: "rgba(10, 13, 18, 0.92)" }
});
var semanticTokens = defineSemanticTokens.colors({
  bg: {
    soft_surface: { value: { _light: "{colors.neutrallight.25}", _dark: "{colors.neutraldark.800}" } },
    subtle: { value: { _light: "{colors.neutrallight.100}", _dark: "{colors.neutraldark.600}" } },
    muted: { value: { _light: "{colors.neutrallight.400}", _dark: "{colors.neutraldark.300}" } },
    default: { value: { _light: "{colors.neutrallight.500}", _dark: "{colors.neutraldark.200}" } },
    emphasized: { value: { _light: "{colors.neutrallight.700}", _dark: "{colors.neutraldark.100}" } },
    strong: { value: { _light: "{colors.neutrallight.900}", _dark: "{colors.neutraldark.25}" } },
    strong_alt: { value: { _light: "{colors.neutrallight.950}", _dark: "{colors.neutraldark.100}" } }
  },
  fg: {
    primary: { value: { _light: "{colors.neutrallight.900}", _dark: "{colors.neutraldark.500}" } },
    secondary: { value: { _light: "{colors.neutrallight.600}", _dark: "{colors.neutraldark.300}" } },
    tertiary: { value: { _light: "{colors.neutrallight.400}", _dark: "{colors.neutraldark.500}" } },
    quadernary: { value: { _light: "{colors.neutrallight.300}", _dark: "{colors.neutraldark.700}" } }
  },
  border: {
    xsubtle: { value: { _light: "{colors.neutrallight.100}", _dark: "{colors.neutraldark.800}" } },
    subtle: { value: { _light: "{colors.neutrallight.200}", _dark: "{colors.neutraldark.700}" } },
    muted: { value: { _light: "{colors.neutrallight.400}", _dark: "{colors.neutraldark.500}" } },
    default: { value: { _light: "{colors.neutrallight.600}", _dark: "{colors.neutraldark.100}" } }
  }
});
var neutrallight_default = {
  name: "neutrallight",
  tokens,
  semanticTokens
};
export {
  neutrallight_default as default
};
//# sourceMappingURL=neutrallight.js.map