UNPKG

@nurl/panda-preset

Version:

Official Panda-CSS preset for the Ganglion Design System.

68 lines (67 loc) 2.02 kB
"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/recipes/button.ts var button_exports = {}; __export(button_exports, { button: () => button }); module.exports = __toCommonJS(button_exports); var import_dev = require("@pandacss/dev"); var import_button = require("./shared/button.base.cjs"); var button = (0, import_dev.defineRecipe)({ className: "button", description: "The styles for the Button component", base: { ...import_button.buttonBase, borderRadius: "0.375rem" }, variants: { palette: import_button.buttonPalettes, size: { md: { fontSize: "0.875rem", h: "8", minW: "2.5rem", pxi: "1.125rem" }, lg: { h: "12", minW: "2.5rem", pxi: "1.5rem" } }, usage: { text: import_button.textUsage, outline: { border: "2px solid", borderColor: "colorPalette.border.initial", borderRadius: "0.375rem", ...import_button.nonTextStates }, filled: import_button.filledUsage } }, defaultVariants: { palette: "action", size: "lg", usage: "filled" } }); // Annotate the CommonJS export names for ESM import in node: 0 && (module.exports = { button }); //# sourceMappingURL=button.cjs.map