@mozaic-ds/vue 2.1.0 → 2.2.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/README.md +2 -2
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.d.ts +57 -3
- package/dist/mozaic-vue.js +142 -114
- package/dist/mozaic-vue.js.map +1 -1
- package/dist/mozaic-vue.umd.cjs +1 -1
- package/dist/mozaic-vue.umd.cjs.map +1 -1
- package/package.json +2 -2
- package/src/components/Contributing.mdx +1 -1
- package/src/components/Introduction.mdx +1 -1
- package/src/components/tooltip/MTooltip.spec.ts +47 -0
- package/src/components/tooltip/MTooltip.stories.ts +59 -0
- package/src/components/tooltip/MTooltip.vue +59 -0
- package/src/main.ts +1 -0
package/dist/mozaic-vue.d.ts
CHANGED
|
@@ -45,6 +45,11 @@ clearLabel: string;
|
|
|
45
45
|
inputType: "date" | "email" | "number" | "password" | "search" | "tel" | "text";
|
|
46
46
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
47
47
|
|
|
48
|
+
declare const __VLS_component_12: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{}>, {
|
|
49
|
+
position: "top" | "bottom" | "left" | "right";
|
|
50
|
+
pointer: boolean;
|
|
51
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
52
|
+
|
|
48
53
|
declare const __VLS_component_2: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {
|
|
49
54
|
size: "s" | "m" | "l";
|
|
50
55
|
style: "primary" | "secondary" | "tertiary" | "inverse";
|
|
@@ -871,9 +876,31 @@ declare type __VLS_Props_31 = {
|
|
|
871
876
|
};
|
|
872
877
|
|
|
873
878
|
/**
|
|
874
|
-
* A
|
|
879
|
+
* A tooltip is a small, contextual message that appears when users hover over, focus on, or tap an element, providing additional information or guidance without cluttering the interface. Tooltips are commonly used to explain icons, abbreviations, or complex actions. They typically disappear automatically when the user moves away from the trigger element.
|
|
875
880
|
*/
|
|
876
881
|
declare type __VLS_Props_32 = {
|
|
882
|
+
/**
|
|
883
|
+
* A unique identifier for the tooltip, used to describe the tooltip.
|
|
884
|
+
*/
|
|
885
|
+
id: string;
|
|
886
|
+
/**
|
|
887
|
+
* Content of the tooltip
|
|
888
|
+
*/
|
|
889
|
+
text: string;
|
|
890
|
+
/**
|
|
891
|
+
* Determines the position of the tooltip
|
|
892
|
+
*/
|
|
893
|
+
position?: 'top' | 'bottom' | 'left' | 'right';
|
|
894
|
+
/**
|
|
895
|
+
* if `true`, the tooltip display a pointer.
|
|
896
|
+
*/
|
|
897
|
+
pointer?: boolean;
|
|
898
|
+
};
|
|
899
|
+
|
|
900
|
+
/**
|
|
901
|
+
* A toggle is used to choose between two possibilities and when the user needs instant feedback. It is common to use toggles when you need to show or hide content and "on/off" switch.
|
|
902
|
+
*/
|
|
903
|
+
declare type __VLS_Props_33 = {
|
|
877
904
|
/**
|
|
878
905
|
* The name attribute for the toggle element, typically used for form submission.
|
|
879
906
|
*/
|
|
@@ -1154,6 +1181,23 @@ declare function __VLS_template_11(): {
|
|
|
1154
1181
|
rootEl: HTMLDivElement;
|
|
1155
1182
|
};
|
|
1156
1183
|
|
|
1184
|
+
declare function __VLS_template_12(): {
|
|
1185
|
+
attrs: Partial<{}>;
|
|
1186
|
+
slots: Readonly<{
|
|
1187
|
+
/**
|
|
1188
|
+
* The tooltip will point to the content of the slot.
|
|
1189
|
+
*/
|
|
1190
|
+
default: string;
|
|
1191
|
+
}> & {
|
|
1192
|
+
/**
|
|
1193
|
+
* The tooltip will point to the content of the slot.
|
|
1194
|
+
*/
|
|
1195
|
+
default: string;
|
|
1196
|
+
};
|
|
1197
|
+
refs: {};
|
|
1198
|
+
rootEl: HTMLDivElement;
|
|
1199
|
+
};
|
|
1200
|
+
|
|
1157
1201
|
declare function __VLS_template_2(): {
|
|
1158
1202
|
attrs: Partial<{}>;
|
|
1159
1203
|
slots: {
|
|
@@ -1328,6 +1372,8 @@ declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
|
|
|
1328
1372
|
|
|
1329
1373
|
declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
|
|
1330
1374
|
|
|
1375
|
+
declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
|
|
1376
|
+
|
|
1331
1377
|
declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
|
|
1332
1378
|
|
|
1333
1379
|
declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
|
|
@@ -1362,6 +1408,12 @@ declare type __VLS_WithTemplateSlots_11<T, S> = T & {
|
|
|
1362
1408
|
};
|
|
1363
1409
|
};
|
|
1364
1410
|
|
|
1411
|
+
declare type __VLS_WithTemplateSlots_12<T, S> = T & {
|
|
1412
|
+
new (): {
|
|
1413
|
+
$slots: S;
|
|
1414
|
+
};
|
|
1415
|
+
};
|
|
1416
|
+
|
|
1365
1417
|
declare type __VLS_WithTemplateSlots_2<T, S> = T & {
|
|
1366
1418
|
new (): {
|
|
1367
1419
|
$slots: S;
|
|
@@ -1655,10 +1707,12 @@ export declare const MToggle: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, Co
|
|
|
1655
1707
|
size: "s" | "m";
|
|
1656
1708
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
1657
1709
|
|
|
1658
|
-
export declare const MToggleGroup: DefineComponent<
|
|
1710
|
+
export declare const MToggleGroup: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
1659
1711
|
"update:modelValue": (value: string[]) => any;
|
|
1660
|
-
}, string, PublicProps, Readonly<
|
|
1712
|
+
}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
|
|
1661
1713
|
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
1662
1714
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
1663
1715
|
|
|
1716
|
+
export declare const MTooltip: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
|
|
1717
|
+
|
|
1664
1718
|
export { }
|