@nurl/panda-preset/build/modern/recipes/button.js

Official Panda-CSS preset for the Ganglion Design System.

// src/recipes/button.ts
import { defineRecipe } from "@pandacss/dev";
import {
  buttonBase,
  buttonPalettes,
  filledUsage,
  nonTextStates,
  textUsage
} from "./shared/button.base.js";
var button = defineRecipe({
  className: "button",
  description: "The styles for the Button component",
  base: { ...buttonBase, borderRadius: "0.375rem" },
  variants: {
    palette: 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: textUsage,
      outline: {
        border: "2px solid",
        borderColor: "colorPalette.border.initial",
        borderRadius: "0.375rem",
        ...nonTextStates
      },
      filled: filledUsage
    }
  },
  defaultVariants: {
    palette: "action",
    size: "lg",
    usage: "filled"
  }
});
export {
  button
};
//# sourceMappingURL=button.js.map