@nurl/panda-preset
Version:
Official Panda-CSS preset for the Ganglion Design System.
109 lines (108 loc) • 2.4 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/skeleton.ts
var skeleton_exports = {};
__export(skeleton_exports, {
skeleton: () => skeleton
});
module.exports = __toCommonJS(skeleton_exports);
var import_dev = require("@pandacss/dev");
var skeleton = (0, import_dev.defineRecipe)({
className: "skeleton",
description: "The styles for the Skeleton component",
base: {
animationName: "pulse",
animationDuration: "1.5s",
animationIterationCount: "infinite",
bgColor: "neutral.bg.initial",
color: "transparent",
cursor: "default",
pointerEvents: "none",
userSelect: "none",
width: "full"
},
variants: {
shape: {
circle: {
rounded: "full"
},
block: {
rounded: "sm",
mb: "2"
}
},
size: {
sm: {
h: "4"
},
md: {
h: "8"
},
lg: {
h: "10"
},
xl: {
h: "20"
}
}
},
compoundVariants: [
{
shape: "circle",
size: "sm",
css: {
h: "3rem",
w: "3rem"
}
},
{
shape: "circle",
size: "md",
css: {
h: "5rem",
w: "5rem"
}
},
{
shape: "circle",
size: "lg",
css: {
h: "7.5rem",
w: "7.5rem"
}
},
{
shape: "circle",
size: "xl",
css: {
h: "10rem",
w: "10rem"
}
}
],
defaultVariants: {
shape: "block",
size: "md"
}
});
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
skeleton
});
//# sourceMappingURL=skeleton.cjs.map