@cerberus-design/panda-preset/build/modern/chunk-WC7QBFOU.js

The official Panda-CSS preset for the omni-federal design system

import {
  buttonBase,
  buttonPalettes,
  filledUsage,
  outlinedUsage,
  sharpRadii,
  textUsage
} from "./chunk-QGJZUGSR.js";

// src/recipes/button.ts
import {
  defineRecipe
} from "@pandacss/dev";
var button = defineRecipe({
  className: "button",
  description: "WCAG Level AAA compliant button styles.",
  base: {
    ...buttonBase,
    h: "3.5rem",
    // a11y minimum touch target size: 2.75rem
    pxi: "4"
  },
  variants: {
    palette: buttonPalettes,
    usage: {
      text: textUsage,
      outlined: outlinedUsage,
      filled: filledUsage
    },
    shape: {
      sharp: sharpRadii,
      rounded: {
        pxi: "8",
        rounded: "full"
      }
    },
    size: {
      sm: {
        h: "2.75rem",
        // a11y minimum touch target size: 2.75rem
        pxi: "3"
      },
      md: {
        md: {
          h: "2.75rem"
        }
      }
    }
  },
  defaultVariants: {
    palette: "action",
    usage: "filled",
    shape: "sharp",
    size: "md"
  }
});

export {
  button
};
//# sourceMappingURL=chunk-WC7QBFOU.js.map