@nurl/panda-preset
Version:
Official Panda-CSS preset for the Ganglion Design System.
74 lines • 1.95 kB
JavaScript
// src/theme/tokens.ts
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
};
export {
fonts,
tokens,
zIndex
};
//# sourceMappingURL=tokens.js.map