@frollo/frollo-web-ui 0.0.21 → 0.0.22
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/cjs/index.js +629 -126
- package/esm/{add-to-unscopables-874257d1.js → add-to-unscopables-c6a09beb.js} +1 -1
- package/esm/{es.array.includes-ef2f18f4.js → es.array.includes-1b7043c3.js} +2 -2
- package/esm/{es.function.name-43e1ffbd.js → es.function.name-f416c9da.js} +1 -1
- package/esm/{function-name-a620492a.js → function-name-982253be.js} +1 -1
- package/esm/{fw-button-fee2541f.js → fw-button-0826e6fc.js} +4 -4
- package/esm/fw-button.js +4 -4
- package/esm/fw-card.js +1 -1
- package/esm/fw-checkbox.js +2 -2
- package/esm/fw-input.js +4 -4
- package/esm/fw-modal.js +475 -0
- package/esm/fw-navigation-menu.js +7 -8
- package/esm/fw-tabs.js +3 -3
- package/esm/{index-5430e7a3.js → index-9de6159f.js} +2 -2
- package/esm/index.js +88 -16
- package/frollo-web-ui.esm.js +682 -138
- package/index.d.ts +213 -27
- package/package.json +4 -2
- package/styles/tailwind.scss +58 -0
- package/styles/transitions.scss +20 -0
- package/styles/typography.scss +38 -0
- package/tailwind.config.js +2 -2
- package/types/components/fw-button/fw-button.vue.d.ts +1 -21
- package/types/components/fw-button/index.types.d.ts +29 -0
- package/types/components/fw-card/index.types.d.ts +6 -0
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +0 -6
- package/types/components/fw-checkbox/index.types.d.ts +6 -0
- package/types/components/fw-input/fw-input.vue.d.ts +4 -14
- package/types/components/fw-input/index.types.d.ts +14 -0
- package/types/components/fw-modal/fw-modal.vue.d.ts +145 -0
- package/types/components/fw-modal/index.d.ts +2 -0
- package/types/components/fw-modal/index.types.d.ts +12 -0
- package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +1 -5
- package/types/components/fw-navigation-menu/index.types.d.ts +5 -0
- package/types/components/index.d.ts +1 -0
- package/types/components/index.types.d.ts +6 -0
- package/types/index-types.esm.d.ts +2 -7
- package/types/index.d.ts +1 -0
- package/types/index.esm.d.ts +2 -1
- package/types/services/index.d.ts +1 -0
- package/types/services/modal.d.ts +9 -0
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ButtonVariantName } from '../fw-button/index.types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* The header title of the modal
|
|
6
|
+
*/
|
|
7
|
+
header: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* The body description of the modal
|
|
12
|
+
*/
|
|
13
|
+
body: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* The aria role of the modal container. Defaults to `dialog`
|
|
18
|
+
*/
|
|
19
|
+
role: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* Whether to show the cancel button
|
|
25
|
+
*/
|
|
26
|
+
showCancel: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* Whether to show the confirm button
|
|
32
|
+
*/
|
|
33
|
+
showConfirm: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
/**
|
|
38
|
+
* Custom text for the cancel button
|
|
39
|
+
*/
|
|
40
|
+
cancelButtonText: {
|
|
41
|
+
type: StringConstructor;
|
|
42
|
+
default: string;
|
|
43
|
+
};
|
|
44
|
+
/**
|
|
45
|
+
* Button variant for the cancel button
|
|
46
|
+
*/
|
|
47
|
+
cancelButtonType: {
|
|
48
|
+
type: PropType<ButtonVariantName>;
|
|
49
|
+
default: string;
|
|
50
|
+
validator: (value: string) => boolean;
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* Custom text for the confirm button
|
|
54
|
+
*/
|
|
55
|
+
confirmButtonText: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* Button variant for the confirm button
|
|
61
|
+
*/
|
|
62
|
+
confirmButtonType: {
|
|
63
|
+
type: PropType<ButtonVariantName>;
|
|
64
|
+
default: string;
|
|
65
|
+
validator: (value: string) => boolean;
|
|
66
|
+
};
|
|
67
|
+
}, {
|
|
68
|
+
uuid: string;
|
|
69
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
70
|
+
/**
|
|
71
|
+
* The header title of the modal
|
|
72
|
+
*/
|
|
73
|
+
header: {
|
|
74
|
+
type: StringConstructor;
|
|
75
|
+
};
|
|
76
|
+
/**
|
|
77
|
+
* The body description of the modal
|
|
78
|
+
*/
|
|
79
|
+
body: {
|
|
80
|
+
type: StringConstructor;
|
|
81
|
+
};
|
|
82
|
+
/**
|
|
83
|
+
* The aria role of the modal container. Defaults to `dialog`
|
|
84
|
+
*/
|
|
85
|
+
role: {
|
|
86
|
+
type: StringConstructor;
|
|
87
|
+
default: string;
|
|
88
|
+
};
|
|
89
|
+
/**
|
|
90
|
+
* Whether to show the cancel button
|
|
91
|
+
*/
|
|
92
|
+
showCancel: {
|
|
93
|
+
type: BooleanConstructor;
|
|
94
|
+
default: boolean;
|
|
95
|
+
};
|
|
96
|
+
/**
|
|
97
|
+
* Whether to show the confirm button
|
|
98
|
+
*/
|
|
99
|
+
showConfirm: {
|
|
100
|
+
type: BooleanConstructor;
|
|
101
|
+
default: boolean;
|
|
102
|
+
};
|
|
103
|
+
/**
|
|
104
|
+
* Custom text for the cancel button
|
|
105
|
+
*/
|
|
106
|
+
cancelButtonText: {
|
|
107
|
+
type: StringConstructor;
|
|
108
|
+
default: string;
|
|
109
|
+
};
|
|
110
|
+
/**
|
|
111
|
+
* Button variant for the cancel button
|
|
112
|
+
*/
|
|
113
|
+
cancelButtonType: {
|
|
114
|
+
type: PropType<ButtonVariantName>;
|
|
115
|
+
default: string;
|
|
116
|
+
validator: (value: string) => boolean;
|
|
117
|
+
};
|
|
118
|
+
/**
|
|
119
|
+
* Custom text for the confirm button
|
|
120
|
+
*/
|
|
121
|
+
confirmButtonText: {
|
|
122
|
+
type: StringConstructor;
|
|
123
|
+
default: string;
|
|
124
|
+
};
|
|
125
|
+
/**
|
|
126
|
+
* Button variant for the confirm button
|
|
127
|
+
*/
|
|
128
|
+
confirmButtonType: {
|
|
129
|
+
type: PropType<ButtonVariantName>;
|
|
130
|
+
default: string;
|
|
131
|
+
validator: (value: string) => boolean;
|
|
132
|
+
};
|
|
133
|
+
}>> & {
|
|
134
|
+
onCancel?: ((...args: any[]) => any) | undefined;
|
|
135
|
+
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
136
|
+
}, {
|
|
137
|
+
role: string;
|
|
138
|
+
showCancel: boolean;
|
|
139
|
+
showConfirm: boolean;
|
|
140
|
+
cancelButtonText: string;
|
|
141
|
+
cancelButtonType: ButtonVariantName;
|
|
142
|
+
confirmButtonText: string;
|
|
143
|
+
confirmButtonType: ButtonVariantName;
|
|
144
|
+
}>;
|
|
145
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ButtonVariantName } from '../fw-button/index.types';
|
|
2
|
+
export declare interface FwModalProps {
|
|
3
|
+
header?: string;
|
|
4
|
+
body?: string;
|
|
5
|
+
role?: string;
|
|
6
|
+
showCancel?: boolean;
|
|
7
|
+
showConfirm?: boolean;
|
|
8
|
+
cancelButtonText?: string;
|
|
9
|
+
cancelButtonType?: ButtonVariantName;
|
|
10
|
+
confirmButtonText?: string;
|
|
11
|
+
confirmButtonType?: ButtonVariantName;
|
|
12
|
+
}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
|
|
3
|
-
to?: string | object;
|
|
4
|
-
href?: string;
|
|
5
|
-
label: string;
|
|
6
|
-
}
|
|
2
|
+
import { NavMenuItem } from './index.types';
|
|
7
3
|
declare const _default: import("vue").DefineComponent<{
|
|
8
4
|
/**
|
|
9
5
|
* An array of menu items
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from '../components/fw-card/index.types';
|
|
2
|
+
export * from '../components/fw-button/index.types';
|
|
3
|
+
export * from '../components/fw-navigation-menu/index.types';
|
|
4
|
+
export * from '../components/fw-input/index.types';
|
|
5
|
+
export * from '../components/fw-checkbox/index.types';
|
|
6
|
+
export * from '../components/fw-modal/index.types';
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import install from './index.esm';
|
|
2
2
|
export default install;
|
|
3
3
|
export * from './components';
|
|
4
|
+
export * from './services';
|
|
4
5
|
declare module '@frollo/frollo-web-ui/icons' { }
|
|
5
|
-
export * from './components/
|
|
6
|
-
export * from './components/fw-button/fw-button.vue';
|
|
7
|
-
export * from './components/fw-navigation-menu/fw-navigation-menu.vue';
|
|
8
|
-
export * from './components/fw-input/fw-input.vue';
|
|
9
|
-
export * from './components/fw-checkbox/fw-checkbox.vue';
|
|
10
|
-
export * from './components/fw-tabs/fw-tabs.vue';
|
|
11
|
-
export * from './components/fw-tabs/fw-tab.vue';
|
|
6
|
+
export * from './components/index.types';
|
package/types/index.d.ts
CHANGED
package/types/index.esm.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './modal';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FwModalProps } from '../components/fw-modal/index.types';
|
|
2
|
+
export declare interface ModalServiceProps extends FwModalProps {
|
|
3
|
+
onConfirm?: () => void;
|
|
4
|
+
onCancel?: () => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const modalService: (options?: ModalServiceProps | undefined, element?: HTMLDivElement | undefined) => {
|
|
7
|
+
open: () => void;
|
|
8
|
+
close: () => void;
|
|
9
|
+
};
|