@kong/kongponents 9.29.1 → 9.29.2-pr.2703.fcdfd9fe0.0
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/dist/kongponents.es.js +2537 -2573
- package/dist/kongponents.umd.js +13 -13
- package/dist/types/components/KDropdown/KDropdown.vue.d.ts +10 -132
- package/dist/types/components/KSelect/KSelect.vue.d.ts +2 -2
- package/dist/types/components/KTooltip/KTooltip.vue.d.ts +3 -212
- package/dist/types/types/index.d.ts +1 -1
- package/dist/types/types/input.d.ts +1 -1
- package/dist/types/types/popover.d.ts +10 -2
- package/dist/types/types/tooltip.d.ts +52 -0
- package/package.json +30 -31
- package/dist/types/types/label.d.ts +0 -7
|
@@ -1,146 +1,24 @@
|
|
|
1
1
|
import type { PropType, Ref } from 'vue';
|
|
2
|
-
import type { ButtonAppearance, DropdownItem,
|
|
2
|
+
import type { ButtonAppearance, DropdownItem, PopoverAttributes } from '../../../types';
|
|
3
3
|
import KButton from '../../components/KButton/KButton.vue';
|
|
4
4
|
import KPop from '../../components/KPop/KPop.vue';
|
|
5
5
|
import KToggle from '../../components/KToggle';
|
|
6
6
|
import KDropdownItem from './KDropdownItem.vue';
|
|
7
7
|
import { ChevronDownIcon } from '@kong/icons';
|
|
8
8
|
declare const tooltipComponent: import("vue").ComputedRef<"div" | ({
|
|
9
|
-
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("
|
|
10
|
-
text: {
|
|
11
|
-
type: StringConstructor;
|
|
12
|
-
required: false;
|
|
13
|
-
default: string;
|
|
14
|
-
};
|
|
15
|
-
placement: {
|
|
16
|
-
type: PropType<PopPlacements>;
|
|
17
|
-
default: string;
|
|
18
|
-
validator: (value: PopPlacements) => boolean;
|
|
19
|
-
};
|
|
20
|
-
maxWidth: {
|
|
21
|
-
type: StringConstructor;
|
|
22
|
-
default: string;
|
|
23
|
-
};
|
|
24
|
-
label: {
|
|
25
|
-
type: StringConstructor;
|
|
26
|
-
default: string;
|
|
27
|
-
};
|
|
28
|
-
tooltipId: {
|
|
29
|
-
type: StringConstructor;
|
|
30
|
-
default: string;
|
|
31
|
-
};
|
|
32
|
-
zIndex: {
|
|
33
|
-
type: NumberConstructor;
|
|
34
|
-
default: number;
|
|
35
|
-
};
|
|
36
|
-
kpopAttributes: {
|
|
37
|
-
type: PropType<PopoverAttributes>;
|
|
38
|
-
default: () => void;
|
|
39
|
-
};
|
|
40
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
41
|
-
label: string;
|
|
42
|
-
placement: "auto" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end";
|
|
43
|
-
maxWidth: string;
|
|
44
|
-
zIndex: number;
|
|
45
|
-
text: string;
|
|
46
|
-
tooltipId: string;
|
|
47
|
-
kpopAttributes: PopoverAttributes;
|
|
48
|
-
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
9
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../../types").TooltipProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
49
10
|
P: {};
|
|
50
11
|
B: {};
|
|
51
12
|
D: {};
|
|
52
13
|
C: {};
|
|
53
14
|
M: {};
|
|
54
15
|
Defaults: {};
|
|
55
|
-
}, Readonly<import("
|
|
56
|
-
text: {
|
|
57
|
-
type: StringConstructor;
|
|
58
|
-
required: false;
|
|
59
|
-
default: string;
|
|
60
|
-
};
|
|
61
|
-
placement: {
|
|
62
|
-
type: PropType<PopPlacements>;
|
|
63
|
-
default: string;
|
|
64
|
-
validator: (value: PopPlacements) => boolean;
|
|
65
|
-
};
|
|
66
|
-
maxWidth: {
|
|
67
|
-
type: StringConstructor;
|
|
68
|
-
default: string;
|
|
69
|
-
};
|
|
70
|
-
label: {
|
|
71
|
-
type: StringConstructor;
|
|
72
|
-
default: string;
|
|
73
|
-
};
|
|
74
|
-
tooltipId: {
|
|
75
|
-
type: StringConstructor;
|
|
76
|
-
default: string;
|
|
77
|
-
};
|
|
78
|
-
zIndex: {
|
|
79
|
-
type: NumberConstructor;
|
|
80
|
-
default: number;
|
|
81
|
-
};
|
|
82
|
-
kpopAttributes: {
|
|
83
|
-
type: PropType<PopoverAttributes>;
|
|
84
|
-
default: () => void;
|
|
85
|
-
};
|
|
86
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
87
|
-
label: string;
|
|
88
|
-
placement: "auto" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end";
|
|
89
|
-
maxWidth: string;
|
|
90
|
-
zIndex: number;
|
|
91
|
-
text: string;
|
|
92
|
-
tooltipId: string;
|
|
93
|
-
kpopAttributes: PopoverAttributes;
|
|
94
|
-
}>;
|
|
16
|
+
}, Readonly<import("../../../types").TooltipProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
95
17
|
__isFragment?: never;
|
|
96
18
|
__isTeleport?: never;
|
|
97
19
|
__isSuspense?: never;
|
|
98
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("
|
|
99
|
-
|
|
100
|
-
type: StringConstructor;
|
|
101
|
-
required: false;
|
|
102
|
-
default: string;
|
|
103
|
-
};
|
|
104
|
-
placement: {
|
|
105
|
-
type: PropType<PopPlacements>;
|
|
106
|
-
default: string;
|
|
107
|
-
validator: (value: PopPlacements) => boolean;
|
|
108
|
-
};
|
|
109
|
-
maxWidth: {
|
|
110
|
-
type: StringConstructor;
|
|
111
|
-
default: string;
|
|
112
|
-
};
|
|
113
|
-
label: {
|
|
114
|
-
type: StringConstructor;
|
|
115
|
-
default: string;
|
|
116
|
-
};
|
|
117
|
-
tooltipId: {
|
|
118
|
-
type: StringConstructor;
|
|
119
|
-
default: string;
|
|
120
|
-
};
|
|
121
|
-
zIndex: {
|
|
122
|
-
type: NumberConstructor;
|
|
123
|
-
default: number;
|
|
124
|
-
};
|
|
125
|
-
kpopAttributes: {
|
|
126
|
-
type: PropType<PopoverAttributes>;
|
|
127
|
-
default: () => void;
|
|
128
|
-
};
|
|
129
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
130
|
-
label: string;
|
|
131
|
-
placement: "auto" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end";
|
|
132
|
-
maxWidth: string;
|
|
133
|
-
zIndex: number;
|
|
134
|
-
text: string;
|
|
135
|
-
tooltipId: string;
|
|
136
|
-
kpopAttributes: PopoverAttributes;
|
|
137
|
-
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
138
|
-
$slots: {
|
|
139
|
-
default?: (((props: {}) => any) & ((props: {}) => any)) | undefined;
|
|
140
|
-
content?: ((props: {
|
|
141
|
-
label: string;
|
|
142
|
-
}) => any) | undefined;
|
|
143
|
-
};
|
|
20
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("../../../types").TooltipProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
21
|
+
$slots: import("../../../types").TooltipSlots;
|
|
144
22
|
}))>;
|
|
145
23
|
declare const kPop: Ref<({
|
|
146
24
|
$: import("vue").ComponentInternalInstance;
|
|
@@ -148,7 +26,7 @@ declare const kPop: Ref<({
|
|
|
148
26
|
$props: {
|
|
149
27
|
readonly buttonText?: string | undefined;
|
|
150
28
|
readonly title?: string | undefined;
|
|
151
|
-
readonly placement?:
|
|
29
|
+
readonly placement?: import("../../../types").PopPlacement | undefined;
|
|
152
30
|
readonly trigger?: import("../../../types").PopTrigger | undefined;
|
|
153
31
|
readonly popoverTimeout?: number | undefined;
|
|
154
32
|
readonly hideCloseIcon?: boolean | undefined;
|
|
@@ -227,7 +105,7 @@ declare const kPop: Ref<({
|
|
|
227
105
|
$props: {
|
|
228
106
|
readonly buttonText?: string | undefined;
|
|
229
107
|
readonly title?: string | undefined;
|
|
230
|
-
readonly placement?:
|
|
108
|
+
readonly placement?: import("../../../types").PopPlacement | undefined;
|
|
231
109
|
readonly trigger?: import("../../../types").PopTrigger | undefined;
|
|
232
110
|
readonly popoverTimeout?: number | undefined;
|
|
233
111
|
readonly hideCloseIcon?: boolean | undefined;
|
|
@@ -304,7 +182,7 @@ declare const kPop: Ref<({
|
|
|
304
182
|
declare const boundKPopAttributes: {
|
|
305
183
|
width: string | undefined;
|
|
306
184
|
popoverClasses: string;
|
|
307
|
-
placement:
|
|
185
|
+
placement: import("../../../types").PopPlacement;
|
|
308
186
|
offset?: string | undefined;
|
|
309
187
|
'data-testid'?: string | undefined;
|
|
310
188
|
hideCaret: boolean;
|
|
@@ -446,8 +324,8 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
446
324
|
label: string;
|
|
447
325
|
width: string;
|
|
448
326
|
disabled: boolean;
|
|
449
|
-
appearance: ButtonAppearance;
|
|
450
327
|
kpopAttributes: Omit<PopoverAttributes, "target" | "trigger">;
|
|
328
|
+
appearance: ButtonAppearance;
|
|
451
329
|
items: DropdownItem[];
|
|
452
330
|
selectionMenu: boolean;
|
|
453
331
|
triggerText: string;
|
|
@@ -558,8 +436,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
558
436
|
label: string;
|
|
559
437
|
width: string;
|
|
560
438
|
disabled: boolean;
|
|
561
|
-
appearance: ButtonAppearance;
|
|
562
439
|
kpopAttributes: Omit<PopoverAttributes, "target" | "trigger">;
|
|
440
|
+
appearance: ButtonAppearance;
|
|
563
441
|
items: DropdownItem[];
|
|
564
442
|
selectionMenu: boolean;
|
|
565
443
|
triggerText: string;
|
|
@@ -5,7 +5,7 @@ import KPop from '../../components/KPop/KPop.vue';
|
|
|
5
5
|
import KToggle from '../../components/KToggle';
|
|
6
6
|
import KSelectItems from '../../components/KSelect/KSelectItems.vue';
|
|
7
7
|
import KSelectItem from '../../components/KSelect/KSelectItem.vue';
|
|
8
|
-
import type {
|
|
8
|
+
import type { SelectItem, SelectFilterFunctionParams, SelectDropdownFooterTextPosition, PopoverAttributes } from '../../../types';
|
|
9
9
|
import { ChevronDownIcon, CloseIcon, ProgressIcon } from '@kong/icons';
|
|
10
10
|
declare const slots: Readonly<{
|
|
11
11
|
[name: string]: import("vue").Slot<any> | undefined;
|
|
@@ -49,7 +49,7 @@ declare const boundKPopAttributes: import("vue").ComputedRef<{
|
|
|
49
49
|
width: string;
|
|
50
50
|
maxWidth: string;
|
|
51
51
|
disabled: boolean;
|
|
52
|
-
placement:
|
|
52
|
+
placement: import("../../../types").PopPlacement;
|
|
53
53
|
offset?: string | undefined;
|
|
54
54
|
'data-testid'?: string | undefined;
|
|
55
55
|
popoverTimeout: number;
|
|
@@ -1,215 +1,6 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
import { KUI_SPACE_20 } from '@kong/design-tokens';
|
|
5
|
-
declare const showTooltip: import("vue").ComputedRef<boolean>;
|
|
6
|
-
declare const randomTooltipId: string;
|
|
7
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
8
|
-
declare var __VLS_5: {}, __VLS_7: {
|
|
9
|
-
label: string;
|
|
10
|
-
}, __VLS_9: {};
|
|
11
|
-
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
12
|
-
default?: (props: typeof __VLS_5) => any;
|
|
13
|
-
} & {
|
|
14
|
-
content?: (props: typeof __VLS_7) => any;
|
|
15
|
-
} & {
|
|
16
|
-
default?: (props: typeof __VLS_9) => any;
|
|
17
|
-
}>;
|
|
18
|
-
declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
19
|
-
/**
|
|
20
|
-
* Text to show in tooltip
|
|
21
|
-
*/
|
|
22
|
-
text: {
|
|
23
|
-
type: StringConstructor;
|
|
24
|
-
required: false;
|
|
25
|
-
default: string;
|
|
26
|
-
};
|
|
27
|
-
/**
|
|
28
|
-
* Define which side the tooltip displays
|
|
29
|
-
*/
|
|
30
|
-
placement: {
|
|
31
|
-
type: PropType<PopPlacements>;
|
|
32
|
-
default: string;
|
|
33
|
-
validator: (value: PopPlacements) => boolean;
|
|
34
|
-
};
|
|
35
|
-
/**
|
|
36
|
-
* Set the max-width of the ktooltip
|
|
37
|
-
*/
|
|
38
|
-
maxWidth: {
|
|
39
|
-
type: StringConstructor;
|
|
40
|
-
default: string;
|
|
41
|
-
};
|
|
42
|
-
/**
|
|
43
|
-
* @deprecated in favor of text prop
|
|
44
|
-
*/
|
|
45
|
-
label: {
|
|
46
|
-
type: StringConstructor;
|
|
47
|
-
default: string;
|
|
48
|
-
};
|
|
49
|
-
tooltipId: {
|
|
50
|
-
type: StringConstructor;
|
|
51
|
-
default: string;
|
|
52
|
-
};
|
|
53
|
-
zIndex: {
|
|
54
|
-
type: NumberConstructor;
|
|
55
|
-
default: number;
|
|
56
|
-
};
|
|
57
|
-
kpopAttributes: {
|
|
58
|
-
type: PropType<PopoverAttributes>;
|
|
59
|
-
default: () => void;
|
|
60
|
-
};
|
|
61
|
-
}>, {
|
|
62
|
-
KPop: typeof KPop;
|
|
63
|
-
KUI_SPACE_20: typeof KUI_SPACE_20;
|
|
64
|
-
showTooltip: typeof showTooltip;
|
|
65
|
-
randomTooltipId: typeof randomTooltipId;
|
|
66
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
67
|
-
/**
|
|
68
|
-
* Text to show in tooltip
|
|
69
|
-
*/
|
|
70
|
-
text: {
|
|
71
|
-
type: StringConstructor;
|
|
72
|
-
required: false;
|
|
73
|
-
default: string;
|
|
74
|
-
};
|
|
75
|
-
/**
|
|
76
|
-
* Define which side the tooltip displays
|
|
77
|
-
*/
|
|
78
|
-
placement: {
|
|
79
|
-
type: PropType<PopPlacements>;
|
|
80
|
-
default: string;
|
|
81
|
-
validator: (value: PopPlacements) => boolean;
|
|
82
|
-
};
|
|
83
|
-
/**
|
|
84
|
-
* Set the max-width of the ktooltip
|
|
85
|
-
*/
|
|
86
|
-
maxWidth: {
|
|
87
|
-
type: StringConstructor;
|
|
88
|
-
default: string;
|
|
89
|
-
};
|
|
90
|
-
/**
|
|
91
|
-
* @deprecated in favor of text prop
|
|
92
|
-
*/
|
|
93
|
-
label: {
|
|
94
|
-
type: StringConstructor;
|
|
95
|
-
default: string;
|
|
96
|
-
};
|
|
97
|
-
tooltipId: {
|
|
98
|
-
type: StringConstructor;
|
|
99
|
-
default: string;
|
|
100
|
-
};
|
|
101
|
-
zIndex: {
|
|
102
|
-
type: NumberConstructor;
|
|
103
|
-
default: number;
|
|
104
|
-
};
|
|
105
|
-
kpopAttributes: {
|
|
106
|
-
type: PropType<PopoverAttributes>;
|
|
107
|
-
default: () => void;
|
|
108
|
-
};
|
|
109
|
-
}>> & Readonly<{}>, {
|
|
110
|
-
label: string;
|
|
111
|
-
placement: "auto" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end";
|
|
112
|
-
maxWidth: string;
|
|
113
|
-
zIndex: number;
|
|
114
|
-
text: string;
|
|
115
|
-
tooltipId: string;
|
|
116
|
-
kpopAttributes: PopoverAttributes;
|
|
117
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
118
|
-
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
119
|
-
/**
|
|
120
|
-
* Text to show in tooltip
|
|
121
|
-
*/
|
|
122
|
-
text: {
|
|
123
|
-
type: StringConstructor;
|
|
124
|
-
required: false;
|
|
125
|
-
default: string;
|
|
126
|
-
};
|
|
127
|
-
/**
|
|
128
|
-
* Define which side the tooltip displays
|
|
129
|
-
*/
|
|
130
|
-
placement: {
|
|
131
|
-
type: PropType<PopPlacements>;
|
|
132
|
-
default: string;
|
|
133
|
-
validator: (value: PopPlacements) => boolean;
|
|
134
|
-
};
|
|
135
|
-
/**
|
|
136
|
-
* Set the max-width of the ktooltip
|
|
137
|
-
*/
|
|
138
|
-
maxWidth: {
|
|
139
|
-
type: StringConstructor;
|
|
140
|
-
default: string;
|
|
141
|
-
};
|
|
142
|
-
/**
|
|
143
|
-
* @deprecated in favor of text prop
|
|
144
|
-
*/
|
|
145
|
-
label: {
|
|
146
|
-
type: StringConstructor;
|
|
147
|
-
default: string;
|
|
148
|
-
};
|
|
149
|
-
tooltipId: {
|
|
150
|
-
type: StringConstructor;
|
|
151
|
-
default: string;
|
|
152
|
-
};
|
|
153
|
-
zIndex: {
|
|
154
|
-
type: NumberConstructor;
|
|
155
|
-
default: number;
|
|
156
|
-
};
|
|
157
|
-
kpopAttributes: {
|
|
158
|
-
type: PropType<PopoverAttributes>;
|
|
159
|
-
default: () => void;
|
|
160
|
-
};
|
|
161
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
162
|
-
/**
|
|
163
|
-
* Text to show in tooltip
|
|
164
|
-
*/
|
|
165
|
-
text: {
|
|
166
|
-
type: StringConstructor;
|
|
167
|
-
required: false;
|
|
168
|
-
default: string;
|
|
169
|
-
};
|
|
170
|
-
/**
|
|
171
|
-
* Define which side the tooltip displays
|
|
172
|
-
*/
|
|
173
|
-
placement: {
|
|
174
|
-
type: PropType<PopPlacements>;
|
|
175
|
-
default: string;
|
|
176
|
-
validator: (value: PopPlacements) => boolean;
|
|
177
|
-
};
|
|
178
|
-
/**
|
|
179
|
-
* Set the max-width of the ktooltip
|
|
180
|
-
*/
|
|
181
|
-
maxWidth: {
|
|
182
|
-
type: StringConstructor;
|
|
183
|
-
default: string;
|
|
184
|
-
};
|
|
185
|
-
/**
|
|
186
|
-
* @deprecated in favor of text prop
|
|
187
|
-
*/
|
|
188
|
-
label: {
|
|
189
|
-
type: StringConstructor;
|
|
190
|
-
default: string;
|
|
191
|
-
};
|
|
192
|
-
tooltipId: {
|
|
193
|
-
type: StringConstructor;
|
|
194
|
-
default: string;
|
|
195
|
-
};
|
|
196
|
-
zIndex: {
|
|
197
|
-
type: NumberConstructor;
|
|
198
|
-
default: number;
|
|
199
|
-
};
|
|
200
|
-
kpopAttributes: {
|
|
201
|
-
type: PropType<PopoverAttributes>;
|
|
202
|
-
default: () => void;
|
|
203
|
-
};
|
|
204
|
-
}>> & Readonly<{}>, {
|
|
205
|
-
label: string;
|
|
206
|
-
placement: "auto" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end";
|
|
207
|
-
maxWidth: string;
|
|
208
|
-
zIndex: number;
|
|
209
|
-
text: string;
|
|
210
|
-
tooltipId: string;
|
|
211
|
-
kpopAttributes: PopoverAttributes;
|
|
212
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
1
|
+
import type { TooltipProps, TooltipSlots } from '../../../types';
|
|
2
|
+
type __VLS_Slots = TooltipSlots;
|
|
3
|
+
declare const __VLS_component: import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
213
4
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
214
5
|
export default _default;
|
|
215
6
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -12,7 +12,6 @@ export * from './date-time-picker';
|
|
|
12
12
|
export * from './dropdown';
|
|
13
13
|
export * from './empty-state';
|
|
14
14
|
export * from './input';
|
|
15
|
-
export * from './label';
|
|
16
15
|
export * from './method-badge';
|
|
17
16
|
export * from './multi-select';
|
|
18
17
|
export * from './pagination';
|
|
@@ -28,5 +27,6 @@ export * from './table';
|
|
|
28
27
|
export * from './tabs';
|
|
29
28
|
export * from './text-area';
|
|
30
29
|
export * from './toaster';
|
|
30
|
+
export * from './tooltip';
|
|
31
31
|
export * from './tree-list';
|
|
32
32
|
export * from './utils';
|
|
@@ -2,7 +2,15 @@ import type { AnyElementOf } from '../types/utils';
|
|
|
2
2
|
export declare const PopTriggerArray: readonly ["click", "hover"];
|
|
3
3
|
export type PopTrigger = AnyElementOf<typeof PopTriggerArray>;
|
|
4
4
|
export declare const PopPlacementsArray: readonly ["auto", "top", "top-start", "top-end", "left", "left-start", "left-end", "right", "right-start", "right-end", "bottom", "bottom-start", "bottom-end"];
|
|
5
|
-
export type
|
|
5
|
+
export type PopPlacement = AnyElementOf<typeof PopPlacementsArray>;
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated Use `PopPlacement` instead.
|
|
8
|
+
*/
|
|
9
|
+
export type Placement = PopPlacement;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated Use `PopPlacement` instead.
|
|
12
|
+
*/
|
|
13
|
+
export type PopPlacements = PopPlacement;
|
|
6
14
|
/**
|
|
7
15
|
* @internal
|
|
8
16
|
*/
|
|
@@ -31,7 +39,7 @@ export interface PopProps {
|
|
|
31
39
|
* One of ['auto', 'top', 'top-start', 'top-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end'].
|
|
32
40
|
* @default 'auto'
|
|
33
41
|
*/
|
|
34
|
-
placement?:
|
|
42
|
+
placement?: PopPlacement;
|
|
35
43
|
/**
|
|
36
44
|
* Whether popover should be opened on trigger element click or mouseover.
|
|
37
45
|
* One of ['click', 'hover'].
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { PopoverAttributes, PopPlacements } from './popover';
|
|
2
|
+
export interface TooltipProps {
|
|
3
|
+
/**
|
|
4
|
+
* Text to show in tooltip.
|
|
5
|
+
* @default ''
|
|
6
|
+
*/
|
|
7
|
+
text?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Define which side the tooltip displays.
|
|
10
|
+
* One of ['auto', 'top', 'top-start', 'top-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end'].
|
|
11
|
+
* @default 'top'
|
|
12
|
+
*/
|
|
13
|
+
placement?: PopPlacements;
|
|
14
|
+
/**
|
|
15
|
+
* Set the max-width of the ktooltip.
|
|
16
|
+
* @default 'none'
|
|
17
|
+
*/
|
|
18
|
+
maxWidth?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Text to show in tooltip.
|
|
21
|
+
* @default ''
|
|
22
|
+
* @deprecated Use `text` instead.
|
|
23
|
+
*/
|
|
24
|
+
label?: string;
|
|
25
|
+
/**
|
|
26
|
+
* A string to be used as id attribute on underlying `role="tooltip"` element.
|
|
27
|
+
* Useful for setting accessible attributes (such as `aria-describedby`) on other elements.
|
|
28
|
+
* @default ''
|
|
29
|
+
*/
|
|
30
|
+
tooltipId?: string;
|
|
31
|
+
/**
|
|
32
|
+
* The `z-index` value for the tooltip.
|
|
33
|
+
* @default 9999
|
|
34
|
+
*/
|
|
35
|
+
zIndex?: number;
|
|
36
|
+
/**
|
|
37
|
+
* Use the kpopAttributes prop to configure the underlying KPop's props.
|
|
38
|
+
* @default {}
|
|
39
|
+
*/
|
|
40
|
+
kpopAttributes?: PopoverAttributes;
|
|
41
|
+
}
|
|
42
|
+
export interface TooltipSlots {
|
|
43
|
+
/**
|
|
44
|
+
* The default slot takes in the element you want the popover to be triggered over.
|
|
45
|
+
*/
|
|
46
|
+
default?(): any;
|
|
47
|
+
/**
|
|
48
|
+
* The content slot allows you to slot in any html content.
|
|
49
|
+
*/
|
|
50
|
+
content?(): any;
|
|
51
|
+
}
|
|
52
|
+
export type TooltipAttributes = Pick<TooltipProps, 'label' | 'placement' | 'maxWidth'>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong/kongponents",
|
|
3
|
-
"version": "9.29.
|
|
3
|
+
"version": "9.29.2-pr.2703.fcdfd9fe0.0",
|
|
4
4
|
"description": "Kong Component library",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -26,33 +26,6 @@
|
|
|
26
26
|
"./package.json": "./package.json",
|
|
27
27
|
"./dist/*": "./dist/*"
|
|
28
28
|
},
|
|
29
|
-
"scripts": {
|
|
30
|
-
"build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
|
|
31
|
-
"build:docs": "vitepress build docs",
|
|
32
|
-
"build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json'",
|
|
33
|
-
"build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
|
|
34
|
-
"build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
|
|
35
|
-
"build:ci": "pnpm build:kongponents && pnpm build:docs",
|
|
36
|
-
"commit": "cz",
|
|
37
|
-
"create-kongponent": "node ./bin/index.js",
|
|
38
|
-
"sandbox:dev": "cross-env USE_SANDBOX=true vite",
|
|
39
|
-
"sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
|
|
40
|
-
"sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
|
|
41
|
-
"sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
|
|
42
|
-
"docs:build": "vitepress build docs",
|
|
43
|
-
"docs:dev": "vitepress dev docs",
|
|
44
|
-
"docs:serve": "vitepress serve docs",
|
|
45
|
-
"docs:preview": "vitepress preview docs --port 8080",
|
|
46
|
-
"typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
|
|
47
|
-
"lint": "eslint",
|
|
48
|
-
"lint:fix": "eslint --fix",
|
|
49
|
-
"stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
|
|
50
|
-
"stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
|
|
51
|
-
"test": "cypress run --component -b chrome",
|
|
52
|
-
"test:open": "cypress open --component -b chrome",
|
|
53
|
-
"test:spec": "cypress run --component -b chrome --spec",
|
|
54
|
-
"semantic-release": "semantic-release"
|
|
55
|
-
},
|
|
56
29
|
"dependencies": {
|
|
57
30
|
"@floating-ui/vue": "^1.1.6",
|
|
58
31
|
"@kong/icons": "^1.23.1",
|
|
@@ -125,7 +98,7 @@
|
|
|
125
98
|
"stylelint-order": "^6.0.4",
|
|
126
99
|
"tsc-alias": "^1.8.13",
|
|
127
100
|
"typescript": "^5.6.3",
|
|
128
|
-
"vite": "^6.0.
|
|
101
|
+
"vite": "^6.0.14",
|
|
129
102
|
"vite-plugin-vue-devtools": "^7.4.6",
|
|
130
103
|
"vitepress": "^1.3.4",
|
|
131
104
|
"vue": "^3.5.13",
|
|
@@ -183,7 +156,6 @@
|
|
|
183
156
|
"engines": {
|
|
184
157
|
"node": ">=v16.20.2 || >=18.12.1 || >=20.14.0"
|
|
185
158
|
},
|
|
186
|
-
"packageManager": "pnpm@9.11.0",
|
|
187
159
|
"volta": {
|
|
188
160
|
"node": "20.17.0",
|
|
189
161
|
"pnpm": "9.11.0"
|
|
@@ -197,5 +169,32 @@
|
|
|
197
169
|
"jiraPrepend": "[",
|
|
198
170
|
"jiraAppend": "]"
|
|
199
171
|
}
|
|
172
|
+
},
|
|
173
|
+
"scripts": {
|
|
174
|
+
"build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
|
|
175
|
+
"build:docs": "vitepress build docs",
|
|
176
|
+
"build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json'",
|
|
177
|
+
"build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
|
|
178
|
+
"build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
|
|
179
|
+
"build:ci": "pnpm build:kongponents && pnpm build:docs",
|
|
180
|
+
"commit": "cz",
|
|
181
|
+
"create-kongponent": "node ./bin/index.js",
|
|
182
|
+
"sandbox:dev": "cross-env USE_SANDBOX=true vite",
|
|
183
|
+
"sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
|
|
184
|
+
"sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
|
|
185
|
+
"sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
|
|
186
|
+
"docs:build": "vitepress build docs",
|
|
187
|
+
"docs:dev": "vitepress dev docs",
|
|
188
|
+
"docs:serve": "vitepress serve docs",
|
|
189
|
+
"docs:preview": "vitepress preview docs --port 8080",
|
|
190
|
+
"typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
|
|
191
|
+
"lint": "eslint",
|
|
192
|
+
"lint:fix": "eslint --fix",
|
|
193
|
+
"stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
|
|
194
|
+
"stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
|
|
195
|
+
"test": "cypress run --component -b chrome",
|
|
196
|
+
"test:open": "cypress open --component -b chrome",
|
|
197
|
+
"test:spec": "cypress run --component -b chrome --spec",
|
|
198
|
+
"semantic-release": "semantic-release"
|
|
200
199
|
}
|
|
201
|
-
}
|
|
200
|
+
}
|