@rokt/dcui-orchestrator 0.2.1-rc.14 → 0.2.1-rc.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { LayoutStyle, BasicStateStylingBlock, LayoutSchemaModel, DimensionStylingProperties, SpacingStylingProperties, BackgroundStylingProperties, BorderStylingProperties, ContainerStylingProperties } from '@rokt/dcui-layout-schema';
|
|
2
|
+
export interface TooltipStyle {
|
|
3
|
+
container?: null | ContainerStylingProperties;
|
|
4
|
+
dimension?: null | DimensionStylingProperties;
|
|
5
|
+
spacing?: null | SpacingStylingProperties;
|
|
6
|
+
background?: null | BackgroundStylingProperties;
|
|
7
|
+
border?: null | BorderStylingProperties;
|
|
8
|
+
}
|
|
9
|
+
export interface TooltipElements {
|
|
10
|
+
own: BasicStateStylingBlock<TooltipStyle>[];
|
|
11
|
+
}
|
|
12
|
+
export interface TooltipModel {
|
|
13
|
+
children: LayoutSchemaModel[];
|
|
14
|
+
anchor: LayoutSchemaModel;
|
|
15
|
+
background?: LayoutSchemaModel;
|
|
16
|
+
styles?: null | LayoutStyle<TooltipElements, never>;
|
|
17
|
+
a11yLabel?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface TooltipProps {
|
|
20
|
+
/**
|
|
21
|
+
* Tooltip component that displays rich content above an anchor element on hover/click
|
|
22
|
+
* - `children`: array of components to render as tooltip content (text, images, etc.)
|
|
23
|
+
* - `anchor`: single component to render as tooltip trigger (typically an info icon)
|
|
24
|
+
* - `background`: optional arrow/background component (no arrow if not provided)
|
|
25
|
+
* - `styles`:
|
|
26
|
+
* * `elements`:
|
|
27
|
+
* - `own`: styles for tooltip container
|
|
28
|
+
* * `dimension`
|
|
29
|
+
* * `spacing`
|
|
30
|
+
* * `background`
|
|
31
|
+
* * `container`
|
|
32
|
+
* * `border`
|
|
33
|
+
* - `a11yLabel`: optional accessibility label for screen readers
|
|
34
|
+
*/
|
|
35
|
+
schema: TooltipModel;
|
|
36
|
+
testId?: string;
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* The Tooltip is a specialized component that displays informational content above a trigger element.
|
|
40
|
+
* It supports both hover and click interactions for showing/hiding the tooltip content.
|
|
41
|
+
*/
|
|
42
|
+
export declare function Tooltip({ schema, testId }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|