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

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

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

// src/recipes/iconButton.ts
import {
  defineRecipe
} from "@pandacss/dev";
var iconButton = defineRecipe({
  className: "icon-btn",
  description: "WCAG Level AAA compliant button styles.",
  base: {
    ...buttonBase,
    h: "2.75rem",
    // a11y minimum touch target size: 2.75rem
    pxi: "0",
    rounded: "full",
    w: "2.75rem"
  },
  variants: {
    palette: buttonPalettes,
    usage: {
      text: textUsage,
      filled: filledUsage,
      outlined: outlinedUsage
    },
    shape: {
      circle: {
        pxi: "0",
        rounded: "full"
      }
    },
    size: {
      sm: {
        md: {
          h: "1.5rem",
          // a11y minimum touch target size: 1.5rem for desktop
          w: "1.5rem"
        }
      },
      lg: {}
    }
  },
  defaultVariants: {
    palette: "action",
    usage: "text",
    shape: "circle",
    size: "lg"
  }
});

export {
  iconButton
};
//# sourceMappingURL=chunk-BKRVHIGD.js.map