UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

45 lines 1.88 kB
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