export declare const leftPositionVar: `var(--${string})`; export declare const dataTableV2CellOuterCSS: import("@vanilla-extract/recipes").RuntimeFn<{ prefixColumn: { true: { width: "fit-content"; }; }; lineWrap: { true: { whiteSpace: "normal"; textOverflow: "initial"; wordBreak: "normal"; overflowWrap: "anywhere"; }; false: { overflow: "hidden"; whiteSpace: "nowrap"; textOverflow: "ellipsis"; maxWidth: "100%"; }; }; fontStyle: { text: { fontFamily: string; fontSize: string; fontWeight: string; lineHeight: string; textDecoration: string; textTransform: any; }; code: { fontFamily: string; fontSize: string; fontWeight: string; lineHeight: string; textDecoration: string; textTransform: any; }; inherit: {}; }; rowDensity: { customCellRenderer: { paddingTop: string; paddingRight: string; paddingBottom: string; paddingLeft: string; }; default: { paddingTop: string; paddingRight: string; paddingBottom: string; paddingLeft: string; selectors: { [x: string]: { paddingLeft: string; }; }; }; condensed: { paddingTop: string; paddingRight: string; paddingBottom: string; paddingLeft: string; selectors: { [x: string]: { paddingLeft: `calc(${string} + ${string})`; }; }; }; comfortable: { paddingTop: string; paddingRight: string; paddingBottom: string; paddingLeft: string; selectors: { [x: string]: { paddingLeft: string; }; }; }; }; verticalDividers: { true: { selectors: { [x: string]: { content: "\"\""; display: "block"; position: "absolute"; width: string; left: number; top: string; bottom: string; backgroundColor: string; maxWidth: "100%"; }; }; }; false: {}; }; interactiveRows: { false: {}; }; loading: { true: { opacity: number; }; }; pinnedColumn: { false: {}; left: { position: "sticky"; zIndex: 2; left: `var(--${string})`; selectors: { [x: string]: { content: "\"\""; display: "block"; position: "absolute"; width: string; right: number; top: number; bottom: number; backgroundColor: string; maxWidth: "100%"; } | { backgroundColor: string; content?: undefined; display?: undefined; position?: undefined; width?: undefined; right?: undefined; top?: undefined; bottom?: undefined; maxWidth?: undefined; } | { top: string; bottom: string; content?: undefined; display?: undefined; position?: undefined; width?: undefined; right?: undefined; backgroundColor?: undefined; maxWidth?: undefined; }; }; }; right: { position: "sticky"; zIndex: 2; right: number; selectors: { [x: string]: { content: "\"\""; display: "block"; position: "absolute"; width: string; left: number; top: number; bottom: number; backgroundColor: string; maxWidth: "100%"; } | { backgroundColor: string; content?: undefined; display?: undefined; position?: undefined; width?: undefined; left?: undefined; top?: undefined; bottom?: undefined; maxWidth?: undefined; } | { top: string; bottom: string; content?: undefined; display?: undefined; position?: undefined; width?: undefined; left?: undefined; backgroundColor?: undefined; maxWidth?: undefined; }; }; }; }; background: { false: {}; contained: { backgroundColor: string; }; uncontained: { backgroundColor: string; }; }; }>; export declare const dataTableV2CellActiveInteractionCSS: string; export declare const dataTableV2CellInnerCSS: import("@vanilla-extract/recipes").RuntimeFn<{ lineWrap: { true: { whiteSpace: "normal"; textOverflow: "initial"; wordBreak: "normal"; overflowWrap: "anywhere"; }; false: { overflow: "hidden"; whiteSpace: "nowrap"; textOverflow: "ellipsis"; maxWidth: "100%"; minWidth: number; }; }; }>;