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