@uzum-tech/ui 2.0.0-beta.7 → 2.0.0-beta.8

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.
Files changed (18) hide show
  1. package/dist/index.js +23 -4
  2. package/dist/index.mjs +23 -4
  3. package/dist/index.prod.js +2 -2
  4. package/dist/index.prod.mjs +2 -2
  5. package/es/components.d.ts +9 -0
  6. package/es/tooltip/index.d.ts +1 -1
  7. package/es/tooltip/src/Tooltip.d.ts +84 -70
  8. package/es/tooltip/src/Tooltip.mjs +18 -3
  9. package/es/version.d.ts +1 -1
  10. package/es/version.mjs +1 -1
  11. package/lib/components.d.ts +9 -0
  12. package/lib/tooltip/index.d.ts +1 -1
  13. package/lib/tooltip/src/Tooltip.d.ts +84 -70
  14. package/lib/tooltip/src/Tooltip.js +9 -3
  15. package/lib/version.d.ts +1 -1
  16. package/lib/version.js +1 -1
  17. package/package.json +1 -1
  18. package/web-types.json +32 -3
package/lib/tooltip/src/Tooltip.d.ts CHANGED
@@ -1,9 +1,14 @@
1
- import type { SlotsType, VNode } from 'vue';
1
+ import type { PropType, SlotsType, VNode } from 'vue';
2
2
  import type { ExtractPublicPropTypes } from '../../_utils';
3
3
  import type { PopoverInst } from '../../popover';
4
4
  export type TooltipInst = PopoverInst;
5
+ export type TooltipVariant = 'default' | 'plain';
5
6
  export declare const tooltipProps: {
6
- theme: import("vue").PropType<import("../../_mixins").Theme<"Tooltip", {
7
+ variant: {
8
+ type: PropType<TooltipVariant>;
9
+ default: string;
10
+ };
11
+ theme: PropType<import("../../_mixins").Theme<"Tooltip", {
7
12
  padding: string;
8
13
  textPadding: string;
9
14
  titleSize: string;
@@ -35,7 +40,7 @@ export declare const tooltipProps: {
35
40
  boxShadow: string;
36
41
  }, any>;
37
42
  }>>;
38
- themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
43
+ themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
39
44
  padding: string;
40
45
  textPadding: string;
41
46
  titleSize: string;
@@ -67,7 +72,7 @@ export declare const tooltipProps: {
67
72
  boxShadow: string;
68
73
  }, any>;
69
74
  }>>>;
70
- builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
75
+ builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
71
76
  padding: string;
72
77
  textPadding: string;
73
78
  titleSize: string;
@@ -100,7 +105,7 @@ export declare const tooltipProps: {
100
105
  }, any>;
101
106
  }>>>;
102
107
  show: {
103
- type: import("vue").PropType<boolean | undefined>;
108
+ type: PropType<boolean | undefined>;
104
109
  default: undefined;
105
110
  };
106
111
  defaultShow: BooleanConstructor;
@@ -109,7 +114,7 @@ export declare const tooltipProps: {
109
114
  default: boolean;
110
115
  };
111
116
  trigger: {
112
- type: import("vue").PropType<import("../../popover").PopoverTrigger>;
117
+ type: PropType<import("../../popover").PopoverTrigger>;
113
118
  default: string;
114
119
  };
115
120
  delay: {
@@ -122,22 +127,22 @@ export declare const tooltipProps: {
122
127
  };
123
128
  raw: BooleanConstructor;
124
129
  placement: {
125
- type: import("vue").PropType<import("vueuc/lib/binder/src/interface").Placement>;
130
+ type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
126
131
  default: string;
127
132
  };
128
133
  x: NumberConstructor;
129
134
  y: NumberConstructor;
130
135
  arrowPointToCenter: BooleanConstructor;
131
136
  disabled: BooleanConstructor;
132
- getDisabled: import("vue").PropType<() => boolean>;
137
+ getDisabled: PropType<() => boolean>;
133
138
  displayDirective: {
134
- type: import("vue").PropType<"if" | "show">;
139
+ type: PropType<"if" | "show">;
135
140
  default: string;
136
141
  };
137
142
  arrowClass: StringConstructor;
138
- arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
143
+ arrowStyle: PropType<string | import("vue").CSSProperties>;
139
144
  arrowWrapperClass: StringConstructor;
140
- arrowWrapperStyle: import("vue").PropType<string | import("vue").CSSProperties>;
145
+ arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
141
146
  flip: {
142
147
  type: BooleanConstructor;
143
148
  default: boolean;
@@ -147,7 +152,7 @@ export declare const tooltipProps: {
147
152
  default: boolean;
148
153
  };
149
154
  width: {
150
- type: import("vue").PropType<number | string | "trigger">;
155
+ type: PropType<number | string | "trigger">;
151
156
  default: undefined;
152
157
  };
153
158
  overlap: BooleanConstructor;
@@ -157,34 +162,34 @@ export declare const tooltipProps: {
157
162
  };
158
163
  zIndex: NumberConstructor;
159
164
  to: {
160
- type: import("vue").PropType<HTMLElement | string | boolean>;
165
+ type: PropType<HTMLElement | string | boolean>;
161
166
  default: undefined;
162
167
  };
163
168
  scrollable: BooleanConstructor;
164
169
  contentClass: StringConstructor;
165
- contentStyle: import("vue").PropType<import("vue").CSSProperties | string>;
170
+ contentStyle: PropType<import("vue").CSSProperties | string>;
166
171
  headerClass: StringConstructor;
167
- headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
172
+ headerStyle: PropType<import("vue").CSSProperties | string>;
168
173
  footerClass: StringConstructor;
169
- footerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
170
- onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
171
- 'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
172
- onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
174
+ footerStyle: PropType<import("vue").CSSProperties | string>;
175
+ onClickoutside: PropType<(e: MouseEvent) => void>;
176
+ 'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
177
+ onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
173
178
  internalDeactivateImmediately: BooleanConstructor;
174
179
  internalSyncTargetWithParent: BooleanConstructor;
175
180
  internalInheritedEventHandlers: {
176
- type: import("vue").PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
181
+ type: PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
177
182
  default: () => never[];
178
183
  };
179
184
  internalTrapFocus: BooleanConstructor;
180
185
  internalExtraClass: {
181
- type: import("vue").PropType<string[]>;
186
+ type: PropType<string[]>;
182
187
  default: () => never[];
183
188
  };
184
- onShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
185
- onHide: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
189
+ onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
190
+ onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
186
191
  arrow: {
187
- type: import("vue").PropType<boolean | undefined>;
192
+ type: PropType<boolean | undefined>;
188
193
  default: undefined;
189
194
  };
190
195
  minWidth: NumberConstructor;
@@ -198,7 +203,11 @@ export interface TooltipSlots {
198
203
  icon?: () => VNode[];
199
204
  }
200
205
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
201
- theme: import("vue").PropType<import("../../_mixins").Theme<"Tooltip", {
206
+ variant: {
207
+ type: PropType<TooltipVariant>;
208
+ default: string;
209
+ };
210
+ theme: PropType<import("../../_mixins").Theme<"Tooltip", {
202
211
  padding: string;
203
212
  textPadding: string;
204
213
  titleSize: string;
@@ -230,7 +239,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
230
239
  boxShadow: string;
231
240
  }, any>;
232
241
  }>>;
233
- themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
242
+ themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
234
243
  padding: string;
235
244
  textPadding: string;
236
245
  titleSize: string;
@@ -262,7 +271,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
262
271
  boxShadow: string;
263
272
  }, any>;
264
273
  }>>>;
265
- builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
274
+ builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
266
275
  padding: string;
267
276
  textPadding: string;
268
277
  titleSize: string;
@@ -295,7 +304,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
295
304
  }, any>;
296
305
  }>>>;
297
306
  show: {
298
- type: import("vue").PropType<boolean | undefined>;
307
+ type: PropType<boolean | undefined>;
299
308
  default: undefined;
300
309
  };
301
310
  defaultShow: BooleanConstructor;
@@ -304,7 +313,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
304
313
  default: boolean;
305
314
  };
306
315
  trigger: {
307
- type: import("vue").PropType<import("../../popover").PopoverTrigger>;
316
+ type: PropType<import("../../popover").PopoverTrigger>;
308
317
  default: string;
309
318
  };
310
319
  delay: {
@@ -317,22 +326,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
317
326
  };
318
327
  raw: BooleanConstructor;
319
328
  placement: {
320
- type: import("vue").PropType<import("vueuc/lib/binder/src/interface").Placement>;
329
+ type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
321
330
  default: string;
322
331
  };
323
332
  x: NumberConstructor;
324
333
  y: NumberConstructor;
325
334
  arrowPointToCenter: BooleanConstructor;
326
335
  disabled: BooleanConstructor;
327
- getDisabled: import("vue").PropType<() => boolean>;
336
+ getDisabled: PropType<() => boolean>;
328
337
  displayDirective: {
329
- type: import("vue").PropType<"if" | "show">;
338
+ type: PropType<"if" | "show">;
330
339
  default: string;
331
340
  };
332
341
  arrowClass: StringConstructor;
333
- arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
342
+ arrowStyle: PropType<string | import("vue").CSSProperties>;
334
343
  arrowWrapperClass: StringConstructor;
335
- arrowWrapperStyle: import("vue").PropType<string | import("vue").CSSProperties>;
344
+ arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
336
345
  flip: {
337
346
  type: BooleanConstructor;
338
347
  default: boolean;
@@ -342,7 +351,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
342
351
  default: boolean;
343
352
  };
344
353
  width: {
345
- type: import("vue").PropType<number | string | "trigger">;
354
+ type: PropType<number | string | "trigger">;
346
355
  default: undefined;
347
356
  };
348
357
  overlap: BooleanConstructor;
@@ -352,34 +361,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
352
361
  };
353
362
  zIndex: NumberConstructor;
354
363
  to: {
355
- type: import("vue").PropType<HTMLElement | string | boolean>;
364
+ type: PropType<HTMLElement | string | boolean>;
356
365
  default: undefined;
357
366
  };
358
367
  scrollable: BooleanConstructor;
359
368
  contentClass: StringConstructor;
360
- contentStyle: import("vue").PropType<import("vue").CSSProperties | string>;
369
+ contentStyle: PropType<import("vue").CSSProperties | string>;
361
370
  headerClass: StringConstructor;
362
- headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
371
+ headerStyle: PropType<import("vue").CSSProperties | string>;
363
372
  footerClass: StringConstructor;
364
- footerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
365
- onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
366
- 'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
367
- onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
373
+ footerStyle: PropType<import("vue").CSSProperties | string>;
374
+ onClickoutside: PropType<(e: MouseEvent) => void>;
375
+ 'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
376
+ onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
368
377
  internalDeactivateImmediately: BooleanConstructor;
369
378
  internalSyncTargetWithParent: BooleanConstructor;
370
379
  internalInheritedEventHandlers: {
371
- type: import("vue").PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
380
+ type: PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
372
381
  default: () => never[];
373
382
  };
374
383
  internalTrapFocus: BooleanConstructor;
375
384
  internalExtraClass: {
376
- type: import("vue").PropType<string[]>;
385
+ type: PropType<string[]>;
377
386
  default: () => never[];
378
387
  };
379
- onShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
380
- onHide: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
388
+ onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
389
+ onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
381
390
  arrow: {
382
- type: import("vue").PropType<boolean | undefined>;
391
+ type: PropType<boolean | undefined>;
383
392
  default: undefined;
384
393
  };
385
394
  minWidth: NumberConstructor;
@@ -468,7 +477,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
468
477
  syncPosition: () => void;
469
478
  setShow: (value: boolean) => void;
470
479
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
471
- theme: import("vue").PropType<import("../../_mixins").Theme<"Tooltip", {
480
+ variant: {
481
+ type: PropType<TooltipVariant>;
482
+ default: string;
483
+ };
484
+ theme: PropType<import("../../_mixins").Theme<"Tooltip", {
472
485
  padding: string;
473
486
  textPadding: string;
474
487
  titleSize: string;
@@ -500,7 +513,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
500
513
  boxShadow: string;
501
514
  }, any>;
502
515
  }>>;
503
- themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
516
+ themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
504
517
  padding: string;
505
518
  textPadding: string;
506
519
  titleSize: string;
@@ -532,7 +545,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
532
545
  boxShadow: string;
533
546
  }, any>;
534
547
  }>>>;
535
- builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
548
+ builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tooltip", {
536
549
  padding: string;
537
550
  textPadding: string;
538
551
  titleSize: string;
@@ -565,7 +578,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
565
578
  }, any>;
566
579
  }>>>;
567
580
  show: {
568
- type: import("vue").PropType<boolean | undefined>;
581
+ type: PropType<boolean | undefined>;
569
582
  default: undefined;
570
583
  };
571
584
  defaultShow: BooleanConstructor;
@@ -574,7 +587,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
574
587
  default: boolean;
575
588
  };
576
589
  trigger: {
577
- type: import("vue").PropType<import("../../popover").PopoverTrigger>;
590
+ type: PropType<import("../../popover").PopoverTrigger>;
578
591
  default: string;
579
592
  };
580
593
  delay: {
@@ -587,22 +600,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
587
600
  };
588
601
  raw: BooleanConstructor;
589
602
  placement: {
590
- type: import("vue").PropType<import("vueuc/lib/binder/src/interface").Placement>;
603
+ type: PropType<import("vueuc/lib/binder/src/interface").Placement>;
591
604
  default: string;
592
605
  };
593
606
  x: NumberConstructor;
594
607
  y: NumberConstructor;
595
608
  arrowPointToCenter: BooleanConstructor;
596
609
  disabled: BooleanConstructor;
597
- getDisabled: import("vue").PropType<() => boolean>;
610
+ getDisabled: PropType<() => boolean>;
598
611
  displayDirective: {
599
- type: import("vue").PropType<"if" | "show">;
612
+ type: PropType<"if" | "show">;
600
613
  default: string;
601
614
  };
602
615
  arrowClass: StringConstructor;
603
- arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
616
+ arrowStyle: PropType<string | import("vue").CSSProperties>;
604
617
  arrowWrapperClass: StringConstructor;
605
- arrowWrapperStyle: import("vue").PropType<string | import("vue").CSSProperties>;
618
+ arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
606
619
  flip: {
607
620
  type: BooleanConstructor;
608
621
  default: boolean;
@@ -612,7 +625,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
612
625
  default: boolean;
613
626
  };
614
627
  width: {
615
- type: import("vue").PropType<number | string | "trigger">;
628
+ type: PropType<number | string | "trigger">;
616
629
  default: undefined;
617
630
  };
618
631
  overlap: BooleanConstructor;
@@ -622,34 +635,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
622
635
  };
623
636
  zIndex: NumberConstructor;
624
637
  to: {
625
- type: import("vue").PropType<HTMLElement | string | boolean>;
638
+ type: PropType<HTMLElement | string | boolean>;
626
639
  default: undefined;
627
640
  };
628
641
  scrollable: BooleanConstructor;
629
642
  contentClass: StringConstructor;
630
- contentStyle: import("vue").PropType<import("vue").CSSProperties | string>;
643
+ contentStyle: PropType<import("vue").CSSProperties | string>;
631
644
  headerClass: StringConstructor;
632
- headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
645
+ headerStyle: PropType<import("vue").CSSProperties | string>;
633
646
  footerClass: StringConstructor;
634
- footerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
635
- onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
636
- 'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
637
- onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
647
+ footerStyle: PropType<import("vue").CSSProperties | string>;
648
+ onClickoutside: PropType<(e: MouseEvent) => void>;
649
+ 'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
650
+ onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
638
651
  internalDeactivateImmediately: BooleanConstructor;
639
652
  internalSyncTargetWithParent: BooleanConstructor;
640
653
  internalInheritedEventHandlers: {
641
- type: import("vue").PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
654
+ type: PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
642
655
  default: () => never[];
643
656
  };
644
657
  internalTrapFocus: BooleanConstructor;
645
658
  internalExtraClass: {
646
- type: import("vue").PropType<string[]>;
659
+ type: PropType<string[]>;
647
660
  default: () => never[];
648
661
  };
649
- onShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
650
- onHide: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
662
+ onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
663
+ onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
651
664
  arrow: {
652
- type: import("vue").PropType<boolean | undefined>;
665
+ type: PropType<boolean | undefined>;
653
666
  default: undefined;
654
667
  };
655
668
  minWidth: NumberConstructor;
@@ -679,5 +692,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
679
692
  internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
680
693
  internalTrapFocus: boolean;
681
694
  internalExtraClass: string[];
695
+ variant: TooltipVariant;
682
696
  }, SlotsType<TooltipSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
683
697
  export default _default;
package/lib/tooltip/src/Tooltip.js CHANGED
@@ -13,7 +13,10 @@ const Popover_1 = require("../../popover/src/Popover");
13
13
  const styles_1 = require("../styles");
14
14
  const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
15
15
  const TooltipArrow_1 = require("./TooltipArrow");
16
- exports.tooltipProps = Object.assign(Object.assign({}, Popover_1.popoverBaseProps), _mixins_1.useTheme.props);
16
+ exports.tooltipProps = Object.assign(Object.assign(Object.assign({}, Popover_1.popoverBaseProps), _mixins_1.useTheme.props), { variant: {
17
+ type: String,
18
+ default: 'default'
19
+ } });
17
20
  exports.default = (0, vue_1.defineComponent)({
18
21
  name: 'Tooltip',
19
22
  props: exports.tooltipProps,
@@ -21,7 +24,7 @@ exports.default = (0, vue_1.defineComponent)({
21
24
  __popover__: true,
22
25
  setup(props, { slots }) {
23
26
  const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
24
- const themeRef = (0, _mixins_1.useTheme)('Tooltip', '-tooltip', index_cssr_1.default, styles_1.tooltipLight, props, mergedClsPrefixRef);
27
+ const themeRef = (0, _mixins_1.useTheme)('Tooltip', '-tooltip', props.variant === 'plain' ? undefined : index_cssr_1.default, styles_1.tooltipLight, props, mergedClsPrefixRef);
25
28
  const cssVarsRef = (0, vue_1.computed)(() => {
26
29
  const { self: { iconSize, titleSize, titleWeight, titleLineHeight, subtitleMargin, subtitleSize, subtitleWeight, subtitleLineHeight, textPadding, noArrowSpace, arrowSpace } } = themeRef.value;
27
30
  return {
@@ -77,7 +80,10 @@ exports.default = (0, vue_1.defineComponent)({
77
80
  renderContentNode });
78
81
  },
79
82
  render() {
80
- const { mergedTheme, internalExtraClass, renderContentNode, cssVarsRef, placement } = this;
83
+ const { mergedTheme, internalExtraClass, renderContentNode, cssVarsRef, placement, variant } = this;
84
+ if (variant === 'plain') {
85
+ return (0, vue_1.h)(popover_1.UPopover, Object.assign(Object.assign({}, this.$props), { theme: mergedTheme.peers.Popover, themeOverrides: mergedTheme.peerOverrides.Popover, builtinThemeOverrides: this.popoverThemeOverrides, internalExtraClass: internalExtraClass.concat('tooltip'), ref: 'popoverRef' }), this.$slots);
86
+ }
81
87
  return (0, vue_1.h)(popover_1.UPopover, Object.assign(Object.assign({}, this.$props), { theme: mergedTheme.peers.Popover, themeOverrides: mergedTheme.peerOverrides.Popover, builtinThemeOverrides: this.popoverThemeOverrides, internalExtraClass: [
82
88
  ...internalExtraClass,
83
89
  'tooltip',
package/lib/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "2.0.0-beta.7";
1
+ declare const _default: "2.0.0-beta.8";
2
2
  export default _default;
package/lib/version.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = '2.0.0-beta.7';
3
+ exports.default = '2.0.0-beta.8';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uzum-tech/ui",
3
- "version": "2.0.0-beta.7",
3
+ "version": "2.0.0-beta.8",
4
4
  "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
5
5
  "author": {
6
6
  "name": "KapitalLab",
package/web-types.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "framework": "vue",
4
4
  "name": "@uzum-tech/ui",
5
- "version": "2.0.0-beta.7",
5
+ "version": "2.0.0-beta.8",
6
6
  "js-types-syntax": "typescript",
7
7
  "contributions": {
8
8
  "html": {
@@ -14662,9 +14662,38 @@
14662
14662
  "source": {
14663
14663
  "symbol": "UTooltip"
14664
14664
  },
14665
- "slots": [],
14665
+ "slots": [
14666
+ {
14667
+ "name": "trigger",
14668
+ "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/tooltip",
14669
+ "description": "Trigger element."
14670
+ },
14671
+ {
14672
+ "name": "default",
14673
+ "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/tooltip",
14674
+ "description": "Tooltip content / title."
14675
+ },
14676
+ {
14677
+ "name": "footer",
14678
+ "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/tooltip",
14679
+ "description": "Subtitle below the title. Only available in `default` variant."
14680
+ },
14681
+ {
14682
+ "name": "icon",
14683
+ "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/tooltip",
14684
+ "description": "Icon shown before the content. Only available in `default` variant."
14685
+ }
14686
+ ],
14666
14687
  "attributes": [],
14667
- "props": [],
14688
+ "props": [
14689
+ {
14690
+ "name": "variant",
14691
+ "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/tooltip",
14692
+ "type": "'default' | 'plain'",
14693
+ "description": "Tooltip variant. `default` renders rich content with icon, title, and footer slots. `plain` is a thin wrapper around Popover with no extra markup or styles.",
14694
+ "default": "'default'"
14695
+ }
14696
+ ],
14668
14697
  "js": {
14669
14698
  "events": []
14670
14699
  }