@frollo/frollo-web-ui 9.0.1 → 9.0.3

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 (97) hide show
  1. package/cjs/index.js +10733 -3062
  2. package/esm/{_rollupPluginBabelHelpers-DODWUb5N.js → _rollupPluginBabelHelpers-BKlDnZ7n.js} +1 -1
  3. package/esm/fw-accordion.js +15 -18
  4. package/esm/fw-alert.js +32 -25
  5. package/esm/fw-bar-chart.js +265 -93
  6. package/esm/fw-button-DZTHZLjk.js +318 -0
  7. package/esm/fw-button.js +2 -2
  8. package/esm/{fw-card-D45R4kN-.js → fw-card-XGtsK2bM.js} +7 -10
  9. package/esm/fw-card.js +2 -2
  10. package/esm/fw-checkbox.js +8 -11
  11. package/esm/fw-date-picker.js +85 -49
  12. package/esm/fw-drawer.js +9 -9
  13. package/esm/{fw-dropdown-58wyuzsW.js → fw-dropdown-CSmYTm5O.js} +11 -14
  14. package/esm/fw-dropdown.js +7 -6
  15. package/esm/fw-form.js +1 -1
  16. package/esm/fw-icons.js +11 -12
  17. package/esm/fw-image-A2lXYs0u.js +325 -0
  18. package/esm/fw-image.js +5 -4
  19. package/esm/{fw-input-C2-cZ-BY.js → fw-input-BiPWWfK3.js} +12 -19
  20. package/esm/fw-input.js +3 -3
  21. package/esm/fw-loading-bar-3x4tkF1B.js +37 -0
  22. package/esm/fw-loading.js +89 -40
  23. package/esm/fw-media-picker.js +10 -653
  24. package/esm/fw-modal.js +11 -10
  25. package/esm/fw-navigation-menu.js +36 -41
  26. package/esm/fw-popover-BZ-zqUme.js +330 -0
  27. package/esm/fw-popover.js +2 -3
  28. package/esm/fw-progress-bar.js +1 -1
  29. package/esm/fw-provider-list.js +108 -88
  30. package/esm/fw-sidebar-menu.js +58 -51
  31. package/esm/fw-slider.js +64 -61
  32. package/esm/fw-switch.js +76 -49
  33. package/esm/fw-table-row-BU0xaybR.js +447 -0
  34. package/esm/fw-table.js +5 -6
  35. package/esm/fw-tabs.js +87 -35
  36. package/esm/fw-tag-BRxPc4zc.js +199 -0
  37. package/esm/fw-tag.js +4 -4
  38. package/esm/fw-toast.js +58 -76
  39. package/esm/fw-transactions-card.js +20 -20
  40. package/esm/{get-root-colours-DCjlYelc.js → get-root-colours-DCCAnRF4.js} +3 -1
  41. package/esm/index-C8z11jcJ.js +7583 -0
  42. package/esm/index-DHyRsKsZ.js +843 -0
  43. package/esm/index-eP2GMSdQ.js +755 -0
  44. package/esm/index.js +54 -61
  45. package/esm/{uniqueId-DZdGzBh8.js → uniqueId-DK6xzFd8.js} +1 -1
  46. package/esm/{vee-validate.esm-3ptvCDR1.js → vee-validate-0dtT5GSQ.js} +182 -305
  47. package/frollo-web-ui.esm.js +10790 -3117
  48. package/icons/circle-check.svg +4 -0
  49. package/index.d.ts +1522 -586
  50. package/package.json +11 -11
  51. package/styles/tailwind.css +34 -2
  52. package/types/components/fw-accordion/fw-accordion.vue.d.ts +9 -7
  53. package/types/components/fw-alert/fw-alert.vue.d.ts +11 -6
  54. package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +15 -64
  55. package/types/components/fw-button/fw-button.vue.d.ts +11 -7
  56. package/types/components/fw-card/fw-card.vue.d.ts +6 -6
  57. package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +365 -5
  58. package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +3 -242
  59. package/types/components/fw-drawer/fw-drawer.vue.d.ts +11 -8
  60. package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +20 -12
  61. package/types/components/fw-icons/fw-success-animation.vue.d.ts +1 -1
  62. package/types/components/fw-image/fw-image.vue.d.ts +33 -7
  63. package/types/components/fw-input/fw-input.vue.d.ts +368 -10
  64. package/types/components/fw-loading/fw-loading-bar.vue.d.ts +7 -5
  65. package/types/components/fw-loading/fw-loading-card.vue.d.ts +3 -1
  66. package/types/components/fw-loading/fw-loading-dots.vue.d.ts +8 -1
  67. package/types/components/fw-loading/fw-loading-table.vue.d.ts +11 -6
  68. package/types/components/fw-media-picker/fw-media-picker.vue.d.ts +27 -18
  69. package/types/components/fw-modal/fw-modal.vue.d.ts +11 -7
  70. package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +12 -8
  71. package/types/components/fw-popover/fw-popover.vue.d.ts +16 -21
  72. package/types/components/fw-progress-bar/fw-progress-bar.vue.d.ts +6 -4
  73. package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +20 -45
  74. package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts +13 -7
  75. package/types/components/fw-slider/fw-slider.vue.d.ts +11 -8
  76. package/types/components/fw-switch/fw-switch.vue.d.ts +383 -9
  77. package/types/components/fw-switch/index.types.d.ts +1 -0
  78. package/types/components/fw-table/fw-table-head.vue.d.ts +1 -1
  79. package/types/components/fw-table/fw-table-row.vue.d.ts +1 -1
  80. package/types/components/fw-table/fw-table.vue.d.ts +40 -19
  81. package/types/components/fw-table/index.types.d.ts +36 -2
  82. package/types/components/fw-tabs/fw-tab.vue.d.ts +4 -8
  83. package/types/components/fw-tabs/fw-tabs.vue.d.ts +11 -8
  84. package/types/components/fw-tabs/index.types.d.ts +14 -4
  85. package/types/components/fw-tag/fw-tag.vue.d.ts +14 -8
  86. package/types/components/fw-toast/fw-toast.vue.d.ts +17 -22
  87. package/types/components/fw-transactions-card/fw-transactions-card.vue.d.ts +6 -3
  88. package/types/directives/lazy-loader.d.ts +11 -2
  89. package/types/helpers/get-root-colours.d.ts +1 -0
  90. package/web-components/index.js +16793 -7702
  91. package/esm/fw-button-YMoW4x4c.js +0 -296
  92. package/esm/fw-image-D-OHafdw.js +0 -217
  93. package/esm/fw-loading-bar-DecYSBC_.js +0 -45
  94. package/esm/fw-popover-B4bsfuxm.js +0 -620
  95. package/esm/fw-table-row-Cgi8871h.js +0 -389
  96. package/esm/fw-tag-fDo50Nw7.js +0 -177
  97. package/esm/index-BsEH8YYr.js +0 -979
@@ -1,6 +1,6 @@
1
1
  import { type PropType } from 'vue';
2
2
  import type { TagSize, TagVariantName } from './index.types';
3
- declare const __default__: import("vue").DefineComponent<{
3
+ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
4
  /**
5
5
  * The label text of the tag.
6
6
  * Overrides the default slot content.
@@ -31,15 +31,18 @@ declare const __default__: import("vue").DefineComponent<{
31
31
  type: BooleanConstructor;
32
32
  default: boolean;
33
33
  };
34
- }, {
35
- baseClass: import("vue").Ref<string>;
34
+ }>, {
35
+ visible: import("vue").Ref<boolean, boolean>;
36
+ baseClass: string;
36
37
  textColorClass: import("vue").ComputedRef<string>;
37
38
  bgColorClass: import("vue").ComputedRef<string>;
38
39
  sizeClass: import("vue").ComputedRef<string>;
39
40
  iconSizeClass: import("vue").ComputedRef<string>;
40
41
  iconButtonType: import("vue").ComputedRef<import("../index.types").ButtonVariantName | undefined>;
41
42
  primaryFade5: string;
42
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "dismissed"[], "dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
43
+ onDismiss: () => void;
44
+ rootClasses: import("vue").ComputedRef<string[]>;
45
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "dismissed"[], "dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
43
46
  /**
44
47
  * The label text of the tag.
45
48
  * Overrides the default slot content.
@@ -70,11 +73,14 @@ declare const __default__: import("vue").DefineComponent<{
70
73
  type: BooleanConstructor;
71
74
  default: boolean;
72
75
  };
73
- }>> & {
76
+ }>> & Readonly<{
74
77
  onDismissed?: ((...args: any[]) => any) | undefined;
75
- }, {
76
- size: TagSize;
78
+ }>, {
77
79
  variant: TagVariantName;
80
+ size: TagSize;
78
81
  dismissable: boolean;
79
- }, {}>;
82
+ }, {}, {
83
+ FwButton: import("vue").ComponentOptions;
84
+ XMarkSvg: VueConstructor<Vue>;
85
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
80
86
  export default __default__;
@@ -1,6 +1,6 @@
1
1
  import { type PropType } from 'vue';
2
- import { type ToastType, type ToastPosition } from './index.types';
3
- declare const _default: import("vue").DefineComponent<{
2
+ import { type ToastType, type ToastTypes, type ToastPosition } from './index.types';
3
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
4
  /**
5
5
  * The toast's v-model. Controls the visibility of the toast.
6
6
  */
@@ -45,25 +45,16 @@ declare const _default: import("vue").DefineComponent<{
45
45
  type: NumberConstructor;
46
46
  default: number;
47
47
  };
48
- }, {
48
+ }>, {
49
+ isMounted: import("vue").Ref<boolean, boolean>;
50
+ isOpen: import("vue").WritableComputedRef<boolean, boolean>;
51
+ uuid: `${string}-${string}-${string}-${string}-${string}`;
49
52
  containerEl: import("vue").ComputedRef<string>;
50
53
  baseClass: string;
51
- typeClasses: import("vue").Ref<{
52
- success: string;
53
- error: string;
54
- warning: string;
55
- }>;
56
- svgComponent: import("vue").Ref<{
57
- success: string;
58
- error: string;
59
- warning: string;
60
- }>;
61
- isOpen: import("vue").WritableComputedRef<import("vue").Ref<boolean>>;
62
- uuid: string;
63
- isMounted: import("vue").Ref<boolean>;
64
- mountContainer: import("vue").Ref<boolean>;
65
- isLeftRightorCenter: import("vue").ComputedRef<"Right" | "Left" | "Center">;
66
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "dismissed")[], "update:modelValue" | "dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
54
+ typeClasses: ToastTypes;
55
+ svgComponent: ToastTypes;
56
+ transitionName: import("vue").ComputedRef<"toastSlideInRight" | "toastSlideInLeft" | "toastSlideInCenter">;
57
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "dismissed")[], "update:modelValue" | "dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
67
58
  /**
68
59
  * The toast's v-model. Controls the visibility of the toast.
69
60
  */
@@ -108,14 +99,18 @@ declare const _default: import("vue").DefineComponent<{
108
99
  type: NumberConstructor;
109
100
  default: number;
110
101
  };
111
- }>> & {
102
+ }>> & Readonly<{
112
103
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
113
104
  onDismissed?: ((...args: any[]) => any) | undefined;
114
- }, {
105
+ }>, {
115
106
  modelValue: boolean;
116
107
  type: ToastType;
117
108
  position: ToastPosition;
118
109
  element: string;
119
110
  timeout: number;
120
- }, {}>;
111
+ }, {}, {
112
+ SolidCheckSvg: VueConstructor<Vue>;
113
+ SolidXMarkSvg: VueConstructor<Vue>;
114
+ ErrorFilledSvg: VueConstructor<Vue>;
115
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
121
116
  export default _default;
@@ -1,4 +1,4 @@
1
- declare const _default: import("vue").DefineComponent<{
1
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
2
  /**
3
3
  * The transaction title of the card
4
4
  */
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
26
26
  type: StringConstructor;
27
27
  required: false;
28
28
  };
29
- }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
29
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
30
30
  /**
31
31
  * The transaction title of the card
32
32
  */
@@ -54,5 +54,8 @@ declare const _default: import("vue").DefineComponent<{
54
54
  type: StringConstructor;
55
55
  required: false;
56
56
  };
57
- }>>, {}, {}>;
57
+ }>> & Readonly<{}>, {}, {}, {
58
+ FwCard: import("vue").ComponentOptions;
59
+ FwImage: import("vue").ComponentOptions;
60
+ }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
58
61
  export default _default;
@@ -1,3 +1,12 @@
1
- export declare const lazyLoadDirective: {
2
- mounted: (el: Element) => void;
1
+ import type { Directive } from 'vue';
2
+ type LazyBinding = {
3
+ src?: string;
4
+ type?: 'native' | 'background';
5
+ threshold?: number;
6
+ rootMargin?: string;
7
+ onStart?: () => void;
8
+ onLoad?: () => void;
9
+ onError?: () => void;
3
10
  };
11
+ export declare const lazyLoadDirective: Directive<Element, LazyBinding | undefined>;
12
+ export {};
@@ -17,4 +17,5 @@ export declare const useColours: () => {
17
17
  primaryFade90: string;
18
18
  brandBg1Fade95: string;
19
19
  colorErrorTextFade5: string;
20
+ colorSuccessNew: string;
20
21
  };