@nurl/panda-preset/build/modern/recipes/toast.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/toast.ts
var toast_exports = {};
__export(toast_exports, {
  toast: () => toast
});
module.exports = __toCommonJS(toast_exports);
var import_dev = require("@pandacss/dev");
var import_toast = require("./shared/toast.base.cjs");
var import_button = require("./shared/button.base.cjs");
var toast = (0, import_dev.defineSlotRecipe)({
  className: "toast",
  description: "The styles for the Toast component",
  slots: import_toast.SLOTS,
  base: {
    root: {
      display: "inline-block",
      pointerEvents: "none",
      position: "fixed",
      right: "4",
      top: "4",
      zIndex: "toast"
    },
    container: {
      alignItems: "center",
      animationName: "fadeIn",
      animationDuration: "150ms",
      animationFillMode: "forwards",
      animationTimingFunction: "ease-in-out",
      bgColor: "colorPalette.surface.initial",
      color: "colorPalette.surface.text.initial",
      rounded: "sm",
      display: "flex",
      paddingInlineEnd: "4rem",
      position: "relative",
      width: "full"
    },
    featureIcon: {
      alignItems: "center",
      display: "flex",
      flexDirection: "column",
      justifyContent: "center",
      pxi: "6"
    },
    heading: {
      paddingBottom: "1"
    },
    main: {
      display: "flex",
      flexDirection: "column",
      justifyContent: "center",
      minH: "5.25rem",
      paddingBottom: "1rem",
      paddingInlineEnd: "3.5",
      paddingTop: "1rem",
      textAlign: "left",
      width: "17rem"
    },
    closeRoot: {
      display: "inline-block",
      pointerEvents: "initial",
      position: "absolute",
      right: "0",
      top: "0"
    },
    undoBtn: {
      ...import_button.buttonBase,
      bgColor: "transparent",
      border: "2px solid",
      borderColor: "inherit",
      borderRadius: "6px",
      color: "inherit",
      fontSize: "sm",
      fontVariationSettings: "'wght' 600",
      h: "2rem",
      pxi: "1rem",
      pointerEvents: "initial",
      transitionProperty: "background-color, color",
      transitionDuration: "150ms",
      transitionTimingFunction: "ease-in-out",
      _hover: {
        bgColor: "colorPalette.text.initial",
        color: "colorPalette.surface.initial"
      }
    }
  },
  variants: {
    palette: import_toast.toastPalettes
  },
  defaultVariants: {
    palette: "info"
  }
});
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  toast
});
//# sourceMappingURL=toast.cjs.map