@razorpay/blade/build/lib/web/development/components/Toast/constants.js

The Design System that powers Razorpay

import '../../tokens/global/index.js';
import { size } from '../../tokens/global/size.js';

var TOAST_MAX_WIDTH = size['360'];
// higher than modal
var TOAST_Z_INDEX = 2000;

// Space between the toasts
var GUTTER = 12;
// Space between the collapsed toast's peek
var PEEK_GUTTER = 12;
// Gap between the toast container and the page body
var CONTAINER_GUTTER_MOBILE = 16;
var CONTAINER_GUTTER_DESKTOP = 24;
// How much to scale down the peeking toasts
var SCALE_FACTOR = 0.05;
// While collapsed, how many toasts to show
var MAX_TOASTS = 1;
// Minimum toasts to show on mobile and desktop
var MIN_TOAST_MOBILE = 1;
var MIN_TOAST_DESKTOP = 3;
// While collapsed, how many toasts should be peeking
var PEEKS = 3;

export { CONTAINER_GUTTER_DESKTOP, CONTAINER_GUTTER_MOBILE, GUTTER, MAX_TOASTS, MIN_TOAST_DESKTOP, MIN_TOAST_MOBILE, PEEKS, PEEK_GUTTER, SCALE_FACTOR, TOAST_MAX_WIDTH, TOAST_Z_INDEX };
//# sourceMappingURL=constants.js.map