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

Official Panda-CSS preset for the Ganglion Design System.

// src/recipes/iconButton.ts
import { defineRecipe } from "@pandacss/dev";
import { buttonBase, filledUsage, textUsage } from "./shared/button.base.js";
import { allPalettes } from "./shared/palettes.js";
var iconButton = defineRecipe({
  className: "icon-button",
  description: "The styles for the IconButton component",
  base: {
    ...buttonBase
  },
  variants: {
    palette: allPalettes,
    size: {
      xs: {
        h: "1.5rem",
        w: "1.5rem",
        pxi: "1"
      },
      sm: {
        h: "2rem",
        w: "2rem",
        pxi: "2"
      },
      md: {
        h: "2.5rem",
        w: "2.5rem",
        pxi: "2.5"
      },
      lg: {
        h: "3rem",
        w: "3rem",
        pxi: "3"
      }
    },
    shape: {
      circle: {
        borderRadius: "50%"
      },
      square: {
        borderRadius: "0.375rem"
      }
    },
    usage: {
      text: textUsage,
      filled: filledUsage
    }
  },
  defaultVariants: {
    palette: "action",
    size: "lg",
    shape: "square",
    usage: "filled"
  }
});
export {
  iconButton
};
//# sourceMappingURL=iconButton.js.map