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

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

import {
  focusStates,
  formStates
} from "./chunk-4NPQKTHD.js";
import {
  action,
  danger
} from "./chunk-CUF2I7W3.js";

// src/recipes/shared/button.base.ts
var bgInitial = "colorPalette.bg.initial";
var textInitial = "colorPalette.text.initial";
var buttonBase = {
  alignItems: "center",
  display: "inline-flex",
  fontWeight: "600",
  gap: "2",
  justifyContent: "center",
  lineHeight: "0",
  outline: "none",
  textDecoration: "none",
  transitionProperty: "background-color, color",
  transitionDuration: "fast",
  transitionTimingFunction: "ease-in-out",
  userSelect: "none",
  whiteSpace: "nowrap",
  ...focusStates,
  ...formStates
};
var sharpRadii = {
  borderTopRightRadius: "lg",
  borderBottomLeftRadius: "lg"
};
var nonTextStates = {
  color: "colorPalette.text.200",
  _hover: {
    bgColor: "colorPalette.ghost.hover",
    _disabled: {
      bgColor: bgInitial
    }
  },
  _active: {
    bgColor: "colorPalette.ghost.active"
  }
};
var textUsage = {
  colorPalette: "secondaryAction",
  bgColor: "transparent",
  border: "none",
  color: textInitial,
  transitionProperty: "background-color, color",
  transitionDuration: "fast",
  transitionTimingFunction: "ease-in-out",
  _hover: {
    bgColor: "colorPalette.ghost.hover"
  },
  _active: {
    bgColor: "colorPalette.ghost.active",
    color: "colorPalette.text.active"
  },
  _disabled: {
    bgColor: "transparent",
    _active: {
      color: textInitial
    }
  }
};
var filledUsage = {
  bgColor: bgInitial,
  color: textInitial,
  _hover: {
    bgColor: "colorPalette.bg.hover",
    _disabled: {
      bgColor: bgInitial
    }
  },
  _active: {
    bgColor: "colorPalette.bg.active"
  }
};
var outlinedUsage = {
  ...nonTextStates,
  bgColor: "colorPalette.ghost.initial",
  border: "4px solid",
  borderColor: "colorPalette.border.initial"
};
var buttonPalettes = {
  action,
  danger: {
    ...danger,
    _hover: {
      color: "danger.text.inverse"
    }
  }
};

export {
  buttonBase,
  sharpRadii,
  nonTextStates,
  textUsage,
  filledUsage,
  outlinedUsage,
  buttonPalettes
};
//# sourceMappingURL=chunk-QGJZUGSR.js.map