@frollo/frollo-web-ui 0.0.20 → 0.1.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.
Files changed (33) hide show
  1. package/cjs/index.js +629 -126
  2. package/esm/{fw-button-fee2541f.js → fw-button-93be6218.js} +3 -3
  3. package/esm/fw-button.js +1 -1
  4. package/esm/fw-card.js +1 -1
  5. package/esm/fw-modal.js +475 -0
  6. package/esm/fw-navigation-menu.js +4 -5
  7. package/esm/index.js +85 -5
  8. package/frollo-web-ui.esm.js +682 -138
  9. package/index.d.ts +213 -27
  10. package/package.json +4 -2
  11. package/styles/tailwind.scss +58 -0
  12. package/styles/transitions.scss +20 -0
  13. package/styles/typography.scss +38 -0
  14. package/tailwind.config.js +4 -3
  15. package/types/components/fw-button/fw-button.vue.d.ts +1 -21
  16. package/types/components/fw-button/index.types.d.ts +29 -0
  17. package/types/components/fw-card/index.types.d.ts +6 -0
  18. package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +0 -6
  19. package/types/components/fw-checkbox/index.types.d.ts +6 -0
  20. package/types/components/fw-input/fw-input.vue.d.ts +4 -14
  21. package/types/components/fw-input/index.types.d.ts +14 -0
  22. package/types/components/fw-modal/fw-modal.vue.d.ts +145 -0
  23. package/types/components/fw-modal/index.d.ts +2 -0
  24. package/types/components/fw-modal/index.types.d.ts +12 -0
  25. package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +1 -5
  26. package/types/components/fw-navigation-menu/index.types.d.ts +5 -0
  27. package/types/components/index.d.ts +1 -0
  28. package/types/components/index.types.d.ts +6 -0
  29. package/types/index-types.esm.d.ts +2 -7
  30. package/types/index.d.ts +1 -0
  31. package/types/index.esm.d.ts +1 -0
  32. package/types/services/index.d.ts +1 -0
  33. 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,2 @@
1
+ import FwModal from './fw-modal.vue';
2
+ export { FwModal };
@@ -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
- export interface NavMenuItem {
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,5 @@
1
+ export declare interface NavMenuItem {
2
+ to?: string | object;
3
+ href?: string;
4
+ label: string;
5
+ }
@@ -5,3 +5,4 @@ export * from './fw-card';
5
5
  export * from './fw-button';
6
6
  export * from './fw-navigation-menu';
7
7
  export * from './fw-tabs';
8
+ export * from './fw-modal';
@@ -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/fw-card/fw-card.vue';
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
@@ -1,2 +1,3 @@
1
1
  import plugin from './index.esm';
2
2
  export default plugin;
3
+ export * from './services';
@@ -2,3 +2,4 @@ import { Plugin } from 'vue';
2
2
  declare const install: Exclude<Plugin['install'], undefined>;
3
3
  export default install;
4
4
  export * from './components';
5
+ export * from './services';
@@ -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
+ };