@nurl/panda-preset
Version:
Official Panda-CSS preset for the Ganglion Design System.
101 lines (100 loc) • 3 kB
JavaScript
;
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/theme/tokens.ts
var tokens_exports = {};
__export(tokens_exports, {
fonts: () => fonts,
tokens: () => tokens,
zIndex: () => zIndex
});
module.exports = __toCommonJS(tokens_exports);
var fonts = {
display: {
description: "Primary font reserved for display headings",
value: "var(--font-nurl)"
},
sans: {
description: "Primary font used for body and headings",
value: "var(--font-nurl)"
},
mono: {
description: "Code font used for any code related scenarios",
value: "var(--font-nurl-mono)"
},
monoStrong: {
description: "Code font used for any code related scenarios",
value: "var(--font-nurl-mono-strong)"
}
};
var zIndex = {
hide: {
description: "Used for when you need to hide elements in the layer stack",
value: -1
},
base: { description: "Initial layer value", value: 0 },
// pseudo-elements, borders, etc.
decorator: {
description: "Used for positioning pseudo-elements, borders, and other similar elements in the layer stack",
value: 50
},
// elements
dropdown: {
description: "Used for positioning any dropdown like elements in the layer stack",
value: 1e3
},
sticky: {
description: "Used for positioning elements that need to stick to their nearest scrolling ancestor in the layer stack",
value: 1200
},
banner: {
description: "Used for positioning any elements that are used like a admonition in the layer stack",
value: 1300
},
overlay: {
description: "Used for positioning overlay elements in the layer stack",
value: 1400
},
modal: {
description: "Used for positioning modal elements in the layer stack",
value: 1500
},
popover: {
description: "Used for positioning popover elements in the layer stack",
value: 1600
},
toast: {
description: "Used for positioning toast elements in the layer stack",
value: 1700
},
tooltip: {
description: "Used for positioning tooltip elements in the layer stack",
value: 1800
}
};
var tokens = {
fonts,
zIndex
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
fonts,
tokens,
zIndex
});
//# sourceMappingURL=tokens.cjs.map