@base-ui/react
Version:
Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.
40 lines • 1.44 kB
JavaScript
export let PreviewCardPositionerCssVars = /*#__PURE__*/function (PreviewCardPositionerCssVars) {
/**
* The available width between the trigger and the edge of the viewport.
* @type {number}
*/
PreviewCardPositionerCssVars["availableWidth"] = "--available-width";
/**
* The available height between the trigger and the edge of the viewport.
* @type {number}
*/
PreviewCardPositionerCssVars["availableHeight"] = "--available-height";
/**
* The anchor's width.
* @type {number}
*/
PreviewCardPositionerCssVars["anchorWidth"] = "--anchor-width";
/**
* The anchor's height.
* @type {number}
*/
PreviewCardPositionerCssVars["anchorHeight"] = "--anchor-height";
/**
* The coordinates that this element is anchored to. Used for animations and transitions.
* @type {string}
*/
PreviewCardPositionerCssVars["transformOrigin"] = "--transform-origin";
/**
* The width of the preview card's positioner.
* It is important to set `width` to this value when using CSS to animate size changes.
* @type {number}
*/
PreviewCardPositionerCssVars["positionerWidth"] = "--positioner-width";
/**
* The height of the preview card's positioner.
* It is important to set `height` to this value when using CSS to animate size changes.
* @type {number}
*/
PreviewCardPositionerCssVars["positionerHeight"] = "--positioner-height";
return PreviewCardPositionerCssVars;
}({});