@agnikul-ui/panda-preset
Version:
Panda CSS Preset for Agnikul UI
81 lines (80 loc) • 3.15 kB
JavaScript
"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/brand.ts
var brand_exports = {};
__export(brand_exports, {
default: () => brand_default
});
module.exports = __toCommonJS(brand_exports);
var import_dev = require("@pandacss/dev");
var tokens = import_dev.defineTokens.colors({
light: {
"25": { value: "#e6fee7" },
"50": { value: "#d6fad8" },
"100": { value: "#b6f2ba" },
"200": { value: "#92e398" },
"300": { value: "#72cf7a" },
"400": { value: "#58b660" },
"500": { value: "#4d8c52" },
"600": { value: "#3f7343" },
"700": { value: "#345636" },
"800": { value: "#263b27" },
"900": { value: "#162217" },
"950": { value: "#0e160f" }
},
dark: {
"25": { value: "#0e160f" },
"50": { value: "#162217" },
"100": { value: "#263b27" },
"200": { value: "#345636" },
"300": { value: "#3f7343" },
"400": { value: "#4d8c52" },
"500": { value: "#58b660" },
"600": { value: "#72cf7a" },
"700": { value: "#92e398" },
"800": { value: "#b6f2ba" },
"900": { value: "#d6fad8" },
"950": { value: "#e6fee7" }
}
});
var semanticTokens = import_dev.defineSemanticTokens.colors({
bg: {
soft_surface: { value: { _light: "{colors.brand.light.25}", _dark: "{colors.brand.dark.900}" } },
default: { value: { _light: "{colors.brand.light.500}", _dark: "{colors.brand.dark.500}" } },
subtle: { value: { _light: "{colors.brand.light.50}", _dark: "{colors.brand.dark.800}" } },
muted: { value: { _light: "{colors.brand.light.300}", _dark: "{colors.brand.dark.500}" } },
emphasized: { value: { _light: "{colors.brand.light.600}", _dark: "{colors.brand.dark.600}" } }
},
fg: {
primary: { value: { _light: "{colors.brand.light.500}", _dark: "{colors.brand.dark.500}" } },
secondary: { value: { _light: "{colors.brand.light.500}", _dark: "{colors.brand.dark.500}" } },
tertiary: { value: { _light: "{colors.brand.light.100}", _dark: "{colors.brand.dark.800}" } }
},
border: {
xsubtle: { value: { _light: "{colors.brand.light.50}", _dark: "{colors.brand.dark.800}" } },
subtle: { value: { _light: "{colors.brand.light.100}", _dark: "{colors.brand.dark.700}" } },
default: { value: { _light: "{colors.brand.light.500}", _dark: "{colors.brand.dark.100}" } }
}
});
var brand_default = {
name: "brand",
tokens,
semanticTokens
};
//# sourceMappingURL=brand.cjs.map