@frollo/frollo-web-ui 4.0.1 → 5.0.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 (44) hide show
  1. package/cjs/index.js +800 -446
  2. package/esm/fw-accordion.js +61 -28
  3. package/esm/fw-animations.js +2 -2
  4. package/esm/fw-bar-chart.js +2 -1
  5. package/esm/{fw-button-7902ae9e.js → fw-button-beaf20f4.js} +1 -1
  6. package/esm/fw-button.js +3 -3
  7. package/esm/fw-checkbox.js +25 -9
  8. package/esm/fw-drawer.js +225 -0
  9. package/esm/fw-dropdown.js +1 -1
  10. package/esm/{fw-image-c829ed20.js → fw-image-161b667a.js} +65 -59
  11. package/esm/fw-image.js +4 -4
  12. package/esm/fw-input.js +2 -2
  13. package/esm/{fw-loading-spinner-7462e0b2.js → fw-loading-spinner-51deaa3d.js} +1 -1
  14. package/esm/fw-modal.js +3 -3
  15. package/esm/fw-navigation-menu.js +3 -3
  16. package/esm/fw-sidebar-menu.js +3 -3
  17. package/esm/fw-table.js +9 -9
  18. package/esm/fw-tag.js +93 -18
  19. package/esm/fw-toast.js +1 -1
  20. package/esm/fw-transactions-card.js +4 -4
  21. package/esm/get-root-colours-e2a1cb28.js +21 -0
  22. package/esm/{index-f0510452.js → index-2766bfe4.js} +12 -11
  23. package/esm/{index-dbe0534d.js → index-3624f1c9.js} +115 -101
  24. package/esm/index.js +40 -36
  25. package/frollo-web-ui.esm.js +861 -494
  26. package/icons/index.ts +3 -1
  27. package/icons/xmark.svg +3 -0
  28. package/index.d.ts +393 -140
  29. package/package.json +1 -1
  30. package/types/components/fw-accordion/fw-accordion.vue.d.ts +22 -4
  31. package/types/components/fw-accordion/index.types.d.ts +1 -0
  32. package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +35 -3
  33. package/types/components/fw-checkbox/index.types.d.ts +2 -0
  34. package/types/components/fw-drawer/fw-drawer.vue.d.ts +165 -0
  35. package/types/components/fw-drawer/index.d.ts +2 -0
  36. package/types/components/fw-drawer/index.types.d.ts +14 -0
  37. package/types/components/fw-input/fw-input.vue.d.ts +2 -2
  38. package/types/components/fw-tag/fw-tag.vue.d.ts +30 -8
  39. package/types/components/fw-tag/index.types.d.ts +4 -2
  40. package/types/components/index.d.ts +1 -0
  41. package/types/components/index.types.d.ts +1 -0
  42. package/types/helpers/get-root-colours.d.ts +9 -0
  43. package/types/icons/index.d.ts +2 -1
  44. package/web-components/index.js +863 -496
package/index.d.ts CHANGED
@@ -22,7 +22,7 @@ declare interface FwInputProps {
22
22
  enableErrors?: boolean;
23
23
  }
24
24
 
25
- declare const _default$m: vue.DefineComponent<{
25
+ declare const _default$l: vue.DefineComponent<{
26
26
  /**
27
27
  * The input v-model
28
28
  */
@@ -85,7 +85,7 @@ declare const _default$m: vue.DefineComponent<{
85
85
  };
86
86
  /**
87
87
  * The logical tab order of the input.
88
- * Defaults to 1
88
+ * Defaults to 0
89
89
  */
90
90
  tabindex: {
91
91
  type: StringConstructor;
@@ -174,7 +174,7 @@ declare const _default$m: vue.DefineComponent<{
174
174
  };
175
175
  /**
176
176
  * The logical tab order of the input.
177
- * Defaults to 1
177
+ * Defaults to 0
178
178
  */
179
179
  tabindex: {
180
180
  type: StringConstructor;
@@ -208,14 +208,22 @@ declare const _default$m: vue.DefineComponent<{
208
208
  enableErrors: boolean;
209
209
  }>;
210
210
 
211
- declare const _default$l: vue.DefineComponent<{
211
+ declare const _default$k: vue.DefineComponent<{
212
212
  /**
213
- * The name of the input field. Must be unique per form.
213
+ * The name of the checkbox input field.
214
+ * Multiple checkboxes can use the same name with a unique value.
214
215
  */
215
216
  name: {
216
217
  type: StringConstructor;
217
218
  required: true;
218
219
  };
220
+ /**
221
+ * The value of the input field. Must be unique per name.
222
+ */
223
+ value: {
224
+ type: StringConstructor;
225
+ required: false;
226
+ };
219
227
  /**
220
228
  * Label for the input. Also renders to an aria-label attribute
221
229
  */
@@ -234,16 +242,31 @@ declare const _default$l: vue.DefineComponent<{
234
242
  hint: {
235
243
  type: StringConstructor;
236
244
  };
245
+ /**
246
+ * Enable or disable the error hidden element
247
+ */
248
+ enableErrors: {
249
+ type: BooleanConstructor;
250
+ default: boolean;
251
+ };
237
252
  }, {
238
253
  uuid: string;
239
254
  }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
240
255
  /**
241
- * The name of the input field. Must be unique per form.
256
+ * The name of the checkbox input field.
257
+ * Multiple checkboxes can use the same name with a unique value.
242
258
  */
243
259
  name: {
244
260
  type: StringConstructor;
245
261
  required: true;
246
262
  };
263
+ /**
264
+ * The value of the input field. Must be unique per name.
265
+ */
266
+ value: {
267
+ type: StringConstructor;
268
+ required: false;
269
+ };
247
270
  /**
248
271
  * Label for the input. Also renders to an aria-label attribute
249
272
  */
@@ -262,7 +285,16 @@ declare const _default$l: vue.DefineComponent<{
262
285
  hint: {
263
286
  type: StringConstructor;
264
287
  };
265
- }>>, {}>;
288
+ /**
289
+ * Enable or disable the error hidden element
290
+ */
291
+ enableErrors: {
292
+ type: BooleanConstructor;
293
+ default: boolean;
294
+ };
295
+ }>>, {
296
+ enableErrors: boolean;
297
+ }>;
266
298
 
267
299
  declare interface FwDropdownOption {
268
300
  label: string;
@@ -277,7 +309,7 @@ declare interface FwDropdownProps {
277
309
  placeholder?: string;
278
310
  }
279
311
 
280
- declare const _default$k: vue.DefineComponent<{
312
+ declare const _default$j: vue.DefineComponent<{
281
313
  /**
282
314
  * The select v-model
283
315
  */
@@ -388,7 +420,7 @@ declare const _default$k: vue.DefineComponent<{
388
420
  placeholder: string;
389
421
  }>;
390
422
 
391
- declare const _default$j: vue.DefineComponent<{
423
+ declare const _default$i: vue.DefineComponent<{
392
424
  /**
393
425
  * The header title of the card
394
426
  */
@@ -497,7 +529,7 @@ declare interface FwButtonProps {
497
529
  external?: boolean;
498
530
  }
499
531
 
500
- declare const _default$i: vue.DefineComponent<{
532
+ declare const _default$h: vue.DefineComponent<{
501
533
  /**
502
534
  * A `router-link` path or object
503
535
  */
@@ -678,7 +710,7 @@ declare interface NavMenuItem {
678
710
  external?: boolean;
679
711
  }
680
712
 
681
- declare const _default$h: vue.DefineComponent<{
713
+ declare const _default$g: vue.DefineComponent<{
682
714
  /**
683
715
  * An array of menu items
684
716
  * `{ to?: string | object; href?: string; label: string; }`
@@ -733,7 +765,7 @@ declare const _default$h: vue.DefineComponent<{
733
765
  containerClass: string;
734
766
  }>;
735
767
 
736
- declare const _default$g: vue.DefineComponent<{
768
+ declare const _default$f: vue.DefineComponent<{
737
769
  /**
738
770
  * The active tab v-model
739
771
  */
@@ -757,7 +789,7 @@ declare const _default$g: vue.DefineComponent<{
757
789
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
758
790
  }, {}>;
759
791
 
760
- declare const _default$f: vue.DefineComponent<{
792
+ declare const _default$e: vue.DefineComponent<{
761
793
  /**
762
794
  * The label of the tab component used as the button panel label
763
795
  */
@@ -789,7 +821,7 @@ declare const _default$f: vue.DefineComponent<{
789
821
  };
790
822
  }>>, {}>;
791
823
 
792
- declare const _default$e: vue.DefineComponent<{
824
+ declare const _default$d: vue.DefineComponent<{
793
825
  /**
794
826
  * The modal's v-model. Controls the visibility of the modal.
795
827
  */
@@ -968,7 +1000,7 @@ declare interface ProgressBarStep {
968
1000
  subSteps: number;
969
1001
  }
970
1002
 
971
- declare const _default$d: vue.DefineComponent<{
1003
+ declare const _default$c: vue.DefineComponent<{
972
1004
  /**
973
1005
  * An array of menu progress steps.
974
1006
  * `{ label: string; position: number; subSteps: number; }`
@@ -1018,15 +1050,48 @@ declare const _default$d: vue.DefineComponent<{
1018
1050
  };
1019
1051
  }>>, {}>;
1020
1052
 
1021
- declare type TagVariantName = 'primary' | 'alert' | 'error' | 'success';
1053
+ declare interface FwCardProps {
1054
+ title?: string;
1055
+ prefixTitle?: string;
1056
+ to?: string | object;
1057
+ href?: string;
1058
+ slotPadding?: boolean;
1059
+ isBordered?: boolean;
1060
+ }
1061
+
1062
+ declare interface FwCheckboxProps {
1063
+ name: string;
1064
+ value?: string;
1065
+ label?: string;
1066
+ rules?: string | Record<string, unknown> | (() => boolean);
1067
+ hint?: string;
1068
+ enableErrors?: boolean;
1069
+ }
1070
+
1071
+ declare interface FwModalProps {
1072
+ modelValue: boolean;
1073
+ header?: string;
1074
+ element?: string;
1075
+ body?: string;
1076
+ role?: string;
1077
+ showCancel?: boolean;
1078
+ showConfirm?: boolean;
1079
+ cancelButtonText?: string;
1080
+ cancelButtonType?: ButtonVariantName;
1081
+ confirmButtonText?: string;
1082
+ confirmButtonType?: ButtonVariantName;
1083
+ }
1084
+
1085
+ declare type TagVariantName = 'primary' | 'secondary' | 'alert' | 'error' | 'success';
1022
1086
  declare interface TagDefinition {
1023
1087
  text: string;
1024
1088
  background: string;
1089
+ iconType: FwButtonProps['variant'];
1025
1090
  }
1026
1091
  declare type TagDefinitionList = {
1027
1092
  [key in TagVariantName]: TagDefinition;
1028
1093
  };
1029
- declare type TagSize = 'xs' | 'sm';
1094
+ declare type TagSize = 'xs' | 'sm' | 'md';
1030
1095
  declare type TagSizes = {
1031
1096
  [key in TagSize]: string;
1032
1097
  };
@@ -1035,9 +1100,97 @@ declare interface FwTagProps {
1035
1100
  variant?: TagVariantName;
1036
1101
  }
1037
1102
 
1038
- declare const _default$c: vue.DefineComponent<{
1103
+ declare type FwTableItem = Record<string, string | number>;
1104
+ declare type FwTableFormatFunction = (value: string | number | object) => string;
1105
+ declare type FwTableSort = 'asc' | 'desc';
1106
+ declare type FwTableItemOptions = Record<string, {
1107
+ formatter?: FwTableFormatFunction;
1108
+ isSortable?: boolean;
1109
+ disabled?: boolean;
1110
+ initSortOrder?: FwTableSort;
1111
+ }>;
1112
+ declare interface FwTableProps {
1113
+ items: FwTableItem[];
1114
+ options?: FwTableItemOptions;
1115
+ loading?: boolean;
1116
+ clickableRows?: boolean;
1117
+ autoSortColumn?: number;
1118
+ }
1119
+
1120
+ declare interface FwAccordionProps {
1121
+ title?: string;
1122
+ suffixTitle?: string;
1123
+ isOpened?: boolean;
1124
+ iconPositionStart?: boolean;
1125
+ }
1126
+
1127
+ declare interface FwImageProps {
1128
+ src?: string;
1129
+ alt?: string;
1130
+ type?: 'native' | 'background';
1131
+ rounded?: boolean;
1132
+ imageClass?: string;
1133
+ threshold?: number;
1134
+ }
1135
+
1136
+ declare type ToastType = 'success' | 'error' | 'warning';
1137
+ declare type ToastTypes = {
1138
+ [key in ToastType]: string;
1139
+ };
1140
+ declare type ToastPosition = 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
1141
+ declare interface FwToastProps {
1142
+ modelValue: boolean;
1143
+ type?: ToastType;
1144
+ position?: ToastPosition;
1145
+ content?: string;
1146
+ element?: string;
1147
+ timeout?: number;
1148
+ }
1149
+
1150
+ declare interface FwTransactionsCardProps {
1151
+ title: string;
1152
+ subTitle?: string;
1153
+ imageUrl?: string;
1154
+ amount?: string;
1155
+ }
1156
+
1157
+ declare interface FwBarGraphData {
1158
+ name: string;
1159
+ value: string | number;
1160
+ }
1161
+ declare interface FwBarChartProps {
1162
+ title?: string;
1163
+ yMarker?: string;
1164
+ x?: string[] | string;
1165
+ y?: (string | number)[] | string;
1166
+ graphData?: FwBarGraphData[] | string;
1167
+ }
1168
+
1169
+ declare interface FwSidebarMenuItem {
1170
+ to?: string | object;
1171
+ href?: string;
1172
+ label: string;
1173
+ external?: boolean;
1174
+ disabled?: boolean;
1175
+ }
1176
+
1177
+ declare interface FwDrawerProps {
1178
+ modelValue: boolean;
1179
+ header?: string;
1180
+ element?: string;
1181
+ body?: string;
1182
+ role?: string;
1183
+ showCancel?: boolean;
1184
+ showConfirm?: boolean;
1185
+ cancelButtonText?: string;
1186
+ cancelButtonType?: ButtonVariantName;
1187
+ confirmButtonText?: string;
1188
+ confirmButtonType?: ButtonVariantName;
1189
+ }
1190
+
1191
+ declare const __default__$4: vue.DefineComponent<{
1039
1192
  /**
1040
- * The size of the tag. Accepts: 'xs' & 'sm'
1193
+ * The size of the tag. Accepts: 'xs', 'sm' & 'md'
1041
1194
  */
1042
1195
  size: {
1043
1196
  type: PropType<TagSize>;
@@ -1046,21 +1199,32 @@ declare const _default$c: vue.DefineComponent<{
1046
1199
  };
1047
1200
  /**
1048
1201
  * The colour variant of the tag.
1049
- * Accepts 'primary', 'alert', 'error', 'success'
1202
+ * Accepts 'primary', 'secondary', 'alert', 'error', 'success'
1050
1203
  */
1051
1204
  variant: {
1052
1205
  type: PropType<TagVariantName>;
1053
1206
  default: string;
1054
1207
  validator: (value: string) => boolean;
1055
1208
  };
1209
+ /**
1210
+ * Whether the tag can be dismissed or closed.
1211
+ * Emits the @dismissed event
1212
+ */
1213
+ dismissable: {
1214
+ type: BooleanConstructor;
1215
+ default: boolean;
1216
+ };
1056
1217
  }, {
1057
1218
  baseClass: vue.Ref<string>;
1058
1219
  textColorClass: vue.ComputedRef<string>;
1059
1220
  bgColorClass: vue.ComputedRef<string>;
1060
1221
  sizeClass: vue.ComputedRef<string>;
1061
- }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
1222
+ iconSizeClass: vue.ComputedRef<string>;
1223
+ iconButtonType: vue.ComputedRef<ButtonVariantName | undefined>;
1224
+ primaryFade5: string;
1225
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "dismissed"[], "dismissed", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
1062
1226
  /**
1063
- * The size of the tag. Accepts: 'xs' & 'sm'
1227
+ * The size of the tag. Accepts: 'xs', 'sm' & 'md'
1064
1228
  */
1065
1229
  size: {
1066
1230
  type: PropType<TagSize>;
@@ -1069,36 +1233,30 @@ declare const _default$c: vue.DefineComponent<{
1069
1233
  };
1070
1234
  /**
1071
1235
  * The colour variant of the tag.
1072
- * Accepts 'primary', 'alert', 'error', 'success'
1236
+ * Accepts 'primary', 'secondary', 'alert', 'error', 'success'
1073
1237
  */
1074
1238
  variant: {
1075
1239
  type: PropType<TagVariantName>;
1076
1240
  default: string;
1077
1241
  validator: (value: string) => boolean;
1078
1242
  };
1079
- }>>, {
1243
+ /**
1244
+ * Whether the tag can be dismissed or closed.
1245
+ * Emits the @dismissed event
1246
+ */
1247
+ dismissable: {
1248
+ type: BooleanConstructor;
1249
+ default: boolean;
1250
+ };
1251
+ }>> & {
1252
+ onDismissed?: ((...args: any[]) => any) | undefined;
1253
+ }, {
1080
1254
  size: TagSize;
1081
1255
  variant: TagVariantName;
1256
+ dismissable: boolean;
1082
1257
  }>;
1083
1258
 
1084
- declare type FwTableItem = Record<string, string | number>;
1085
- declare type FwTableFormatFunction = (value: string | number | object) => string;
1086
- declare type FwTableSort = 'asc' | 'desc';
1087
- declare type FwTableItemOptions = Record<string, {
1088
- formatter?: FwTableFormatFunction;
1089
- isSortable?: boolean;
1090
- disabled?: boolean;
1091
- initSortOrder?: FwTableSort;
1092
- }>;
1093
- declare interface FwTableProps {
1094
- items: FwTableItem[];
1095
- options?: FwTableItemOptions;
1096
- loading?: boolean;
1097
- clickableRows?: boolean;
1098
- autoSortColumn?: number;
1099
- }
1100
-
1101
- declare const __default__$2: vue.DefineComponent<{
1259
+ declare const __default__$3: vue.DefineComponent<{
1102
1260
  items: {
1103
1261
  type: PropType<FwTableItem[]>;
1104
1262
  required: true;
@@ -1170,7 +1328,7 @@ declare const _default$b: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentO
1170
1328
 
1171
1329
  declare const _default$a: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
1172
1330
 
1173
- declare const _default$9: vue.DefineComponent<{
1331
+ declare const __default__$2: vue.DefineComponent<{
1174
1332
  /**
1175
1333
  * The header title of the accordion
1176
1334
  */
@@ -1190,10 +1348,20 @@ declare const _default$9: vue.DefineComponent<{
1190
1348
  type: BooleanConstructor;
1191
1349
  default: boolean;
1192
1350
  };
1351
+ /**
1352
+ * Whether the accordion open icon should be at the start or end
1353
+ */
1354
+ iconPositionStart: {
1355
+ type: BooleanConstructor;
1356
+ default: boolean;
1357
+ };
1193
1358
  }, {
1194
1359
  isOpen: vue.Ref<boolean>;
1195
- transitionEnter: (el: HTMLElement) => void;
1196
- transitionLeave: (el: HTMLElement) => void;
1360
+ beforeEnter: (el: Element) => void;
1361
+ enter: (el: Element) => void;
1362
+ beforeLeave: (el: Element) => void;
1363
+ leave: (el: Element) => void;
1364
+ bgHoverColor: string;
1197
1365
  }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
1198
1366
  /**
1199
1367
  * The header title of the accordion
@@ -1214,11 +1382,19 @@ declare const _default$9: vue.DefineComponent<{
1214
1382
  type: BooleanConstructor;
1215
1383
  default: boolean;
1216
1384
  };
1385
+ /**
1386
+ * Whether the accordion open icon should be at the start or end
1387
+ */
1388
+ iconPositionStart: {
1389
+ type: BooleanConstructor;
1390
+ default: boolean;
1391
+ };
1217
1392
  }>>, {
1218
1393
  isOpened: boolean;
1394
+ iconPositionStart: boolean;
1219
1395
  }>;
1220
1396
 
1221
- declare const _default$8: vue.DefineComponent<{
1397
+ declare const _default$9: vue.DefineComponent<{
1222
1398
  /**
1223
1399
  * The src attribute of the image
1224
1400
  */
@@ -1301,11 +1477,11 @@ declare const _default$8: vue.DefineComponent<{
1301
1477
  threshold: number;
1302
1478
  }>;
1303
1479
 
1304
- declare const _default$7: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
1480
+ declare const _default$8: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
1305
1481
 
1306
- declare const _default$6: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
1482
+ declare const _default$7: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
1307
1483
 
1308
- declare const _default$5: vue.DefineComponent<{
1484
+ declare const _default$6: vue.DefineComponent<{
1309
1485
  columns: {
1310
1486
  type: NumberConstructor;
1311
1487
  default: number;
@@ -1330,21 +1506,7 @@ declare const _default$5: vue.DefineComponent<{
1330
1506
  rows: number;
1331
1507
  }>;
1332
1508
 
1333
- declare type ToastType = 'success' | 'error' | 'warning';
1334
- declare type ToastTypes = {
1335
- [key in ToastType]: string;
1336
- };
1337
- declare type ToastPosition = 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
1338
- declare interface FwToastProps {
1339
- modelValue: boolean;
1340
- type?: ToastType;
1341
- position?: ToastPosition;
1342
- content?: string;
1343
- element?: string;
1344
- timeout?: number;
1345
- }
1346
-
1347
- declare const _default$4: vue.DefineComponent<{
1509
+ declare const _default$5: vue.DefineComponent<{
1348
1510
  /**
1349
1511
  * The toast's v-model. Controls the visibility of the toast.
1350
1512
  */
@@ -1463,7 +1625,7 @@ declare const _default$4: vue.DefineComponent<{
1463
1625
  timeout: number;
1464
1626
  }>;
1465
1627
 
1466
- declare const _default$3: vue.DefineComponent<{
1628
+ declare const _default$4: vue.DefineComponent<{
1467
1629
  /**
1468
1630
  * The transaction title of the card
1469
1631
  */
@@ -1521,19 +1683,7 @@ declare const _default$3: vue.DefineComponent<{
1521
1683
  };
1522
1684
  }>>, {}>;
1523
1685
 
1524
- declare interface FwBarGraphData {
1525
- name: string;
1526
- value: string | number;
1527
- }
1528
- declare interface FwBarChartProps {
1529
- title?: string;
1530
- yMarker?: string;
1531
- x?: string[] | string;
1532
- y?: (string | number)[] | string;
1533
- graphData?: FwBarGraphData[] | string;
1534
- }
1535
-
1536
- declare const _default$2: vue.DefineComponent<{
1686
+ declare const _default$3: vue.DefineComponent<{
1537
1687
  /**
1538
1688
  * The transaction title of the chart
1539
1689
  */
@@ -1614,15 +1764,7 @@ declare const _default$2: vue.DefineComponent<{
1614
1764
  };
1615
1765
  }>>, {}>;
1616
1766
 
1617
- declare interface FwSidebarMenuItem {
1618
- to?: string | object;
1619
- href?: string;
1620
- label: string;
1621
- external?: boolean;
1622
- disabled?: boolean;
1623
- }
1624
-
1625
- declare const _default$1: vue.DefineComponent<{
1767
+ declare const _default$2: vue.DefineComponent<{
1626
1768
  /**
1627
1769
  * An array of menu items
1628
1770
  * `{ to?: string | object; href?: string; label: string; }`
@@ -1692,6 +1834,169 @@ declare const _default$1: vue.DefineComponent<{
1692
1834
  closedWidth: string;
1693
1835
  }>;
1694
1836
 
1837
+ declare const _default$1: vue.DefineComponent<{
1838
+ /**
1839
+ * The drawer's v-model. Controls the visibility of the drawer.
1840
+ */
1841
+ modelValue: {
1842
+ type: BooleanConstructor;
1843
+ };
1844
+ /**
1845
+ * The header title of the drawer
1846
+ */
1847
+ header: {
1848
+ type: StringConstructor;
1849
+ };
1850
+ /**
1851
+ * The body description of the drawer
1852
+ */
1853
+ body: {
1854
+ type: StringConstructor;
1855
+ };
1856
+ /**
1857
+ * The aria role of the drawer container. Defaults to `dialog`
1858
+ */
1859
+ role: {
1860
+ type: StringConstructor;
1861
+ default: string;
1862
+ };
1863
+ /**
1864
+ * Whether to show the cancel button
1865
+ */
1866
+ showCancel: {
1867
+ type: BooleanConstructor;
1868
+ default: boolean;
1869
+ };
1870
+ /**
1871
+ * Whether to show the confirm button
1872
+ */
1873
+ showConfirm: {
1874
+ type: BooleanConstructor;
1875
+ default: boolean;
1876
+ };
1877
+ /**
1878
+ * Custom text for the cancel button
1879
+ */
1880
+ cancelButtonText: {
1881
+ type: StringConstructor;
1882
+ default: string;
1883
+ };
1884
+ /**
1885
+ * Button variant for the cancel button
1886
+ */
1887
+ cancelButtonType: {
1888
+ type: PropType<ButtonVariantName>;
1889
+ default: string;
1890
+ validator: (value: string) => boolean;
1891
+ };
1892
+ /**
1893
+ * Custom text for the confirm button
1894
+ */
1895
+ confirmButtonText: {
1896
+ type: StringConstructor;
1897
+ default: string;
1898
+ };
1899
+ /**
1900
+ * Button variant for the confirm button
1901
+ */
1902
+ confirmButtonType: {
1903
+ type: PropType<ButtonVariantName>;
1904
+ default: string;
1905
+ validator: (value: string) => boolean;
1906
+ };
1907
+ }, {
1908
+ baseDrawerClass: string;
1909
+ drawerFooterClass: string;
1910
+ isOpen: vue.WritableComputedRef<boolean>;
1911
+ uuid: string;
1912
+ isMounted: vue.Ref<boolean>;
1913
+ onConfirmed: () => void;
1914
+ onCancelled: () => void;
1915
+ }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "cancel" | "confirm")[], "update:modelValue" | "cancel" | "confirm", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
1916
+ /**
1917
+ * The drawer's v-model. Controls the visibility of the drawer.
1918
+ */
1919
+ modelValue: {
1920
+ type: BooleanConstructor;
1921
+ };
1922
+ /**
1923
+ * The header title of the drawer
1924
+ */
1925
+ header: {
1926
+ type: StringConstructor;
1927
+ };
1928
+ /**
1929
+ * The body description of the drawer
1930
+ */
1931
+ body: {
1932
+ type: StringConstructor;
1933
+ };
1934
+ /**
1935
+ * The aria role of the drawer container. Defaults to `dialog`
1936
+ */
1937
+ role: {
1938
+ type: StringConstructor;
1939
+ default: string;
1940
+ };
1941
+ /**
1942
+ * Whether to show the cancel button
1943
+ */
1944
+ showCancel: {
1945
+ type: BooleanConstructor;
1946
+ default: boolean;
1947
+ };
1948
+ /**
1949
+ * Whether to show the confirm button
1950
+ */
1951
+ showConfirm: {
1952
+ type: BooleanConstructor;
1953
+ default: boolean;
1954
+ };
1955
+ /**
1956
+ * Custom text for the cancel button
1957
+ */
1958
+ cancelButtonText: {
1959
+ type: StringConstructor;
1960
+ default: string;
1961
+ };
1962
+ /**
1963
+ * Button variant for the cancel button
1964
+ */
1965
+ cancelButtonType: {
1966
+ type: PropType<ButtonVariantName>;
1967
+ default: string;
1968
+ validator: (value: string) => boolean;
1969
+ };
1970
+ /**
1971
+ * Custom text for the confirm button
1972
+ */
1973
+ confirmButtonText: {
1974
+ type: StringConstructor;
1975
+ default: string;
1976
+ };
1977
+ /**
1978
+ * Button variant for the confirm button
1979
+ */
1980
+ confirmButtonType: {
1981
+ type: PropType<ButtonVariantName>;
1982
+ default: string;
1983
+ validator: (value: string) => boolean;
1984
+ };
1985
+ }>> & {
1986
+ onCancel?: ((...args: any[]) => any) | undefined;
1987
+ onConfirm?: ((...args: any[]) => any) | undefined;
1988
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1989
+ }, {
1990
+ modelValue: boolean;
1991
+ role: string;
1992
+ showCancel: boolean;
1993
+ showConfirm: boolean;
1994
+ cancelButtonText: string;
1995
+ cancelButtonType: ButtonVariantName;
1996
+ confirmButtonText: string;
1997
+ confirmButtonType: ButtonVariantName;
1998
+ }>;
1999
+
1695
2000
  declare const __default__$1: vue.DefineComponent<{
1696
2001
  /**
1697
2002
  * The animation-iteration-count CSS property of the pulse animation.
@@ -1742,20 +2047,6 @@ declare const __default__: vue.DefineComponent<{
1742
2047
 
1743
2048
  declare const _default: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
1744
2049
 
1745
- declare interface FwModalProps {
1746
- modelValue: boolean;
1747
- header?: string;
1748
- element?: string;
1749
- body?: string;
1750
- role?: string;
1751
- showCancel?: boolean;
1752
- showConfirm?: boolean;
1753
- cancelButtonText?: string;
1754
- cancelButtonType?: ButtonVariantName;
1755
- confirmButtonText?: string;
1756
- confirmButtonType?: ButtonVariantName;
1757
- }
1758
-
1759
2050
  declare interface ModalServiceProps extends Omit<FwModalProps, 'modelValue'> {
1760
2051
  onConfirm?: () => void;
1761
2052
  onCancel?: () => void;
@@ -1776,44 +2067,6 @@ declare const toastService: () => {
1776
2067
 
1777
2068
  declare const install: Exclude<Plugin['install'], undefined>;
1778
2069
 
1779
- declare interface FwCardProps {
1780
- title?: string;
1781
- prefixTitle?: string;
1782
- to?: string | object;
1783
- href?: string;
1784
- slotPadding?: boolean;
1785
- isBordered?: boolean;
1786
- }
1787
-
1788
- declare interface FwCheckboxProps {
1789
- name: string;
1790
- label?: string;
1791
- rules?: string | Record<string, unknown> | (() => boolean);
1792
- hint?: string;
1793
- }
1794
-
1795
- declare interface FwAccordionProps {
1796
- title?: string;
1797
- suffixTitle?: string;
1798
- isOpened?: boolean;
1799
- }
1800
-
1801
- declare interface FwImageProps {
1802
- src?: string;
1803
- alt?: string;
1804
- type?: 'native' | 'background';
1805
- rounded?: boolean;
1806
- imageClass?: string;
1807
- threshold?: number;
1808
- }
1809
-
1810
- declare interface FwTransactionsCardProps {
1811
- title: string;
1812
- subTitle?: string;
1813
- imageUrl?: string;
1814
- amount?: string;
1815
- }
1816
-
1817
2070
  declare module '@frollo/frollo-web-ui/icons' { }
1818
2071
 
1819
- export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$9 as FwAccordion, FwAccordionProps, _default$2 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$i as FwButton, FwButtonProps, _default$j as FwCard, FwCardProps, _default$l as FwCheckbox, FwCheckboxProps, _default$k as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$8 as FwImage, FwImageProps, _default$m as FwInput, FwInputProps, FwInputType, _default$7 as FwLoadingBar, _default$6 as FwLoadingCard, _default as FwLoadingSpinner, _default$5 as FwLoadingTable, _default$e as FwModal, FwModalProps, _default$h as FwNavigationMenu, _default$d as FwProgressBar, _default$1 as FwSidebarMenu, FwSidebarMenuItem, __default__ as FwSuccessPulse, _default$f as FwTab, __default__$2 as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$g as FwTabs, _default$c as FwTag, FwTagProps, _default$4 as FwToast, FwToastProps, _default$3 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, ToastPosition, ToastServiceProps, ToastType, ToastTypes, install as default, modalService, toastService };
2072
+ export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, __default__$2 as FwAccordion, FwAccordionProps, _default$3 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$h as FwButton, FwButtonProps, _default$i as FwCard, FwCardProps, _default$k as FwCheckbox, FwCheckboxProps, _default$1 as FwDrawer, FwDrawerProps, _default$j as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$9 as FwImage, FwImageProps, _default$l as FwInput, FwInputProps, FwInputType, _default$8 as FwLoadingBar, _default$7 as FwLoadingCard, _default as FwLoadingSpinner, _default$6 as FwLoadingTable, _default$d as FwModal, FwModalProps, _default$g as FwNavigationMenu, _default$c as FwProgressBar, _default$2 as FwSidebarMenu, FwSidebarMenuItem, __default__ as FwSuccessPulse, _default$e as FwTab, __default__$3 as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$f as FwTabs, __default__$4 as FwTag, FwTagProps, _default$5 as FwToast, FwToastProps, _default$4 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, ToastPosition, ToastServiceProps, ToastType, ToastTypes, install as default, modalService, toastService };