UNPKG

@agnikul-ui/panda-preset

Version:

Panda CSS Preset for Agnikul UI

82 lines (81 loc) 3.76 kB
"use strict"; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // src/colors/neutrallight.ts var neutrallight_exports = {}; __export(neutrallight_exports, { default: () => neutrallight_default }); module.exports = __toCommonJS(neutrallight_exports); var import_dev = require("@pandacss/dev"); var tokens = import_dev.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 = import_dev.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 }; //# sourceMappingURL=neutrallight.cjs.map