@nurl/panda-preset/build/modern/recipes/shared/button.base.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/shared/button.base.ts
var button_base_exports = {};
__export(button_base_exports, {
  buttonBase: () => buttonBase,
  buttonPalettes: () => buttonPalettes,
  filledUsage: () => filledUsage,
  nonTextStates: () => nonTextStates,
  textUsage: () => textUsage
});
module.exports = __toCommonJS(button_base_exports);
var import_states = require("./states.cjs");
var import_palettes = require("./palettes.cjs");
var buttonBase = {
  alignItems: "center",
  appearance: "none",
  borderStyle: "none",
  display: "inline-flex",
  fontSize: "inherit",
  fontVariationSettings: "'wght' 600",
  gap: "1",
  justifyContent: "center",
  lineHeight: "0",
  outline: "none",
  position: "relative",
  textAlign: "center",
  textDecoration: "none",
  textTransform: "none",
  transitionProperty: "background-color, color",
  transitionDuration: "fast",
  transitionTimingFunction: "ease-in-out",
  userSelect: "none",
  verticalAlign: "middle",
  whiteSpace: "nowrap",
  ...import_states.focusStates,
  ...import_states.formStates
};
var nonTextStates = {
  color: "colorPalette.text.initial",
  _hover: {
    bgColor: "colorPalette.bg.hover",
    _disabled: {
      bgColor: "colorPalette.bg.initial"
    }
  },
  _active: {
    bgColor: "colorPalette.bg.active"
  }
};
var textUsage = {
  color: "colorPalette.text.100",
  _hover: {
    bgColor: "colorPalette.bg.hover"
  },
  _active: {
    color: "colorPalette.text.initial"
  },
  _disabled: {
    _active: {
      color: "colorPalette.text.100"
    }
  }
};
var filledUsage = {
  bgColor: "colorPalette.bg.initial",
  ...nonTextStates,
  _active: {
    bgColor: "colorPalette.bg.active"
  }
};
var buttonPalettes = {
  action: import_palettes.action,
  neutral: import_palettes.neutral,
  danger: import_palettes.danger
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  buttonBase,
  buttonPalettes,
  filledUsage,
  nonTextStates,
  textUsage
});
//# sourceMappingURL=button.base.cjs.map