@frollo/frollo-web-ui 7.0.1 → 8.0.1
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 +34629 -34457
- package/esm/_rollupPluginBabelHelpers-DpC_oIQV.js +2566 -0
- package/esm/{check-94a5917a.js → check--YD4Ts6g.js} +4 -4
- package/esm/fw-accordion.js +27 -26
- package/esm/fw-animations.js +23 -26
- package/esm/fw-bar-chart.js +15289 -19
- package/esm/{fw-button-c8502414.js → fw-button-4QLZlu0U.js} +44 -44
- package/esm/fw-button.js +5 -10
- package/esm/{fw-card-1b6a67fe.js → fw-card-bsYbpPmW.js} +12 -12
- package/esm/fw-card.js +1 -1
- package/esm/fw-checkbox.js +23 -32
- package/esm/fw-date-picker.js +134 -80
- package/esm/fw-drawer.js +32 -35
- package/esm/fw-dropdown-nLtzu2fS.js +277 -0
- package/esm/fw-dropdown.js +7 -15
- package/esm/fw-form.js +1 -1
- package/esm/fw-image-DOgM8i8X.js +200 -0
- package/esm/fw-image.js +5 -21
- package/esm/{fw-input-8969b226.js → fw-input-Qiy53nRk.js} +61 -53
- package/esm/fw-input.js +6 -19
- package/esm/fw-loading-bar-DThRjdw1.js +22 -0
- package/esm/{fw-loading-spinner-72d70258.js → fw-loading-spinner-Dn52RI5h.js} +1 -1
- package/esm/fw-loading.js +3 -7
- package/esm/fw-modal.js +93 -56
- package/esm/fw-navigation-menu.js +15 -20
- package/esm/fw-popover.js +39 -375
- package/esm/fw-progress-bar.js +8 -11
- package/esm/fw-provider-list.js +41 -84
- package/esm/fw-sidebar-menu.js +33 -24
- package/esm/{fw-table-row-23f78218.js → fw-table-row-DkZaaMmE.js} +15 -301
- package/esm/fw-table.js +6 -16
- package/esm/fw-tabs.js +21 -103
- package/esm/{fw-tag-ac28200a.js → fw-tag-CPp1P480.js} +29 -20
- package/esm/fw-tag.js +7 -12
- package/esm/fw-toast.js +22 -37
- package/esm/fw-transactions-card.js +14 -30
- package/esm/index-CUPvK0Aa.js +586 -0
- package/esm/index.js +66 -228
- package/esm/vee-validate.esm-3ptvCDR1.js +4071 -0
- package/frollo-web-ui.esm.js +34401 -34647
- package/icons/chart-line-up.svg +3 -0
- package/icons/icons.stories.ts +24 -29
- package/icons/index.ts +5 -1
- package/icons/sack-dollar.svg +3 -0
- package/icons/xmark.svg +2 -2
- package/index.d.ts +2815 -2573
- package/package.json +75 -73
- package/styles/tailwind.scss +6 -0
- package/types/components/fw-accordion/fw-accordion.vue.d.ts +128 -128
- package/types/components/fw-accordion/index.d.ts +2 -2
- package/types/components/fw-accordion/index.types.d.ts +10 -10
- package/types/components/fw-animations/fw-email-pulse.vue.d.ts +24 -24
- package/types/components/fw-animations/fw-loading-spinner.vue.d.ts +2 -2
- package/types/components/fw-animations/fw-success-pulse.vue.d.ts +24 -24
- package/types/components/fw-animations/index.d.ts +4 -4
- package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +83 -83
- package/types/components/fw-bar-chart/index.d.ts +2 -2
- package/types/components/fw-bar-chart/index.types.d.ts +11 -11
- package/types/components/fw-button/fw-button.vue.d.ts +190 -176
- package/types/components/fw-button/index.d.ts +2 -2
- package/types/components/fw-button/index.types.d.ts +27 -26
- package/types/components/fw-card/fw-card.vue.d.ts +82 -82
- package/types/components/fw-card/index.d.ts +2 -2
- package/types/components/fw-card/index.types.d.ts +8 -8
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +108 -108
- package/types/components/fw-checkbox/index.d.ts +2 -2
- package/types/components/fw-checkbox/index.types.d.ts +9 -9
- package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +249 -177
- package/types/components/fw-date-picker/index.d.ts +2 -2
- package/types/components/fw-date-picker/index.types.d.ts +21 -16
- package/types/components/fw-drawer/fw-drawer.vue.d.ts +165 -165
- package/types/components/fw-drawer/index.d.ts +2 -2
- package/types/components/fw-drawer/index.types.d.ts +13 -13
- package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +154 -130
- package/types/components/fw-dropdown/index.d.ts +2 -2
- package/types/components/fw-dropdown/index.types.d.ts +16 -13
- package/types/components/fw-form/index.d.ts +2 -2
- package/types/components/fw-image/fw-image.vue.d.ts +103 -84
- package/types/components/fw-image/index.d.ts +2 -2
- package/types/components/fw-image/index.types.d.ts +9 -8
- package/types/components/fw-input/fw-input.vue.d.ts +214 -197
- package/types/components/fw-input/index.d.ts +2 -2
- package/types/components/fw-input/index.types.d.ts +18 -16
- package/types/components/fw-loading/fw-loading-bar.vue.d.ts +2 -2
- package/types/components/fw-loading/fw-loading-card.vue.d.ts +2 -2
- package/types/components/fw-loading/fw-loading-table.vue.d.ts +25 -25
- package/types/components/fw-loading/index.d.ts +4 -4
- package/types/components/fw-modal/fw-modal.vue.d.ts +229 -175
- package/types/components/fw-modal/index.d.ts +2 -2
- package/types/components/fw-modal/index.types.d.ts +18 -14
- package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +57 -57
- package/types/components/fw-navigation-menu/index.d.ts +2 -2
- package/types/components/fw-navigation-menu/index.types.d.ts +7 -7
- package/types/components/fw-popover/fw-popover.vue.d.ts +157 -157
- package/types/components/fw-popover/index.d.ts +2 -2
- package/types/components/fw-popover/index.types.d.ts +11 -11
- package/types/components/fw-progress-bar/fw-progress-bar.vue.d.ts +52 -52
- package/types/components/fw-progress-bar/index.d.ts +2 -2
- package/types/components/fw-progress-bar/index.types.d.ts +5 -5
- package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +100 -100
- package/types/components/fw-provider-list/index.d.ts +2 -2
- package/types/components/fw-provider-list/index.types.d.ts +11 -11
- package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts +88 -72
- package/types/components/fw-sidebar-menu/index.d.ts +2 -2
- package/types/components/fw-sidebar-menu/index.types.d.ts +9 -8
- package/types/components/fw-table/fw-table-head.vue.d.ts +2 -2
- package/types/components/fw-table/fw-table-row.vue.d.ts +2 -2
- package/types/components/fw-table/fw-table.vue.d.ts +71 -71
- package/types/components/fw-table/index.d.ts +4 -4
- package/types/components/fw-table/index.types.d.ts +16 -16
- package/types/components/fw-tabs/fw-tab.vue.d.ts +24 -32
- package/types/components/fw-tabs/fw-tabs.vue.d.ts +24 -24
- package/types/components/fw-tabs/index.d.ts +3 -3
- package/types/components/fw-tabs/index.types.d.ts +8 -0
- package/types/components/fw-tag/fw-tag.vue.d.ts +80 -70
- package/types/components/fw-tag/index.d.ts +2 -2
- package/types/components/fw-tag/index.types.d.ts +18 -18
- package/types/components/fw-toast/fw-toast.vue.d.ts +121 -121
- package/types/components/fw-toast/index.d.ts +2 -2
- package/types/components/fw-toast/index.types.d.ts +13 -13
- package/types/components/fw-transactions-card/fw-transactions-card.vue.d.ts +58 -58
- package/types/components/fw-transactions-card/index.d.ts +2 -2
- package/types/components/fw-transactions-card/index.types.d.ts +6 -6
- package/types/components/index.d.ts +24 -24
- package/types/components/index.types.d.ts +21 -20
- package/types/directives/index.d.ts +2 -2
- package/types/directives/lazy-loader.d.ts +3 -3
- package/types/helpers/get-root-colours.d.ts +17 -17
- package/types/icons/index.d.ts +43 -41
- package/types/index-types.esm.d.ts +6 -6
- package/types/index.browser-umd.d.ts +2 -1
- package/types/index.d.ts +3 -3
- package/types/index.esm.d.ts +5 -5
- package/types/services/index.d.ts +2 -2
- package/types/services/modal.d.ts +9 -9
- package/types/services/toast.d.ts +9 -9
- package/web-components/index.js +19670 -19720
- package/esm/add-to-unscopables-ee05b58f.js +0 -25
- package/esm/array-iteration-8267bf22.js +0 -92
- package/esm/array-method-has-species-support-6c675094.js +0 -23
- package/esm/array-method-is-strict-d313436f.js +0 -14
- package/esm/array-species-create-1c67e297.js +0 -97
- package/esm/classof-d44bf093.js +0 -42
- package/esm/create-property-eb329361.js +0 -14
- package/esm/defineProperty-b85f2e0f.js +0 -42
- package/esm/does-not-exceed-safe-integer-de37ce28.js +0 -11
- package/esm/es.array.concat-99b85557.js +0 -69
- package/esm/es.array.find-1ded15d5.js +0 -28
- package/esm/es.array.includes-08e25019.js +0 -27
- package/esm/es.array.map-c56ebffd.js +0 -22
- package/esm/es.date.to-string-15eb9936.js +0 -23
- package/esm/es.function.name-6cafd747.js +0 -29
- package/esm/es.number.constructor-fb16fe05.js +0 -204
- package/esm/es.object.to-string-4b07c4d1.js +0 -24
- package/esm/es.string.includes-061e8272.js +0 -66
- package/esm/es.string.iterator-25db8cd2.js +0 -469
- package/esm/export-10c4adbc.js +0 -95
- package/esm/function-apply-e17cf65b.js +0 -14
- package/esm/fw-dropdown-6856e66e.js +0 -224
- package/esm/fw-image-aca2c61d.js +0 -296
- package/esm/fw-loading-bar-f5ca605c.js +0 -22
- package/esm/index-6758f755.js +0 -15797
- package/esm/index-bced3b35.js +0 -560
- package/esm/is-forced-7cb3ee8f.js +0 -927
- package/esm/object-create-51bf02dc.js +0 -125
- package/esm/regexp-flags-c09864e5.js +0 -50
- package/esm/vee-validate.esm-a17a23c3.js +0 -3192
- package/esm/web.timers-e406c8e6.js +0 -72
- /package/esm/{get-root-colours-865a52ba.js → get-root-colours-DYEoJPEb.js} +0 -0
- /package/esm/{index-0c5cae4f.js → index-BVcOAKar.js} +0 -0
- /package/esm/{style-inject.es-1f59c1d0.js → style-inject.es-tgCJW-Cu.js} +0 -0
- /package/esm/{uniqueId-fe08534a.js → uniqueId-DK6xzFd8.js} +0 -0
|
@@ -1,83 +1,83 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { FwBarGraphData } from './index.types';
|
|
3
|
-
declare const _default: import("vue").DefineComponent<{
|
|
4
|
-
/**
|
|
5
|
-
* The transaction title of the chart
|
|
6
|
-
*/
|
|
7
|
-
title: {
|
|
8
|
-
type: StringConstructor;
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* The marker label of the y-axis transactions
|
|
12
|
-
*/
|
|
13
|
-
yMarker: {
|
|
14
|
-
type: StringConstructor;
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* The x axis data.
|
|
18
|
-
*/
|
|
19
|
-
x: {
|
|
20
|
-
type: PropType<string | string[] | undefined>;
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* The y axis data.
|
|
24
|
-
*/
|
|
25
|
-
y: {
|
|
26
|
-
type: PropType<string | (string | number)[] | undefined>;
|
|
27
|
-
};
|
|
28
|
-
/**
|
|
29
|
-
* The x and y axis data.
|
|
30
|
-
*/
|
|
31
|
-
graphData: {
|
|
32
|
-
type: PropType<string | FwBarGraphData[] | undefined>;
|
|
33
|
-
};
|
|
34
|
-
}, {
|
|
35
|
-
uuid: string;
|
|
36
|
-
xModel: import("vue").ComputedRef<string[]>;
|
|
37
|
-
yModel: import("vue").ComputedRef<number[]>;
|
|
38
|
-
chartOptions: import("vue").ComputedRef<import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ElementChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").PluginChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").DatasetChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ScaleChartOptions<keyof import("chart.js").ChartTypeRegistry>>>;
|
|
39
|
-
chartData: import("vue").ComputedRef<{
|
|
40
|
-
labels: string[];
|
|
41
|
-
datasets: {
|
|
42
|
-
backgroundColor: string[] | undefined;
|
|
43
|
-
data: number[];
|
|
44
|
-
borderWidth: number;
|
|
45
|
-
borderRadius: number;
|
|
46
|
-
barPercentage: number;
|
|
47
|
-
}[];
|
|
48
|
-
}>;
|
|
49
|
-
bgColor: string;
|
|
50
|
-
primaryFade: string;
|
|
51
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
52
|
-
/**
|
|
53
|
-
* The transaction title of the chart
|
|
54
|
-
*/
|
|
55
|
-
title: {
|
|
56
|
-
type: StringConstructor;
|
|
57
|
-
};
|
|
58
|
-
/**
|
|
59
|
-
* The marker label of the y-axis transactions
|
|
60
|
-
*/
|
|
61
|
-
yMarker: {
|
|
62
|
-
type: StringConstructor;
|
|
63
|
-
};
|
|
64
|
-
/**
|
|
65
|
-
* The x axis data.
|
|
66
|
-
*/
|
|
67
|
-
x: {
|
|
68
|
-
type: PropType<string | string[] | undefined>;
|
|
69
|
-
};
|
|
70
|
-
/**
|
|
71
|
-
* The y axis data.
|
|
72
|
-
*/
|
|
73
|
-
y: {
|
|
74
|
-
type: PropType<string | (string | number)[] | undefined>;
|
|
75
|
-
};
|
|
76
|
-
/**
|
|
77
|
-
* The x and y axis data.
|
|
78
|
-
*/
|
|
79
|
-
graphData: {
|
|
80
|
-
type: PropType<string | FwBarGraphData[] | undefined>;
|
|
81
|
-
};
|
|
82
|
-
}>>, {}>;
|
|
83
|
-
export default _default;
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { FwBarGraphData } from './index.types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* The transaction title of the chart
|
|
6
|
+
*/
|
|
7
|
+
title: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* The marker label of the y-axis transactions
|
|
12
|
+
*/
|
|
13
|
+
yMarker: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* The x axis data.
|
|
18
|
+
*/
|
|
19
|
+
x: {
|
|
20
|
+
type: PropType<string | string[] | undefined>;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* The y axis data.
|
|
24
|
+
*/
|
|
25
|
+
y: {
|
|
26
|
+
type: PropType<string | (string | number)[] | undefined>;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* The x and y axis data.
|
|
30
|
+
*/
|
|
31
|
+
graphData: {
|
|
32
|
+
type: PropType<string | FwBarGraphData[] | undefined>;
|
|
33
|
+
};
|
|
34
|
+
}, {
|
|
35
|
+
uuid: string;
|
|
36
|
+
xModel: import("vue").ComputedRef<string[]>;
|
|
37
|
+
yModel: import("vue").ComputedRef<number[]>;
|
|
38
|
+
chartOptions: import("vue").ComputedRef<import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ElementChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").PluginChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").DatasetChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ScaleChartOptions<keyof import("chart.js").ChartTypeRegistry>>>;
|
|
39
|
+
chartData: import("vue").ComputedRef<{
|
|
40
|
+
labels: string[];
|
|
41
|
+
datasets: {
|
|
42
|
+
backgroundColor: string[] | undefined;
|
|
43
|
+
data: number[];
|
|
44
|
+
borderWidth: number;
|
|
45
|
+
borderRadius: number;
|
|
46
|
+
barPercentage: number;
|
|
47
|
+
}[];
|
|
48
|
+
}>;
|
|
49
|
+
bgColor: string;
|
|
50
|
+
primaryFade: string;
|
|
51
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
52
|
+
/**
|
|
53
|
+
* The transaction title of the chart
|
|
54
|
+
*/
|
|
55
|
+
title: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
};
|
|
58
|
+
/**
|
|
59
|
+
* The marker label of the y-axis transactions
|
|
60
|
+
*/
|
|
61
|
+
yMarker: {
|
|
62
|
+
type: StringConstructor;
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* The x axis data.
|
|
66
|
+
*/
|
|
67
|
+
x: {
|
|
68
|
+
type: PropType<string | string[] | undefined>;
|
|
69
|
+
};
|
|
70
|
+
/**
|
|
71
|
+
* The y axis data.
|
|
72
|
+
*/
|
|
73
|
+
y: {
|
|
74
|
+
type: PropType<string | (string | number)[] | undefined>;
|
|
75
|
+
};
|
|
76
|
+
/**
|
|
77
|
+
* The x and y axis data.
|
|
78
|
+
*/
|
|
79
|
+
graphData: {
|
|
80
|
+
type: PropType<string | FwBarGraphData[] | undefined>;
|
|
81
|
+
};
|
|
82
|
+
}>>, {}, {}>;
|
|
83
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import FwBarChart from './fw-bar-chart.vue';
|
|
2
|
-
export { FwBarChart };
|
|
1
|
+
import FwBarChart from './fw-bar-chart.vue';
|
|
2
|
+
export { FwBarChart };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export declare interface FwBarGraphData {
|
|
2
|
-
name: string;
|
|
3
|
-
value: string | number;
|
|
4
|
-
}
|
|
5
|
-
export declare interface FwBarChartProps {
|
|
6
|
-
title?: string;
|
|
7
|
-
yMarker?: string;
|
|
8
|
-
x?: string[] | string;
|
|
9
|
-
y?: (string | number)[] | string;
|
|
10
|
-
graphData?: FwBarGraphData[] | string;
|
|
11
|
-
}
|
|
1
|
+
export declare interface FwBarGraphData {
|
|
2
|
+
name: string;
|
|
3
|
+
value: string | number;
|
|
4
|
+
}
|
|
5
|
+
export declare interface FwBarChartProps {
|
|
6
|
+
title?: string;
|
|
7
|
+
yMarker?: string;
|
|
8
|
+
x?: string[] | string;
|
|
9
|
+
y?: (string | number)[] | string;
|
|
10
|
+
graphData?: FwBarGraphData[] | string;
|
|
11
|
+
}
|
|
@@ -1,176 +1,190 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { ButtonSize, ButtonVariantName, ButtonTypeAttribute, ButtonAnimation } from './index.types';
|
|
3
|
-
declare const _default: import("vue").DefineComponent<{
|
|
4
|
-
/**
|
|
5
|
-
*
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
};
|
|
55
|
-
/**
|
|
56
|
-
* Whether the
|
|
57
|
-
*/
|
|
58
|
-
|
|
59
|
-
type: BooleanConstructor;
|
|
60
|
-
default: boolean;
|
|
61
|
-
};
|
|
62
|
-
/**
|
|
63
|
-
* Whether the
|
|
64
|
-
*/
|
|
65
|
-
|
|
66
|
-
type: BooleanConstructor;
|
|
67
|
-
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
};
|
|
155
|
-
/**
|
|
156
|
-
* Whether the
|
|
157
|
-
*/
|
|
158
|
-
|
|
159
|
-
type: BooleanConstructor;
|
|
160
|
-
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
}
|
|
176
|
-
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ButtonSize, ButtonVariantName, ButtonTypeAttribute, ButtonAnimation } from './index.types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* The label text of the button.
|
|
6
|
+
* Overrides the default slot content.
|
|
7
|
+
*/
|
|
8
|
+
label: {
|
|
9
|
+
type: StringConstructor;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* A `router-link` path or object
|
|
13
|
+
*/
|
|
14
|
+
to: {
|
|
15
|
+
type: (StringConstructor | ObjectConstructor)[];
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* A URL to link to using a native anchor element
|
|
19
|
+
*/
|
|
20
|
+
href: StringConstructor;
|
|
21
|
+
/**
|
|
22
|
+
* The size of the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
|
|
23
|
+
*/
|
|
24
|
+
size: {
|
|
25
|
+
type: PropType<ButtonSize>;
|
|
26
|
+
default: string;
|
|
27
|
+
validator: (value: string) => boolean;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* The colour variant of the button.
|
|
31
|
+
* Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
|
|
32
|
+
*/
|
|
33
|
+
variant: {
|
|
34
|
+
type: PropType<ButtonVariantName>;
|
|
35
|
+
default: string;
|
|
36
|
+
validator: (value: string) => boolean;
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* The type attribute of the button
|
|
40
|
+
*/
|
|
41
|
+
buttonType: {
|
|
42
|
+
type: PropType<ButtonTypeAttribute>;
|
|
43
|
+
default: string;
|
|
44
|
+
validator: (value: string) => boolean;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* The animation type of the hover & focus states.
|
|
48
|
+
* Accepts 'alternate' and 'fade'
|
|
49
|
+
*/
|
|
50
|
+
animation: {
|
|
51
|
+
type: PropType<ButtonAnimation>;
|
|
52
|
+
default: string;
|
|
53
|
+
validator: (value: string) => boolean;
|
|
54
|
+
};
|
|
55
|
+
/**
|
|
56
|
+
* Whether the button is rounded or not
|
|
57
|
+
*/
|
|
58
|
+
rounded: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* Whether the loading animation is shown or not
|
|
64
|
+
*/
|
|
65
|
+
loading: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: boolean;
|
|
68
|
+
};
|
|
69
|
+
/**
|
|
70
|
+
* Whether the link should open in a new tab
|
|
71
|
+
*/
|
|
72
|
+
external: {
|
|
73
|
+
type: BooleanConstructor;
|
|
74
|
+
};
|
|
75
|
+
}, {
|
|
76
|
+
baseClass: import("vue").Ref<string>;
|
|
77
|
+
textColorClass: import("vue").ComputedRef<string>;
|
|
78
|
+
bgColorClass: import("vue").ComputedRef<string>;
|
|
79
|
+
sizeClass: import("vue").ComputedRef<string>;
|
|
80
|
+
borderClass: import("vue").ComputedRef<string>;
|
|
81
|
+
onClick: (e: MouseEvent | KeyboardEvent) => void;
|
|
82
|
+
onMouseover: (e: MouseEvent) => void;
|
|
83
|
+
onMouseout: (e: MouseEvent) => void;
|
|
84
|
+
onFocusin: (e: FocusEvent) => void;
|
|
85
|
+
onFocusout: (e: FocusEvent) => void;
|
|
86
|
+
tagName: import("vue").ComputedRef<"button" | "router-link" | "a">;
|
|
87
|
+
loadingSize: import("vue").ComputedRef<{
|
|
88
|
+
spacing: string;
|
|
89
|
+
size: string;
|
|
90
|
+
} | {
|
|
91
|
+
spacing: string;
|
|
92
|
+
size: string;
|
|
93
|
+
} | {
|
|
94
|
+
spacing: string;
|
|
95
|
+
size: string;
|
|
96
|
+
} | {
|
|
97
|
+
spacing: string;
|
|
98
|
+
size: string;
|
|
99
|
+
} | {
|
|
100
|
+
spacing: string;
|
|
101
|
+
size: string;
|
|
102
|
+
}>;
|
|
103
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover" | "mouseout" | "focusin" | "focusout")[], "click" | "mouseover" | "mouseout" | "focusin" | "focusout", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
104
|
+
/**
|
|
105
|
+
* The label text of the button.
|
|
106
|
+
* Overrides the default slot content.
|
|
107
|
+
*/
|
|
108
|
+
label: {
|
|
109
|
+
type: StringConstructor;
|
|
110
|
+
};
|
|
111
|
+
/**
|
|
112
|
+
* A `router-link` path or object
|
|
113
|
+
*/
|
|
114
|
+
to: {
|
|
115
|
+
type: (StringConstructor | ObjectConstructor)[];
|
|
116
|
+
};
|
|
117
|
+
/**
|
|
118
|
+
* A URL to link to using a native anchor element
|
|
119
|
+
*/
|
|
120
|
+
href: StringConstructor;
|
|
121
|
+
/**
|
|
122
|
+
* The size of the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
|
|
123
|
+
*/
|
|
124
|
+
size: {
|
|
125
|
+
type: PropType<ButtonSize>;
|
|
126
|
+
default: string;
|
|
127
|
+
validator: (value: string) => boolean;
|
|
128
|
+
};
|
|
129
|
+
/**
|
|
130
|
+
* The colour variant of the button.
|
|
131
|
+
* Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
|
|
132
|
+
*/
|
|
133
|
+
variant: {
|
|
134
|
+
type: PropType<ButtonVariantName>;
|
|
135
|
+
default: string;
|
|
136
|
+
validator: (value: string) => boolean;
|
|
137
|
+
};
|
|
138
|
+
/**
|
|
139
|
+
* The type attribute of the button
|
|
140
|
+
*/
|
|
141
|
+
buttonType: {
|
|
142
|
+
type: PropType<ButtonTypeAttribute>;
|
|
143
|
+
default: string;
|
|
144
|
+
validator: (value: string) => boolean;
|
|
145
|
+
};
|
|
146
|
+
/**
|
|
147
|
+
* The animation type of the hover & focus states.
|
|
148
|
+
* Accepts 'alternate' and 'fade'
|
|
149
|
+
*/
|
|
150
|
+
animation: {
|
|
151
|
+
type: PropType<ButtonAnimation>;
|
|
152
|
+
default: string;
|
|
153
|
+
validator: (value: string) => boolean;
|
|
154
|
+
};
|
|
155
|
+
/**
|
|
156
|
+
* Whether the button is rounded or not
|
|
157
|
+
*/
|
|
158
|
+
rounded: {
|
|
159
|
+
type: BooleanConstructor;
|
|
160
|
+
default: boolean;
|
|
161
|
+
};
|
|
162
|
+
/**
|
|
163
|
+
* Whether the loading animation is shown or not
|
|
164
|
+
*/
|
|
165
|
+
loading: {
|
|
166
|
+
type: BooleanConstructor;
|
|
167
|
+
default: boolean;
|
|
168
|
+
};
|
|
169
|
+
/**
|
|
170
|
+
* Whether the link should open in a new tab
|
|
171
|
+
*/
|
|
172
|
+
external: {
|
|
173
|
+
type: BooleanConstructor;
|
|
174
|
+
};
|
|
175
|
+
}>> & {
|
|
176
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
177
|
+
onMouseover?: ((...args: any[]) => any) | undefined;
|
|
178
|
+
onMouseout?: ((...args: any[]) => any) | undefined;
|
|
179
|
+
onFocusin?: ((...args: any[]) => any) | undefined;
|
|
180
|
+
onFocusout?: ((...args: any[]) => any) | undefined;
|
|
181
|
+
}, {
|
|
182
|
+
size: ButtonSize;
|
|
183
|
+
variant: ButtonVariantName;
|
|
184
|
+
buttonType: ButtonTypeAttribute;
|
|
185
|
+
animation: ButtonAnimation;
|
|
186
|
+
rounded: boolean;
|
|
187
|
+
loading: boolean;
|
|
188
|
+
external: boolean;
|
|
189
|
+
}, {}>;
|
|
190
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import FwButton from './fw-button.vue';
|
|
2
|
-
export { FwButton };
|
|
1
|
+
import FwButton from './fw-button.vue';
|
|
2
|
+
export { FwButton };
|
|
@@ -1,26 +1,27 @@
|
|
|
1
|
-
export
|
|
2
|
-
export declare interface ButtonDefinition {
|
|
3
|
-
text: string;
|
|
4
|
-
background: string;
|
|
5
|
-
border: string;
|
|
6
|
-
}
|
|
7
|
-
export
|
|
8
|
-
[key in ButtonVariantName]: ButtonDefinition;
|
|
9
|
-
};
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
[key in ButtonSize]: string;
|
|
13
|
-
};
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
export declare interface FwButtonProps {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
export type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent';
|
|
2
|
+
export declare interface ButtonDefinition {
|
|
3
|
+
text: string;
|
|
4
|
+
background: string;
|
|
5
|
+
border: string;
|
|
6
|
+
}
|
|
7
|
+
export type ButtonDefinitionList = {
|
|
8
|
+
[key in ButtonVariantName]: ButtonDefinition;
|
|
9
|
+
};
|
|
10
|
+
export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
11
|
+
export type ButtonSizes = {
|
|
12
|
+
[key in ButtonSize]: string;
|
|
13
|
+
};
|
|
14
|
+
export type ButtonTypeAttribute = 'button' | 'submit' | 'reset';
|
|
15
|
+
export type ButtonAnimation = 'alternate' | 'fade';
|
|
16
|
+
export declare interface FwButtonProps {
|
|
17
|
+
label?: string;
|
|
18
|
+
to?: string | object;
|
|
19
|
+
href?: string;
|
|
20
|
+
size?: ButtonSize;
|
|
21
|
+
variant?: ButtonVariantName;
|
|
22
|
+
buttonType?: ButtonTypeAttribute;
|
|
23
|
+
animation?: ButtonAnimation;
|
|
24
|
+
rounded?: boolean;
|
|
25
|
+
loading?: boolean;
|
|
26
|
+
external?: boolean;
|
|
27
|
+
}
|