@frollo/frollo-web-ui 8.5.4 → 9.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 (135) hide show
  1. package/cjs/index.js +29798 -28754
  2. package/esm/{_rollupPluginBabelHelpers-DpC_oIQV.js → _rollupPluginBabelHelpers-DODWUb5N.js} +307 -345
  3. package/esm/fw-accordion.js +59 -56
  4. package/esm/fw-alert.js +68 -0
  5. package/esm/fw-bar-chart.js +4 -4
  6. package/esm/fw-button-YMoW4x4c.js +296 -0
  7. package/esm/fw-button.js +2 -4
  8. package/esm/{fw-card-bsYbpPmW.js → fw-card-D45R4kN-.js} +33 -9
  9. package/esm/fw-card.js +3 -1
  10. package/esm/fw-checkbox.js +39 -20
  11. package/esm/fw-date-picker.js +110 -78
  12. package/esm/fw-drawer.js +119 -83
  13. package/esm/{fw-dropdown-CbgOvgOt.js → fw-dropdown-58wyuzsW.js} +80 -61
  14. package/esm/fw-dropdown.js +5 -5
  15. package/esm/fw-icons.js +34 -0
  16. package/esm/{fw-image-Dl96Dc27.js → fw-image-D-OHafdw.js} +30 -13
  17. package/esm/fw-image.js +4 -4
  18. package/esm/{fw-input-XeI-IKly.js → fw-input-C2-cZ-BY.js} +65 -43
  19. package/esm/fw-input.js +2 -2
  20. package/esm/fw-loading-bar-DecYSBC_.js +45 -0
  21. package/esm/fw-loading.js +34 -15
  22. package/esm/fw-media-picker.js +43 -31
  23. package/esm/fw-modal.js +102 -48
  24. package/esm/fw-navigation-menu.js +180 -52
  25. package/esm/fw-popover-B4bsfuxm.js +620 -0
  26. package/esm/fw-popover.js +6 -293
  27. package/esm/fw-progress-bar.js +3 -2
  28. package/esm/fw-provider-list.js +59 -35
  29. package/esm/fw-sidebar-menu.js +22 -13
  30. package/esm/fw-slider.js +4 -4
  31. package/esm/fw-switch.js +147 -0
  32. package/esm/{fw-table-row-Db7951fr.js → fw-table-row-Cgi8871h.js} +57 -55
  33. package/esm/fw-table.js +8 -7
  34. package/esm/fw-tabs.js +7 -7
  35. package/esm/{fw-tag-V0jMl-It.js → fw-tag-fDo50Nw7.js} +37 -26
  36. package/esm/fw-tag.js +4 -6
  37. package/esm/fw-toast.js +14 -15
  38. package/esm/fw-transactions-card.js +8 -8
  39. package/esm/get-root-colours-DCjlYelc.js +62 -0
  40. package/esm/{index-CzZMBMV_.js → index-BsEH8YYr.js} +433 -130
  41. package/esm/index.js +76 -68
  42. package/esm/{uniqueId-DK6xzFd8.js → uniqueId-DZdGzBh8.js} +1 -1
  43. package/frollo-web-ui.esm.js +30113 -29019
  44. package/icons/arrow-connect.svg +3 -0
  45. package/icons/arrow-left.svg +3 -0
  46. package/icons/arrow-out-square.svg +3 -0
  47. package/icons/arrow-right.svg +3 -0
  48. package/icons/circle-exclamation.svg +5 -0
  49. package/icons/clock.svg +10 -0
  50. package/icons/default-provider.svg +5 -0
  51. package/icons/desktop.svg +8 -0
  52. package/icons/error.svg +3 -0
  53. package/icons/folder-arrow-down.svg +3 -0
  54. package/icons/index.ts +35 -3
  55. package/icons/loading.svg +0 -1
  56. package/icons/manual-account.svg +3 -0
  57. package/icons/mobile.svg +3 -0
  58. package/icons/paper-plane.svg +3 -0
  59. package/icons/pending.svg +10 -0
  60. package/icons/success-hill.svg +5 -0
  61. package/icons/user-plus.svg +3 -0
  62. package/index.d.ts +807 -571
  63. package/package.json +24 -30
  64. package/styles/tailwind.css +52 -0
  65. package/styles/typography.scss +24 -7
  66. package/styles/web-components.scss +85 -2
  67. package/tailwind.config.js +128 -22
  68. package/types/components/fw-accordion/fw-accordion.vue.d.ts +20 -20
  69. package/types/components/fw-alert/fw-alert.vue.d.ts +43 -0
  70. package/types/components/fw-alert/index.d.ts +2 -0
  71. package/types/components/fw-alert/index.types.d.ts +4 -0
  72. package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +8 -8
  73. package/types/components/fw-button/fw-button.vue.d.ts +15 -17
  74. package/types/components/fw-button/index.d.ts +2 -0
  75. package/types/components/fw-button/index.types.d.ts +1 -3
  76. package/types/components/fw-card/fw-card.vue.d.ts +3 -2
  77. package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +8 -5
  78. package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +14 -19
  79. package/types/components/fw-date-picker/index.types.d.ts +5 -4
  80. package/types/components/fw-drawer/fw-drawer.vue.d.ts +26 -10
  81. package/types/components/fw-drawer/index.types.d.ts +1 -1
  82. package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +11 -9
  83. package/types/components/fw-icons/index.d.ts +2 -0
  84. package/types/components/fw-image/fw-image.vue.d.ts +7 -5
  85. package/types/components/fw-input/fw-input.vue.d.ts +11 -17
  86. package/types/components/fw-input/index.types.d.ts +1 -1
  87. package/types/components/fw-loading/fw-loading-bar.vue.d.ts +5 -2
  88. package/types/components/fw-loading/fw-loading-dots.vue.d.ts +2 -0
  89. package/types/components/fw-loading/index.d.ts +2 -1
  90. package/types/components/fw-modal/fw-modal.vue.d.ts +51 -11
  91. package/types/components/fw-modal/index.types.d.ts +1 -1
  92. package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +77 -6
  93. package/types/components/fw-navigation-menu/index.types.d.ts +11 -0
  94. package/types/components/fw-popover/fw-popover.vue.d.ts +10 -5
  95. package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +8 -5
  96. package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts +20 -3
  97. package/types/components/fw-sidebar-menu/index.types.d.ts +9 -0
  98. package/types/components/fw-switch/fw-switch.vue.d.ts +101 -0
  99. package/types/components/fw-switch/index.d.ts +2 -0
  100. package/types/components/fw-switch/index.types.d.ts +8 -0
  101. package/types/components/fw-table/fw-table.vue.d.ts +7 -7
  102. package/types/components/fw-table/index.types.d.ts +0 -3
  103. package/types/components/fw-tabs/fw-tabs.vue.d.ts +1 -1
  104. package/types/components/fw-tabs/index.types.d.ts +1 -1
  105. package/types/components/fw-tag/fw-tag.vue.d.ts +2 -2
  106. package/types/components/fw-tag/index.types.d.ts +3 -3
  107. package/types/components/fw-toast/fw-toast.vue.d.ts +2 -2
  108. package/types/components/index.d.ts +4 -3
  109. package/types/components/index.types.d.ts +1 -0
  110. package/types/helpers/get-root-colours.d.ts +3 -0
  111. package/types/helpers/index.d.ts +2 -0
  112. package/types/helpers/vue-component-to-html.d.ts +2 -0
  113. package/types/icons/index.d.ts +18 -2
  114. package/types/index-types.esm.d.ts +1 -0
  115. package/types/index.d.ts +1 -0
  116. package/types/index.esm.d.ts +1 -0
  117. package/types/services/toast.d.ts +1 -1
  118. package/web-components/index.js +30112 -29026
  119. package/esm/check--YD4Ts6g.js +0 -17
  120. package/esm/fw-animations.js +0 -123
  121. package/esm/fw-button-DNozvo7B.js +0 -286
  122. package/esm/fw-loading-bar-DThRjdw1.js +0 -22
  123. package/esm/fw-loading-spinner-BFpFFRJm.js +0 -20
  124. package/esm/fw-period-selector.js +0 -90
  125. package/esm/get-root-colours-DYEoJPEb.js +0 -37
  126. package/icons/icons.stories.ts +0 -28
  127. package/styles/tailwind.scss +0 -68
  128. package/types/components/fw-animations/fw-email-pulse.vue.d.ts +0 -24
  129. package/types/components/fw-animations/fw-success-pulse.vue.d.ts +0 -24
  130. package/types/components/fw-animations/index.d.ts +0 -4
  131. package/types/components/fw-period-selector/fw-period-selector.vue.d.ts +0 -56
  132. package/types/components/fw-period-selector/index.d.ts +0 -2
  133. package/types/components/fw-period-selector/index.types.d.ts +0 -1
  134. /package/icons/{arrows-rotate.svg → arrow-rotate.svg} +0 -0
  135. /package/types/components/{fw-animations/fw-loading-spinner.vue.d.ts → fw-icons/fw-success-animation.vue.d.ts} +0 -0
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { FwBarGraphData } from './index.types';
2
+ import { FwBarChartProps } from './index.types';
3
3
  declare const _default: import("vue").DefineComponent<{
4
4
  /**
5
5
  * The transaction title of the chart
@@ -17,25 +17,25 @@ declare const _default: import("vue").DefineComponent<{
17
17
  * The x axis data.
18
18
  */
19
19
  x: {
20
- type: PropType<string | string[] | undefined>;
20
+ type: PropType<FwBarChartProps["x"]>;
21
21
  };
22
22
  /**
23
23
  * The y axis data.
24
24
  */
25
25
  y: {
26
- type: PropType<string | (string | number)[] | undefined>;
26
+ type: PropType<FwBarChartProps["y"]>;
27
27
  };
28
28
  /**
29
29
  * The x and y axis data.
30
30
  */
31
31
  graphData: {
32
- type: PropType<string | FwBarGraphData[] | undefined>;
32
+ type: PropType<FwBarChartProps["graphData"]>;
33
33
  };
34
34
  }, {
35
35
  uuid: string;
36
36
  xModel: import("vue").ComputedRef<string[]>;
37
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>>>;
38
+ chartOptions: import("vue").ComputedRef<import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"bar"> & import("chart.js").ElementChartOptions<"bar"> & import("chart.js").PluginChartOptions<"bar"> & import("chart.js").DatasetChartOptions<"bar"> & import("chart.js").ScaleChartOptions<"bar"> & import("chart.js").BarControllerChartOptions>>;
39
39
  chartData: import("vue").ComputedRef<{
40
40
  labels: string[];
41
41
  datasets: {
@@ -65,19 +65,19 @@ declare const _default: import("vue").DefineComponent<{
65
65
  * The x axis data.
66
66
  */
67
67
  x: {
68
- type: PropType<string | string[] | undefined>;
68
+ type: PropType<FwBarChartProps["x"]>;
69
69
  };
70
70
  /**
71
71
  * The y axis data.
72
72
  */
73
73
  y: {
74
- type: PropType<string | (string | number)[] | undefined>;
74
+ type: PropType<FwBarChartProps["y"]>;
75
75
  };
76
76
  /**
77
77
  * The x and y axis data.
78
78
  */
79
79
  graphData: {
80
- type: PropType<string | FwBarGraphData[] | undefined>;
80
+ type: PropType<FwBarChartProps["graphData"]>;
81
81
  };
82
82
  }>>, {}, {}>;
83
83
  export default _default;
@@ -1,5 +1,5 @@
1
- import { PropType } from 'vue';
2
- import { ButtonSize, ButtonVariantName, ButtonTypeAttribute, ButtonAnimation } from './index.types';
1
+ import { type PropType } from 'vue';
2
+ import type { ButtonSize, ButtonVariantName, ButtonTypeAttribute, ButtonAnimation } from './index.types.ts';
3
3
  declare const _default: import("vue").DefineComponent<{
4
4
  /**
5
5
  * The label text of the button.
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
28
28
  };
29
29
  /**
30
30
  * The colour variant of the button.
31
- * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
31
+ * Accepts 'primary', 'secondary', 'tertiary', 'quaternary', 'error', 'success', 'link', 'text', 'transparent', 'gradient'
32
32
  */
33
33
  variant: {
34
34
  type: PropType<ButtonVariantName>;
@@ -73,16 +73,15 @@ declare const _default: import("vue").DefineComponent<{
73
73
  type: BooleanConstructor;
74
74
  };
75
75
  /**
76
- * Whether the button is disabled or not
76
+ * Whether the button selected state is active
77
77
  */
78
- disabled: {
78
+ selected: {
79
79
  type: BooleanConstructor;
80
- default: boolean;
81
80
  };
82
81
  /**
83
- * Whether the button is preselected or not
82
+ * Whether the button is disabled
84
83
  */
85
- active: {
84
+ disabled: {
86
85
  type: BooleanConstructor;
87
86
  default: boolean;
88
87
  };
@@ -98,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
98
97
  onFocusin: (e: FocusEvent) => void;
99
98
  onFocusout: (e: FocusEvent) => void;
100
99
  tagName: import("vue").ComputedRef<"button" | "router-link" | "a">;
101
- loadingSize: import("vue").ComputedRef<{
100
+ iconSize: import("vue").ComputedRef<{
102
101
  spacing: string;
103
102
  size: string;
104
103
  } | {
@@ -142,7 +141,7 @@ declare const _default: import("vue").DefineComponent<{
142
141
  };
143
142
  /**
144
143
  * The colour variant of the button.
145
- * Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
144
+ * Accepts 'primary', 'secondary', 'tertiary', 'quaternary', 'error', 'success', 'link', 'text', 'transparent', 'gradient'
146
145
  */
147
146
  variant: {
148
147
  type: PropType<ButtonVariantName>;
@@ -187,16 +186,15 @@ declare const _default: import("vue").DefineComponent<{
187
186
  type: BooleanConstructor;
188
187
  };
189
188
  /**
190
- * Whether the button is disabled or not
189
+ * Whether the button selected state is active
191
190
  */
192
- disabled: {
191
+ selected: {
193
192
  type: BooleanConstructor;
194
- default: boolean;
195
193
  };
196
194
  /**
197
- * Whether the button is preselected or not
195
+ * Whether the button is disabled
198
196
  */
199
- active: {
197
+ disabled: {
200
198
  type: BooleanConstructor;
201
199
  default: boolean;
202
200
  };
@@ -208,13 +206,13 @@ declare const _default: import("vue").DefineComponent<{
208
206
  onFocusout?: ((...args: any[]) => any) | undefined;
209
207
  }, {
210
208
  size: ButtonSize;
211
- disabled: boolean;
212
209
  variant: ButtonVariantName;
213
210
  buttonType: ButtonTypeAttribute;
214
211
  animation: ButtonAnimation;
215
212
  rounded: boolean;
216
213
  loading: boolean;
217
214
  external: boolean;
218
- active: boolean;
215
+ selected: boolean;
216
+ disabled: boolean;
219
217
  }, {}>;
220
218
  export default _default;
@@ -1,2 +1,4 @@
1
1
  import FwButton from './fw-button.vue';
2
+ import type { FwButtonProps } from './index.types';
2
3
  export { FwButton };
4
+ export type { FwButtonProps };
@@ -1,4 +1,4 @@
1
- export type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent' | 'disabled';
1
+ export type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'error' | 'success' | 'link' | 'text' | 'transparent' | 'gradient';
2
2
  export declare interface ButtonDefinition {
3
3
  text: string;
4
4
  background: string;
@@ -24,6 +24,4 @@ export declare interface FwButtonProps {
24
24
  rounded?: boolean;
25
25
  loading?: boolean;
26
26
  external?: boolean;
27
- disabled?: boolean;
28
- active?: boolean;
29
27
  }
@@ -1,4 +1,4 @@
1
- declare const _default: import("vue").DefineComponent<{
1
+ declare const __default__: import("vue").DefineComponent<{
2
2
  /**
3
3
  * The header title of the card
4
4
  */
@@ -38,6 +38,7 @@ declare const _default: import("vue").DefineComponent<{
38
38
  }, {
39
39
  componentName: import("vue").ComputedRef<"router-link" | "a" | "div">;
40
40
  linkClass: import("vue").Ref<string>;
41
+ cardHeaderBg: string;
41
42
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
42
43
  /**
43
44
  * The header title of the card
@@ -79,4 +80,4 @@ declare const _default: import("vue").DefineComponent<{
79
80
  slotPadding: boolean;
80
81
  isBordered: boolean;
81
82
  }, {}>;
82
- export default _default;
83
+ export default __default__;
@@ -1,5 +1,6 @@
1
- import { PropType } from 'vue';
2
- declare const _default: import("vue").DefineComponent<{
1
+ import { type PropType } from 'vue';
2
+ import type { FwCheckboxProps } from './index.types';
3
+ declare const __default__: import("vue").DefineComponent<{
3
4
  /**
4
5
  * The name of the checkbox input field.
5
6
  * Multiple checkboxes can use the same name with a unique value.
@@ -25,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
25
26
  * Validation rules. Accepts an object, stringm schema or validation function.
26
27
  */
27
28
  rules: {
28
- type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
29
+ type: PropType<FwCheckboxProps["rules"]>;
29
30
  };
30
31
  /**
31
32
  * The hint text shown below the input
@@ -51,6 +52,8 @@ declare const _default: import("vue").DefineComponent<{
51
52
  };
52
53
  }, {
53
54
  uuid: string;
55
+ primaryFade5: string;
56
+ colorErrorTextFade5: string;
54
57
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
55
58
  /**
56
59
  * The name of the checkbox input field.
@@ -77,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
77
80
  * Validation rules. Accepts an object, stringm schema or validation function.
78
81
  */
79
82
  rules: {
80
- type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
83
+ type: PropType<FwCheckboxProps["rules"]>;
81
84
  };
82
85
  /**
83
86
  * The hint text shown below the input
@@ -105,4 +108,4 @@ declare const _default: import("vue").DefineComponent<{
105
108
  enableErrors: boolean;
106
109
  isChecked: boolean;
107
110
  }, {}>;
108
- export default _default;
111
+ export default __default__;
@@ -1,14 +1,13 @@
1
- import { PropType } from 'vue';
1
+ import { type PropType } from 'vue';
2
+ import { FwDatePickerModel, type FwDatePickerProps } from './index.types';
2
3
  import 'v-calendar/style.css';
3
4
  declare const __default__: import("vue").DefineComponent<{
4
5
  /**
5
6
  * The date-picker v-model
6
7
  */
7
8
  modelValue: {
8
- type: PropType<string | Date | {
9
- start: string;
10
- end: string;
11
- }>;
9
+ type: PropType<FwDatePickerModel>;
10
+ default: null;
12
11
  };
13
12
  /**
14
13
  * The name of the input field. Must be unique per form.
@@ -95,27 +94,24 @@ declare const __default__: import("vue").DefineComponent<{
95
94
  * The minimum selectable date
96
95
  */
97
96
  minDate: {
98
- type: PropType<string | Date | undefined>;
97
+ type: PropType<FwDatePickerProps["minDate"]>;
99
98
  };
100
99
  /**
101
100
  * The maximum selectable date
102
101
  */
103
102
  maxDate: {
104
- type: PropType<string | Date | undefined>;
103
+ type: PropType<FwDatePickerProps["maxDate"]>;
105
104
  };
106
105
  /**
107
106
  * Validation rules. Accepts an object, string schema or validation function.
108
107
  */
109
108
  rules: {
110
- type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
109
+ type: PropType<FwDatePickerProps["rules"]>;
111
110
  };
112
111
  }, {
113
112
  uuid: string;
114
113
  inputBaseClass: import("vue").Ref<string>;
115
- dateModel: import("vue").WritableComputedRef<string | Date | {
116
- start: string;
117
- end: string;
118
- } | undefined>;
114
+ dateModel: import("vue").WritableComputedRef<FwDatePickerModel>;
119
115
  errors: import("vue").Ref<string[]>;
120
116
  errorMessage: import("vue").Ref<string | undefined>;
121
117
  meta: import("vee-validate").FieldMeta<unknown>;
@@ -133,10 +129,8 @@ declare const __default__: import("vue").DefineComponent<{
133
129
  * The date-picker v-model
134
130
  */
135
131
  modelValue: {
136
- type: PropType<string | Date | {
137
- start: string;
138
- end: string;
139
- }>;
132
+ type: PropType<FwDatePickerModel>;
133
+ default: null;
140
134
  };
141
135
  /**
142
136
  * The name of the input field. Must be unique per form.
@@ -223,23 +217,24 @@ declare const __default__: import("vue").DefineComponent<{
223
217
  * The minimum selectable date
224
218
  */
225
219
  minDate: {
226
- type: PropType<string | Date | undefined>;
220
+ type: PropType<FwDatePickerProps["minDate"]>;
227
221
  };
228
222
  /**
229
223
  * The maximum selectable date
230
224
  */
231
225
  maxDate: {
232
- type: PropType<string | Date | undefined>;
226
+ type: PropType<FwDatePickerProps["maxDate"]>;
233
227
  };
234
228
  /**
235
229
  * Validation rules. Accepts an object, string schema or validation function.
236
230
  */
237
231
  rules: {
238
- type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
232
+ type: PropType<FwDatePickerProps["rules"]>;
239
233
  };
240
234
  }>> & {
241
235
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
242
236
  }, {
237
+ modelValue: FwDatePickerModel;
243
238
  isRange: boolean;
244
239
  tabindex: string;
245
240
  rounded: boolean;
@@ -1,8 +1,9 @@
1
+ export type FwDatePickerModel = string | Date | {
2
+ start: string | Date;
3
+ end: string | Date;
4
+ } | null;
1
5
  export declare interface FwDatePickerProps {
2
- modelValue: string | {
3
- start: string;
4
- end: string;
5
- } | Date;
6
+ modelValue: FwDatePickerModel;
6
7
  name: string;
7
8
  label?: string;
8
9
  placeholder?: string;
@@ -1,6 +1,6 @@
1
- import { PropType } from 'vue';
2
- import { ButtonVariantName } from '../fw-button/index.types';
3
- declare const _default: import("vue").DefineComponent<{
1
+ import { type PropType } from 'vue';
2
+ import type { FwDrawerProps } from './index.types';
3
+ declare const __default__: import("vue").DefineComponent<{
4
4
  /**
5
5
  * The drawer's v-model. Controls the visibility of the drawer.
6
6
  */
@@ -26,6 +26,13 @@ declare const _default: import("vue").DefineComponent<{
26
26
  type: StringConstructor;
27
27
  default: string;
28
28
  };
29
+ /**
30
+ * The element to attach the modal too. Defaults to `#app` element.
31
+ */
32
+ element: {
33
+ type: StringConstructor;
34
+ default: string;
35
+ };
29
36
  /**
30
37
  * Whether to show the cancel button
31
38
  */
@@ -51,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
51
58
  * Button variant for the cancel button
52
59
  */
53
60
  cancelButtonType: {
54
- type: PropType<ButtonVariantName>;
61
+ type: PropType<FwDrawerProps["cancelButtonType"]>;
55
62
  default: string;
56
63
  validator: (value: string) => boolean;
57
64
  };
@@ -66,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
66
73
  * Button variant for the confirm button
67
74
  */
68
75
  confirmButtonType: {
69
- type: PropType<ButtonVariantName>;
76
+ type: PropType<FwDrawerProps["confirmButtonType"]>;
70
77
  default: string;
71
78
  validator: (value: string) => boolean;
72
79
  };
@@ -78,6 +85,7 @@ declare const _default: import("vue").DefineComponent<{
78
85
  isMounted: import("vue").Ref<boolean>;
79
86
  onConfirmed: () => void;
80
87
  onCancelled: () => void;
88
+ drawerBgColour: string;
81
89
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "confirm")[], "update:modelValue" | "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
82
90
  /**
83
91
  * The drawer's v-model. Controls the visibility of the drawer.
@@ -104,6 +112,13 @@ declare const _default: import("vue").DefineComponent<{
104
112
  type: StringConstructor;
105
113
  default: string;
106
114
  };
115
+ /**
116
+ * The element to attach the modal too. Defaults to `#app` element.
117
+ */
118
+ element: {
119
+ type: StringConstructor;
120
+ default: string;
121
+ };
107
122
  /**
108
123
  * Whether to show the cancel button
109
124
  */
@@ -129,7 +144,7 @@ declare const _default: import("vue").DefineComponent<{
129
144
  * Button variant for the cancel button
130
145
  */
131
146
  cancelButtonType: {
132
- type: PropType<ButtonVariantName>;
147
+ type: PropType<FwDrawerProps["cancelButtonType"]>;
133
148
  default: string;
134
149
  validator: (value: string) => boolean;
135
150
  };
@@ -144,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
144
159
  * Button variant for the confirm button
145
160
  */
146
161
  confirmButtonType: {
147
- type: PropType<ButtonVariantName>;
162
+ type: PropType<FwDrawerProps["confirmButtonType"]>;
148
163
  default: string;
149
164
  validator: (value: string) => boolean;
150
165
  };
@@ -153,13 +168,14 @@ declare const _default: import("vue").DefineComponent<{
153
168
  onConfirm?: ((...args: any[]) => any) | undefined;
154
169
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
155
170
  }, {
171
+ cancelButtonType: import("../index.types").ButtonVariantName | undefined;
172
+ confirmButtonType: import("../index.types").ButtonVariantName | undefined;
156
173
  modelValue: boolean;
157
174
  role: string;
175
+ element: string;
158
176
  showCancel: boolean;
159
177
  showConfirm: boolean;
160
178
  cancelButtonText: string;
161
- cancelButtonType: ButtonVariantName;
162
179
  confirmButtonText: string;
163
- confirmButtonType: ButtonVariantName;
164
180
  }, {}>;
165
- export default _default;
181
+ export default __default__;
@@ -1,4 +1,4 @@
1
- import { ButtonVariantName } from '../fw-button/index.types';
1
+ import { type ButtonVariantName } from '../fw-button/index.types';
2
2
  export declare interface FwDrawerProps {
3
3
  modelValue: boolean;
4
4
  header?: string;
@@ -1,6 +1,6 @@
1
- import { PropType } from 'vue';
2
- import { FwDropdownOption } from './index.types';
3
- declare const _default: import("vue").DefineComponent<{
1
+ import { type PropType } from 'vue';
2
+ import type { FwDropdownOption, FwDropdownProps } from './index.types';
3
+ declare const __default__: import("vue").DefineComponent<{
4
4
  /**
5
5
  * The select v-model
6
6
  */
@@ -24,13 +24,13 @@ declare const _default: import("vue").DefineComponent<{
24
24
  * Validation rules. Accepts an object, string schema or validation function.
25
25
  */
26
26
  rules: {
27
- type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
27
+ type: PropType<FwDropdownProps["rules"]>;
28
28
  };
29
29
  /**
30
30
  * An array of options for the dropdown menu.
31
31
  */
32
32
  options: {
33
- type: PropType<FwDropdownOption[]>;
33
+ type: PropType<FwDropdownProps["options"]>;
34
34
  required: true;
35
35
  };
36
36
  /**
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
67
67
  menuButtonClass: string;
68
68
  menuClass: string;
69
69
  menuItemClass: string;
70
- menuItemActiveClass: (option: FwDropdownOption) => "bg-white" | "bg-none";
70
+ menuItemActiveClass: (option: FwDropdownOption) => "fw-dropdown--open" | "bg-none";
71
71
  errors: import("vue").Ref<string[]>;
72
72
  errorMessage: import("vue").Ref<string | undefined>;
73
73
  meta: import("vee-validate").FieldMeta<unknown>;
@@ -81,6 +81,8 @@ declare const _default: import("vue").DefineComponent<{
81
81
  image_url?: string | undefined;
82
82
  description?: string | undefined;
83
83
  } | null>;
84
+ primaryFade5: string;
85
+ colorErrorTextFade5: string;
84
86
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
85
87
  /**
86
88
  * The select v-model
@@ -105,13 +107,13 @@ declare const _default: import("vue").DefineComponent<{
105
107
  * Validation rules. Accepts an object, string schema or validation function.
106
108
  */
107
109
  rules: {
108
- type: PropType<string | Record<string, unknown> | (() => boolean) | undefined>;
110
+ type: PropType<FwDropdownProps["rules"]>;
109
111
  };
110
112
  /**
111
113
  * An array of options for the dropdown menu.
112
114
  */
113
115
  options: {
114
- type: PropType<FwDropdownOption[]>;
116
+ type: PropType<FwDropdownProps["options"]>;
115
117
  required: true;
116
118
  };
117
119
  /**
@@ -151,4 +153,4 @@ declare const _default: import("vue").DefineComponent<{
151
153
  enableErrors: boolean;
152
154
  required: boolean;
153
155
  }, {}>;
154
- export default _default;
156
+ export default __default__;
@@ -0,0 +1,2 @@
1
+ import FwSuccessAnimation from './fw-success-animation.vue';
2
+ export { FwSuccessAnimation };
@@ -1,5 +1,6 @@
1
- import { PropType } from 'vue';
2
- declare const _default: import("vue").DefineComponent<{
1
+ import { type PropType } from 'vue';
2
+ import type { FwImageProps } from './index.types';
3
+ declare const __default__: import("vue").DefineComponent<{
3
4
  /**
4
5
  * The src attribute of the image
5
6
  */
@@ -12,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
12
13
  * The type of component. Accepts 'background' and defaults to the native html5 element.
13
14
  */
14
15
  type: {
15
- type: PropType<"native" | "background" | undefined>;
16
+ type: PropType<FwImageProps["type"]>;
16
17
  default: string;
17
18
  validator: (value: string) => boolean;
18
19
  };
@@ -46,6 +47,7 @@ declare const _default: import("vue").DefineComponent<{
46
47
  }, {
47
48
  fwImageRef: import("vue").Ref<null>;
48
49
  isBackground: import("vue").ComputedRef<boolean>;
50
+ colorErrorTextFade5: string;
49
51
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover" | "mouseout")[], "click" | "mouseover" | "mouseout", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
50
52
  /**
51
53
  * The src attribute of the image
@@ -59,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
59
61
  * The type of component. Accepts 'background' and defaults to the native html5 element.
60
62
  */
61
63
  type: {
62
- type: PropType<"native" | "background" | undefined>;
64
+ type: PropType<FwImageProps["type"]>;
63
65
  default: string;
64
66
  validator: (value: string) => boolean;
65
67
  };
@@ -100,4 +102,4 @@ declare const _default: import("vue").DefineComponent<{
100
102
  threshold: number;
101
103
  enableErrors: boolean;
102
104
  }, {}>;
103
- export default _default;
105
+ export default __default__;
@@ -1,6 +1,6 @@
1
- import { PropType } from 'vue';
2
- import { FwInputType } from './index.types';
3
- declare const _default: import("vue").DefineComponent<{
1
+ import { type PropType } from 'vue';
2
+ import type { FwInputProps, FwInputType } from './index.types';
3
+ declare const __default__: import("vue").DefineComponent<{
4
4
  /**
5
5
  * The input v-model
6
6
  */
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
39
39
  * Validation rules. Accepts an object, string schema or validation function.
40
40
  */
41
41
  rules: {
42
- type: PropType<import("vee-validate").RuleExpression<unknown>>;
42
+ type: PropType<FwInputProps["rules"]>;
43
43
  };
44
44
  /**
45
45
  * Converts the input into a readonly disabled field
@@ -98,17 +98,15 @@ declare const _default: import("vue").DefineComponent<{
98
98
  type: BooleanConstructor;
99
99
  default: boolean;
100
100
  };
101
- centerAlignInput: {
102
- type: BooleanConstructor;
103
- default: boolean;
104
- };
105
101
  }, {
106
- uuid: string;
107
102
  inputBaseClass: import("vue").Ref<string>;
108
103
  inputValue: import("vue").WritableComputedRef<string>;
104
+ onInput: (e: Event) => void;
109
105
  onFocus: (e: FocusEvent) => void;
110
106
  onBlur: (e: FocusEvent) => void;
111
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur")[], "update:modelValue" | "focus" | "blur", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
107
+ primaryFade5: string;
108
+ colorErrorTextFade5: string;
109
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "input" | "focus" | "blur")[], "update:modelValue" | "input" | "focus" | "blur", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
112
110
  /**
113
111
  * The input v-model
114
112
  */
@@ -147,7 +145,7 @@ declare const _default: import("vue").DefineComponent<{
147
145
  * Validation rules. Accepts an object, string schema or validation function.
148
146
  */
149
147
  rules: {
150
- type: PropType<import("vee-validate").RuleExpression<unknown>>;
148
+ type: PropType<FwInputProps["rules"]>;
151
149
  };
152
150
  /**
153
151
  * Converts the input into a readonly disabled field
@@ -206,12 +204,9 @@ declare const _default: import("vue").DefineComponent<{
206
204
  type: BooleanConstructor;
207
205
  default: boolean;
208
206
  };
209
- centerAlignInput: {
210
- type: BooleanConstructor;
211
- default: boolean;
212
- };
213
207
  }>> & {
214
208
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
209
+ onInput?: ((...args: any[]) => any) | undefined;
215
210
  onFocus?: ((...args: any[]) => any) | undefined;
216
211
  onBlur?: ((...args: any[]) => any) | undefined;
217
212
  }, {
@@ -222,6 +217,5 @@ declare const _default: import("vue").DefineComponent<{
222
217
  tabindex: string;
223
218
  rounded: boolean;
224
219
  enableErrors: boolean;
225
- centerAlignInput: boolean;
226
220
  }, {}>;
227
- export default _default;
221
+ export default __default__;
@@ -1,4 +1,4 @@
1
- import { RuleExpression } from 'vee-validate';
1
+ import type { RuleExpression } from 'vee-validate';
2
2
  export type FwInputType = 'text' | 'password' | 'email' | 'tel' | 'time' | 'url' | 'week' | 'month';
3
3
  export declare interface FwInputProps {
4
4
  value: string;
@@ -1,2 +1,5 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2
- export default _default;
1
+ declare const __default__: import("vue").DefineComponent<{}, {
2
+ primaryFade5: string;
3
+ primaryFade20: string;
4
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
5
+ export default __default__;
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2
+ export default _default;
@@ -1,4 +1,5 @@
1
1
  import FwLoadingBar from './fw-loading-bar.vue';
2
2
  import FwLoadingCard from './fw-loading-card.vue';
3
3
  import FwLoadingTable from './fw-loading-table.vue';
4
- export { FwLoadingBar, FwLoadingCard, FwLoadingTable };
4
+ import FwLoadingDots from './fw-loading-dots.vue';
5
+ export { FwLoadingBar, FwLoadingCard, FwLoadingTable, FwLoadingDots };