@nurl/panda-preset/build/modern/recipes/badge.cjs

Official Panda-CSS preset for the Ganglion Design System.

"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/badge.ts
var badge_exports = {};
__export(badge_exports, {
  badge: () => badge
});
module.exports = __toCommonJS(badge_exports);
var import_dev = require("@pandacss/dev");
var import_badge = require("./shared/badge.base.cjs");
var badge = (0, import_dev.defineRecipe)({
  className: "badge",
  description: "The styles for the Badge component",
  base: {
    alignItems: "center",
    borderRadius: "1px",
    color: "colorPalette.text.initial",
    display: "inline-flex",
    fontVariationSettings: "'wght' 600",
    gap: "4px",
    lineHeight: "initial",
    maxW: "initial",
    pxi: "8px",
    textTransform: "uppercase",
    userSelect: "none",
    verticalAlign: "middle",
    whiteSpace: "nowrap"
  },
  variants: {
    palette: import_badge.badgePalettes,
    size: {
      lg: {
        fontSize: "xs",
        h: "1.5rem"
      },
      md: {
        fontSize: "xs",
        h: "1.125rem"
      }
    },
    usage: {
      filled: {
        bgColor: "colorPalette.surface.initial"
      },
      outline: {
        border: "1px solid",
        borderColor: "colorPalette.border.initial"
      }
    }
  },
  defaultVariants: {
    palette: "neutral",
    size: "lg",
    usage: "filled"
  }
});
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  badge
});
//# sourceMappingURL=badge.cjs.map