@nurl/panda-preset
Version:
Official Panda-CSS preset for the Ganglion Design System.
80 lines (79 loc) • 2 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/recipes/progress.ts
var progress_exports = {};
__export(progress_exports, {
progress: () => progress
});
module.exports = __toCommonJS(progress_exports);
var import_dev = require("@pandacss/dev");
var progress = (0, import_dev.defineSlotRecipe)({
className: "progress",
description: "The styles for the ProgressBar component",
slots: ["root", "bar"],
base: {
root: {
bgColor: "neutral.border.initial",
overflowY: "hidden",
position: "relative",
transition: "width 300ms ease",
w: "full",
willChange: "width"
},
bar: {
bgColor: "neutral.text.300",
h: "full",
w: "0"
}
},
variants: {
usage: {
inset: {},
round: {
root: {
rounded: "lg"
},
bar: {
rounded: "lg"
}
}
},
size: {
md: {
root: {
h: "0.25rem"
}
},
lg: {
root: {
h: "0.5rem"
}
}
}
},
defaultVariants: {
usage: "round",
size: "lg"
}
});
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
progress
});
//# sourceMappingURL=progress.cjs.map