@instructure/ui-tooltip 11.6.0 → 11.6.1-snapshot-129
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.
- package/CHANGELOG.md +35 -283
- package/es/Tooltip/{index.js → v1/index.js} +2 -2
- package/es/Tooltip/v2/index.js +163 -0
- package/es/Tooltip/v2/props.js +28 -0
- package/es/Tooltip/v2/styles.js +46 -0
- package/es/{index.js → exports/a.js} +1 -1
- package/{src/index.ts → es/exports/b.js} +1 -2
- package/lib/Tooltip/{index.js → v1/index.js} +3 -3
- package/lib/Tooltip/v2/index.js +173 -0
- package/lib/Tooltip/v2/props.js +33 -0
- package/lib/Tooltip/v2/styles.js +52 -0
- package/lib/{index.js → exports/a.js} +2 -2
- package/lib/exports/b.js +12 -0
- package/package.json +40 -18
- package/src/Tooltip/{index.tsx → v1/index.tsx} +3 -3
- package/src/Tooltip/{props.ts → v1/props.ts} +1 -1
- package/src/Tooltip/v2/README.md +142 -0
- package/src/Tooltip/v2/index.tsx +191 -0
- package/src/Tooltip/v2/props.ts +223 -0
- package/src/Tooltip/v2/styles.ts +52 -0
- package/src/exports/a.ts +28 -0
- package/src/exports/b.ts +28 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Tooltip/{index.d.ts → v1/index.d.ts} +1 -1
- package/types/Tooltip/v1/index.d.ts.map +1 -0
- package/types/Tooltip/{props.d.ts → v1/props.d.ts} +1 -1
- package/types/Tooltip/v1/props.d.ts.map +1 -0
- package/types/Tooltip/v1/styles.d.ts.map +1 -0
- package/types/Tooltip/v1/theme.d.ts.map +1 -0
- package/types/Tooltip/v2/index.d.ts +54 -0
- package/types/Tooltip/v2/index.d.ts.map +1 -0
- package/types/Tooltip/v2/props.d.ts +110 -0
- package/types/Tooltip/v2/props.d.ts.map +1 -0
- package/types/Tooltip/v2/styles.d.ts +13 -0
- package/types/Tooltip/v2/styles.d.ts.map +1 -0
- package/types/exports/a.d.ts +3 -0
- package/types/exports/a.d.ts.map +1 -0
- package/types/exports/b.d.ts +3 -0
- package/types/exports/b.d.ts.map +1 -0
- package/types/Tooltip/index.d.ts.map +0 -1
- package/types/Tooltip/props.d.ts.map +0 -1
- package/types/Tooltip/styles.d.ts.map +0 -1
- package/types/Tooltip/theme.d.ts.map +0 -1
- package/types/index.d.ts +0 -3
- package/types/index.d.ts.map +0 -1
- /package/es/Tooltip/{props.js → v1/props.js} +0 -0
- /package/es/Tooltip/{styles.js → v1/styles.js} +0 -0
- /package/es/Tooltip/{theme.js → v1/theme.js} +0 -0
- /package/lib/Tooltip/{props.js → v1/props.js} +0 -0
- /package/lib/Tooltip/{styles.js → v1/styles.js} +0 -0
- /package/lib/Tooltip/{theme.js → v1/theme.js} +0 -0
- /package/src/Tooltip/{README.md → v1/README.md} +0 -0
- /package/src/Tooltip/{styles.ts → v1/styles.ts} +0 -0
- /package/src/Tooltip/{theme.ts → v1/theme.ts} +0 -0
- /package/types/Tooltip/{styles.d.ts → v1/styles.d.ts} +0 -0
- /package/types/Tooltip/{theme.d.ts → v1/theme.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAW5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAMjE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGzD;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;;;;;MAQT;IAEV,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAQ;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAK9B;gBAEW,KAAK,EAAE,YAAY;IAQ/B,iBAAiB;IAIjB,kBAAkB;IAIlB,WAAW,EAAE,YAAY,CAAC,SAAS,CAAC,CAEnC;IAED,UAAU,EAAE,YAAY,CAAC,QAAQ,CAAC,CAEjC;IAED,aAAa;IA+Bb,MAAM;CAwDP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { AsElementType, TooltipTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
3
3
|
import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
|
|
4
4
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
5
|
-
import type { PopoverOwnProps } from '@instructure/ui-popover';
|
|
5
|
+
import type { PopoverOwnProps } from '@instructure/ui-popover/v11_6';
|
|
6
6
|
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
7
7
|
import { Renderable } from '@instructure/shared-types';
|
|
8
8
|
type TooltipRenderChildrenArgs = {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/v1/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GAAI,gBAAgB,YAAY,KAAG,YAYrD,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,YAa9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { Component, ReactNode } from 'react';
|
|
2
|
+
import type { PopoverProps } from '@instructure/ui-popover/latest';
|
|
3
|
+
import type { TooltipProps, TooltipState } from './props';
|
|
4
|
+
/**
|
|
5
|
+
---
|
|
6
|
+
category: components
|
|
7
|
+
---
|
|
8
|
+
**/
|
|
9
|
+
declare class Tooltip extends Component<TooltipProps, TooltipState> {
|
|
10
|
+
static readonly componentId = "Tooltip";
|
|
11
|
+
static allowedProps: readonly (keyof {
|
|
12
|
+
elementRef?: (element: Element | null) => void;
|
|
13
|
+
children: React.ReactNode | import("./props").TooltipRenderChildren;
|
|
14
|
+
renderTip: import("@instructure/shared-types").Renderable;
|
|
15
|
+
isShowingContent?: boolean;
|
|
16
|
+
defaultIsShowingContent?: boolean;
|
|
17
|
+
as?: import("@instructure/shared-types").AsElementType;
|
|
18
|
+
on?: ("click" | "hover" | "focus") | ("click" | "hover" | "focus")[];
|
|
19
|
+
color?: "primary" | "primary-inverse";
|
|
20
|
+
placement?: import("@instructure/ui-position").PlacementPropValues;
|
|
21
|
+
mountNode?: import("@instructure/ui-position").PositionMountNode;
|
|
22
|
+
constrain?: import("@instructure/ui-position").PositionConstraint;
|
|
23
|
+
offsetX?: string | number;
|
|
24
|
+
offsetY?: string | number;
|
|
25
|
+
positionTarget?: import("@instructure/ui-position").PositionMountNode;
|
|
26
|
+
onShowContent?: (event: React.UIEvent | React.FocusEvent) => void;
|
|
27
|
+
onHideContent?: (event: React.UIEvent | React.FocusEvent, args: {
|
|
28
|
+
documentClick: boolean;
|
|
29
|
+
}) => void;
|
|
30
|
+
preventTooltip?: boolean;
|
|
31
|
+
})[];
|
|
32
|
+
static defaultProps: {
|
|
33
|
+
readonly defaultIsShowingContent: false;
|
|
34
|
+
readonly color: "primary";
|
|
35
|
+
readonly placement: "top";
|
|
36
|
+
readonly constrain: "window";
|
|
37
|
+
readonly offsetX: 0;
|
|
38
|
+
readonly offsetY: 0;
|
|
39
|
+
readonly preventTooltip: false;
|
|
40
|
+
};
|
|
41
|
+
private readonly _id;
|
|
42
|
+
ref: Element | null;
|
|
43
|
+
handleRef: (el: Element | null) => void;
|
|
44
|
+
constructor(props: TooltipProps);
|
|
45
|
+
componentDidMount(): void;
|
|
46
|
+
componentDidUpdate(): void;
|
|
47
|
+
handleFocus: PopoverProps['onFocus'];
|
|
48
|
+
handleBlur: PopoverProps['onBlur'];
|
|
49
|
+
renderTrigger(): string | number | boolean | Iterable<ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;
|
|
50
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
51
|
+
}
|
|
52
|
+
export default Tooltip;
|
|
53
|
+
export { Tooltip };
|
|
54
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAW5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAKlE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGzD;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;;;;;MAQT;IAEV,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAQ;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAK9B;gBAEW,KAAK,EAAE,YAAY;IAQ/B,iBAAiB;IAIjB,kBAAkB;IAIlB,WAAW,EAAE,YAAY,CAAC,SAAS,CAAC,CAEnC;IAED,UAAU,EAAE,YAAY,CAAC,QAAQ,CAAC,CAEjC;IAED,aAAa;IA+Bb,MAAM;CAwDP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AsElementType, TooltipTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
3
|
+
import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
|
|
4
|
+
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
5
|
+
import type { PopoverOwnProps } from '@instructure/ui-popover/latest';
|
|
6
|
+
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
7
|
+
import { Renderable } from '@instructure/shared-types';
|
|
8
|
+
type TooltipRenderChildrenArgs = {
|
|
9
|
+
focused: boolean;
|
|
10
|
+
getTriggerProps: <TriggerProps extends Record<string, any>>(props: TriggerProps) => {
|
|
11
|
+
'aria-describedby': string;
|
|
12
|
+
} & TriggerProps;
|
|
13
|
+
};
|
|
14
|
+
type TooltipRenderChildren = (args: TooltipRenderChildrenArgs) => React.ReactNode;
|
|
15
|
+
type TooltipOwnProps = {
|
|
16
|
+
/**
|
|
17
|
+
* provides a reference to the underlying html root element
|
|
18
|
+
*/
|
|
19
|
+
elementRef?: (element: Element | null) => void;
|
|
20
|
+
/**
|
|
21
|
+
* A ReactNode or a function that returns a ReactNode with the following params:
|
|
22
|
+
*
|
|
23
|
+
* @param {Boolean} focused - Is the Tooltip trigger focused?
|
|
24
|
+
* @param {Function} getTriggerProps - Props to be spread onto the trigger element
|
|
25
|
+
*/
|
|
26
|
+
children: React.ReactNode | TooltipRenderChildren;
|
|
27
|
+
/**
|
|
28
|
+
* The content to render in the tooltip
|
|
29
|
+
*/
|
|
30
|
+
renderTip: Renderable;
|
|
31
|
+
/**
|
|
32
|
+
* Whether or not the tooltip content is shown, when controlled
|
|
33
|
+
*/
|
|
34
|
+
isShowingContent?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Whether or not to show the content by default, when uncontrolled
|
|
37
|
+
*/
|
|
38
|
+
defaultIsShowingContent?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* the element type to render as (assumes a single child if 'as' is undefined)
|
|
41
|
+
*/
|
|
42
|
+
as?: AsElementType;
|
|
43
|
+
/**
|
|
44
|
+
* The action that causes the Content to display (`click`, `hover`, `focus`)
|
|
45
|
+
*/
|
|
46
|
+
on?: ('click' | 'hover' | 'focus') | ('click' | 'hover' | 'focus')[];
|
|
47
|
+
/**
|
|
48
|
+
* The color of the tooltip content
|
|
49
|
+
*/
|
|
50
|
+
color?: 'primary' | 'primary-inverse';
|
|
51
|
+
/**
|
|
52
|
+
* Specifies where the Tooltip will be placed in relation to the target element.
|
|
53
|
+
* Ex. placement="bottom" will render the Tooltip below the triggering element
|
|
54
|
+
* (Note: if there is not room, it will position opposite. Ex. "top" will
|
|
55
|
+
* automatically switch to "bottom")
|
|
56
|
+
*/
|
|
57
|
+
placement?: PlacementPropValues;
|
|
58
|
+
/**
|
|
59
|
+
* An element or a function returning an element to use as the mount node
|
|
60
|
+
* for the `<Tooltip />` (defaults to `document.body`)
|
|
61
|
+
*/
|
|
62
|
+
mountNode?: PositionMountNode;
|
|
63
|
+
/**
|
|
64
|
+
* The parent in which to constrain the tooltip.
|
|
65
|
+
* One of: 'window', 'scroll-parent', 'parent', 'none', an element,
|
|
66
|
+
* or a function returning an element
|
|
67
|
+
*/
|
|
68
|
+
constrain?: PositionConstraint;
|
|
69
|
+
/**
|
|
70
|
+
* The horizontal offset for the positioned content
|
|
71
|
+
*/
|
|
72
|
+
offsetX?: string | number;
|
|
73
|
+
/**
|
|
74
|
+
* The vertical offset for the positioned content
|
|
75
|
+
*/
|
|
76
|
+
offsetY?: string | number;
|
|
77
|
+
/**
|
|
78
|
+
* Target element for positioning the Tooltip (if it differs from children/trigger)
|
|
79
|
+
*/
|
|
80
|
+
positionTarget?: PositionMountNode;
|
|
81
|
+
/**
|
|
82
|
+
* Callback fired when content is shown. When controlled, this callback is
|
|
83
|
+
* fired when the tooltip expects to be shown
|
|
84
|
+
*/
|
|
85
|
+
onShowContent?: (event: React.UIEvent | React.FocusEvent) => void;
|
|
86
|
+
/**
|
|
87
|
+
* Callback fired when content is hidden. When controlled, this callback is
|
|
88
|
+
* fired when the tooltip expects to be hidden
|
|
89
|
+
*/
|
|
90
|
+
onHideContent?: (event: React.UIEvent | React.FocusEvent, args: {
|
|
91
|
+
documentClick: boolean;
|
|
92
|
+
}) => void;
|
|
93
|
+
/**
|
|
94
|
+
* If true, it won't display the tooltip. This is useful in cases when tooltip is conditionally needed
|
|
95
|
+
* but in an uncontrolled way
|
|
96
|
+
*/
|
|
97
|
+
preventTooltip?: boolean;
|
|
98
|
+
};
|
|
99
|
+
type PropKeys = keyof TooltipOwnProps;
|
|
100
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
101
|
+
type PropsPassableToPopover = Omit<PopoverOwnProps, 'isShowingContent' | 'defaultIsShowingContent' | 'on' | 'shouldRenderOffscreen' | 'shouldReturnFocus' | 'placement' | 'color' | 'children' | 'mountNode' | 'constrain' | 'shadow' | 'offsetX' | 'offsetY' | 'positionTarget' | 'renderTrigger' | 'onShowContent' | 'onHideContent' | 'onFocus' | 'onBlur' | 'elementRef' | 'preventTooltip'>;
|
|
102
|
+
type TooltipProps = PropsPassableToPopover & TooltipOwnProps & WithStyleProps<TooltipTheme, TooltipStyle> & OtherHTMLAttributes<TooltipOwnProps> & WithDeterministicIdProps;
|
|
103
|
+
type TooltipStyle = ComponentStyle<'tooltip'>;
|
|
104
|
+
type TooltipState = {
|
|
105
|
+
hasFocus: boolean;
|
|
106
|
+
};
|
|
107
|
+
declare const allowedProps: AllowedPropKeys;
|
|
108
|
+
export type { TooltipProps, TooltipState, TooltipStyle, TooltipRenderChildren, TooltipRenderChildrenArgs };
|
|
109
|
+
export { allowedProps };
|
|
110
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/v2/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { NewComponentTypes } from '@instructure/ui-themes';
|
|
2
|
+
import type { TooltipStyle } from './props';
|
|
3
|
+
/**
|
|
4
|
+
* ---
|
|
5
|
+
* private: true
|
|
6
|
+
* ---
|
|
7
|
+
* Generates the style object from the theme and provided additional information
|
|
8
|
+
* @param {Object} componentTheme The theme variable object.
|
|
9
|
+
* @return {Object} The final style object, which will be used in the component
|
|
10
|
+
*/
|
|
11
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["Tooltip"]) => TooltipStyle;
|
|
12
|
+
export default generateStyle;
|
|
13
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,SAAS,CAAC,KAC3C,YAYF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,YAAY,EACV,YAAY,EACZ,yBAAyB,EAC1B,MAAM,qBAAqB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,YAAY,EACV,YAAY,EACZ,yBAAyB,EAC1B,MAAM,qBAAqB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tooltip/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAW5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAM3D,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGzD;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;;;;;MAQT;IAEV,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAQ;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAK9B;gBAEW,KAAK,EAAE,YAAY;IAQ/B,iBAAiB;IAIjB,kBAAkB;IAIlB,WAAW,EAAE,YAAY,CAAC,SAAS,CAAC,CAEnC;IAED,UAAU,EAAE,YAAY,CAAC,QAAQ,CAAC,CAEjC;IAED,aAAa;IA+Bb,MAAM;CAwDP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Tooltip/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Tooltip/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GAAI,gBAAgB,YAAY,KAAG,YAYrD,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/Tooltip/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,YAa9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
package/types/index.d.ts
DELETED
package/types/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|