@frollo/frollo-web-ui 8.5.3 → 9.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 (135) hide show
  1. package/cjs/index.js +29804 -28762
  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-CnQvA7oM.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 +58 -34
  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-BetVCzHJ.js → fw-table-row-C61Bi8KB.js} +59 -59
  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-FWH6KttB.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 +30114 -29022
  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 +23 -29
  64. package/styles/tailwind.css +52 -0
  65. package/styles/typography.scss +24 -7
  66. package/styles/web-components.scss +2 -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 -29028
  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
package/esm/index.js CHANGED
@@ -1,47 +1,47 @@
1
- import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
1
+ import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-DODWUb5N.js';
2
2
  import './fw-form.js';
3
3
  import './fw-input.js';
4
- import { FwCheckbox as script$3 } from './fw-checkbox.js';
4
+ import { FwCheckbox as __default__$2 } from './fw-checkbox.js';
5
5
  import './fw-dropdown.js';
6
+ import { FwSwitch as script$c } from './fw-switch.js';
6
7
  import './fw-card.js';
7
8
  import './fw-button.js';
8
- import { FwNavigationMenu as script$e } from './fw-navigation-menu.js';
9
- import { FwTab as script$k, FwTabs as script$n } from './fw-tabs.js';
10
- import { FwModal as script$d } from './fw-modal.js';
11
- import { FwProgressBar as script$g } from './fw-progress-bar.js';
9
+ import { FwAlert as script } from './fw-alert.js';
10
+ import { FwNavigationMenu as script$7 } from './fw-navigation-menu.js';
11
+ import { FwTab as script$d, FwTabs as script$g } from './fw-tabs.js';
12
+ import { FwModal as __default__$9 } from './fw-modal.js';
13
+ import { FwProgressBar as script$8 } from './fw-progress-bar.js';
12
14
  import './fw-tag.js';
13
15
  import './fw-table.js';
14
16
  import { FwAccordion as __default__ } from './fw-accordion.js';
15
17
  import './fw-image.js';
16
- import { FwLoadingCard as script$9, FwLoadingTable as script$b } from './fw-loading.js';
17
- import { FwToast as script$o } from './fw-toast.js';
18
- import { FwTransactionsCard as script$p } from './fw-transactions-card.js';
19
- import { FwBarChart as script } from './fw-bar-chart.js';
20
- import { FwSidebarMenu as script$i } from './fw-sidebar-menu.js';
21
- import { FwDrawer as script$4 } from './fw-drawer.js';
22
- import { FwProviderList as script$h } from './fw-provider-list.js';
23
- import { FwDatePicker as __default__$1 } from './fw-date-picker.js';
24
- import { FwPopover as __default__$3 } from './fw-popover.js';
25
- import { FwPeriodSelector as script$f } from './fw-period-selector.js';
26
- import { FwMediaPicker as script$c } from './fw-media-picker.js';
27
- import { FwSlider as script$j } from './fw-slider.js';
28
- import { FwEmailPulse as __default__$2, FwSuccessPulse as __default__$4 } from './fw-animations.js';
18
+ import { FwLoadingCard as script$3, FwLoadingDots as script$4, FwLoadingTable as script$5 } from './fw-loading.js';
19
+ import { FwToast as script$h } from './fw-toast.js';
20
+ import { FwTransactionsCard as script$i } from './fw-transactions-card.js';
21
+ import { FwSidebarMenu as script$9 } from './fw-sidebar-menu.js';
22
+ import { FwDrawer as __default__$4 } from './fw-drawer.js';
23
+ import { FwProviderList as __default__$b } from './fw-provider-list.js';
24
+ import { FwDatePicker as __default__$3 } from './fw-date-picker.js';
25
+ import './fw-popover.js';
26
+ import { FwMediaPicker as script$6 } from './fw-media-picker.js';
27
+ import { FwSlider as script$a } from './fw-slider.js';
28
+ import { FwBarChart as script$1 } from './fw-bar-chart.js';
29
+ import { FwSuccessAnimation as script$b } from './fw-icons.js';
29
30
  import { F as Form } from './vee-validate.esm-3ptvCDR1.js';
30
- import { s as script$7 } from './fw-input-XeI-IKly.js';
31
- import { s as script$5 } from './fw-dropdown-CbgOvgOt.js';
32
- import { s as script$2 } from './fw-card-bsYbpPmW.js';
33
- import { s as script$1 } from './fw-button-DNozvo7B.js';
34
- import { _ as __default__$6 } from './fw-tag-V0jMl-It.js';
35
- import { _ as __default__$5, s as script$l, a as script$m } from './fw-table-row-BetVCzHJ.js';
36
- import { s as script$6 } from './fw-image-Dl96Dc27.js';
37
- import { s as script$8 } from './fw-loading-bar-DThRjdw1.js';
38
- import { s as script$a } from './fw-loading-spinner-BFpFFRJm.js';
39
- import { reactive, createApp, h } from 'vue';
40
- import './uniqueId-DK6xzFd8.js';
31
+ import { _ as __default__$7 } from './fw-input-C2-cZ-BY.js';
32
+ import { _ as __default__$5 } from './fw-dropdown-58wyuzsW.js';
33
+ import { _ as __default__$1 } from './fw-card-D45R4kN-.js';
34
+ import { s as script$2 } from './fw-button-CnQvA7oM.js';
35
+ import { _ as __default__$d } from './fw-tag-FWH6KttB.js';
36
+ import { _ as __default__$c, s as script$e, a as script$f } from './fw-table-row-C61Bi8KB.js';
37
+ import { _ as __default__$6 } from './fw-image-D-OHafdw.js';
38
+ import { _ as __default__$8 } from './fw-loading-bar-DecYSBC_.js';
39
+ import { _ as __default__$a } from './fw-popover-B4bsfuxm.js';
40
+ import { reactive, createApp, h, render } from 'vue';
41
+ export { g as getHexWithOpacity, u as useColours } from './get-root-colours-DCjlYelc.js';
42
+ import './uniqueId-DZdGzBh8.js';
41
43
  import './style-inject.es-tgCJW-Cu.js';
42
- import './index-CzZMBMV_.js';
43
- import './check--YD4Ts6g.js';
44
- import './get-root-colours-DYEoJPEb.js';
44
+ import './index-BsEH8YYr.js';
45
45
  import './index-BVcOAKar.js';
46
46
 
47
47
  // Form components
@@ -49,39 +49,39 @@ import './index-BVcOAKar.js';
49
49
  var components = /*#__PURE__*/Object.freeze({
50
50
  __proto__: null,
51
51
  FwAccordion: __default__,
52
- FwBarChart: script,
53
- FwButton: script$1,
54
- FwCard: script$2,
55
- FwCheckbox: script$3,
56
- FwDatePicker: __default__$1,
57
- FwDrawer: script$4,
58
- FwDropdown: script$5,
59
- FwEmailPulse: __default__$2,
52
+ FwAlert: script,
53
+ FwBarChart: script$1,
54
+ FwButton: script$2,
55
+ FwCard: __default__$1,
56
+ FwCheckbox: __default__$2,
57
+ FwDatePicker: __default__$3,
58
+ FwDrawer: __default__$4,
59
+ FwDropdown: __default__$5,
60
60
  FwForm: Form,
61
- FwImage: script$6,
62
- FwInput: script$7,
63
- FwLoadingBar: script$8,
64
- FwLoadingCard: script$9,
65
- FwLoadingSpinner: script$a,
66
- FwLoadingTable: script$b,
67
- FwMediaPicker: script$c,
68
- FwModal: script$d,
69
- FwNavigationMenu: script$e,
70
- FwPeriodSelector: script$f,
71
- FwPopover: __default__$3,
72
- FwProgressBar: script$g,
73
- FwProviderList: script$h,
74
- FwSidebarMenu: script$i,
75
- FwSlider: script$j,
76
- FwSuccessPulse: __default__$4,
77
- FwTab: script$k,
78
- FwTable: __default__$5,
79
- FwTableHead: script$l,
80
- FwTableRow: script$m,
81
- FwTabs: script$n,
82
- FwTag: __default__$6,
83
- FwToast: script$o,
84
- FwTransactionsCard: script$p
61
+ FwImage: __default__$6,
62
+ FwInput: __default__$7,
63
+ FwLoadingBar: __default__$8,
64
+ FwLoadingCard: script$3,
65
+ FwLoadingDots: script$4,
66
+ FwLoadingTable: script$5,
67
+ FwMediaPicker: script$6,
68
+ FwModal: __default__$9,
69
+ FwNavigationMenu: script$7,
70
+ FwPopover: __default__$a,
71
+ FwProgressBar: script$8,
72
+ FwProviderList: __default__$b,
73
+ FwSidebarMenu: script$9,
74
+ FwSlider: script$a,
75
+ FwSuccessAnimation: script$b,
76
+ FwSwitch: script$c,
77
+ FwTab: script$d,
78
+ FwTable: __default__$c,
79
+ FwTableHead: script$e,
80
+ FwTableRow: script$f,
81
+ FwTabs: script$g,
82
+ FwTag: __default__$d,
83
+ FwToast: script$h,
84
+ FwTransactionsCard: script$i
85
85
  });
86
86
 
87
87
  var modalService = function modalService(options) {
@@ -91,7 +91,7 @@ var modalService = function modalService(options) {
91
91
  }));
92
92
  createApp({
93
93
  render: function render() {
94
- return h(script$d, props);
94
+ return h(__default__$9, props);
95
95
  }
96
96
  }).mount(elementToMount);
97
97
  var open = function open() {
@@ -115,7 +115,7 @@ var toastService = function toastService() {
115
115
  }));
116
116
  createApp({
117
117
  render: function render() {
118
- return h(script$o, props);
118
+ return h(script$h, props);
119
119
  }
120
120
  }).mount(elementToMount);
121
121
  };
@@ -135,6 +135,14 @@ var toastService = function toastService() {
135
135
  };
136
136
  };
137
137
 
138
+ var getVueComponentHtml = function getVueComponentHtml(component, props) {
139
+ var myVNode = h(component, props);
140
+ var tempElement = document.createElement('div'); // Create a temporary DOM element
141
+ render(myVNode, tempElement); // Render the VNode into the temporary element
142
+ var componentHtmlString = tempElement.innerHTML; // Get the HTML string
143
+ return componentHtmlString;
144
+ };
145
+
138
146
  var install = function install(app) {
139
147
  Object.entries(components).forEach(function (_ref) {
140
148
  var _ref2 = _slicedToArray(_ref, 2),
@@ -144,4 +152,4 @@ var install = function install(app) {
144
152
  });
145
153
  };
146
154
 
147
- export { __default__ as FwAccordion, script as FwBarChart, script$1 as FwButton, script$2 as FwCard, script$3 as FwCheckbox, __default__$1 as FwDatePicker, script$4 as FwDrawer, script$5 as FwDropdown, __default__$2 as FwEmailPulse, Form as FwForm, script$6 as FwImage, script$7 as FwInput, script$8 as FwLoadingBar, script$9 as FwLoadingCard, script$a as FwLoadingSpinner, script$b as FwLoadingTable, script$c as FwMediaPicker, script$d as FwModal, script$e as FwNavigationMenu, script$f as FwPeriodSelector, __default__$3 as FwPopover, script$g as FwProgressBar, script$h as FwProviderList, script$i as FwSidebarMenu, script$j as FwSlider, __default__$4 as FwSuccessPulse, script$k as FwTab, __default__$5 as FwTable, script$l as FwTableHead, script$m as FwTableRow, script$n as FwTabs, __default__$6 as FwTag, script$o as FwToast, script$p as FwTransactionsCard, install as default, modalService, toastService };
155
+ export { __default__ as FwAccordion, script as FwAlert, script$1 as FwBarChart, script$2 as FwButton, __default__$1 as FwCard, __default__$2 as FwCheckbox, __default__$3 as FwDatePicker, __default__$4 as FwDrawer, __default__$5 as FwDropdown, Form as FwForm, __default__$6 as FwImage, __default__$7 as FwInput, __default__$8 as FwLoadingBar, script$3 as FwLoadingCard, script$4 as FwLoadingDots, script$5 as FwLoadingTable, script$6 as FwMediaPicker, __default__$9 as FwModal, script$7 as FwNavigationMenu, __default__$a as FwPopover, script$8 as FwProgressBar, __default__$b as FwProviderList, script$9 as FwSidebarMenu, script$a as FwSlider, script$b as FwSuccessAnimation, script$c as FwSwitch, script$d as FwTab, __default__$c as FwTable, script$e as FwTableHead, script$f as FwTableRow, script$g as FwTabs, __default__$d as FwTag, script$h as FwToast, script$i as FwTransactionsCard, install as default, getVueComponentHtml, modalService, toastService };
@@ -276,4 +276,4 @@ function uniqueId(prefix) {
276
276
  return toString(prefix) + id;
277
277
  }
278
278
 
279
- export { uniqueId as u };
279
+ export { isSymbol as i, root as r, uniqueId as u };