@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
45 lines • 1.88 kB
TypeScript
import * as React from 'react';
import { TransformOrigin } from '@workday/canvas-kit-react/common';
export interface TooltipContainerProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* The origin from which the Tooltip will animate. Pass in `null` for no animation
* @default {horizontal: 'center', vertical: 'top'}
*/
transformOrigin?: TransformOrigin | null;
/**
* HTML id of the tooltip container - useful for accessibility.
* Should link the tooltip container to a `aria-describedby` on the target
*/
id?: string;
/**
* Whether the anchor element has focus-visible. Used to adjust tooltip styling.
* @private
*/
elementHasFocus?: boolean;
variant?: 'alt';
}
export declare const tooltipContainerStencil: import("@workday/canvas-kit-styling").Stencil<{
elementHasFocus: {
true: {
margin: string;
};
};
variant: {
alt: ({ background }: {
tooltipTransformOriginHorizontal: `--${string}`;
tooltipTransformOriginVertical: `--${string}`;
background: `--${string}`;
} & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
'&:before': {
background: `var(--${string}, var(--cnvs-sys-color-surface-elevated, linear-gradient(0deg, oklch(1 0 89.88 / 0.374) 0%, oklch(1 0 89.88 / 0.374) 100%), linear-gradient(0deg, oklch(0 0 0 / 0.0196) 0%, oklch(0 0 0 / 0.0196) 100%), oklch(1 0 0 / 1)))`;
border: string;
};
};
};
}, {}, {
tooltipTransformOriginHorizontal: string;
tooltipTransformOriginVertical: string;
background: string;
}, never, never>;
export declare const TooltipContainer: import("@workday/canvas-kit-react/common").ElementComponent<"div", TooltipContainerProps>;
//# sourceMappingURL=TooltipContainer.d.ts.map