@frollo/frollo-web-ui 8.5.4 → 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 +29797 -28753
  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-Db7951fr.js → fw-table-row-C61Bi8KB.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-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 +30139 -29045
  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 +30134 -29048
  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,68 +0,0 @@
1
- /* Tailwind */
2
- @tailwind base;
3
- @tailwind components;
4
- @tailwind utilities;
5
-
6
- /*
7
- * Default theme variables - Frollo branding
8
- */
9
- :root {
10
- --colorPrimary: #6923ff;
11
- --colorSecondary: #000000;
12
- --colorTertiary: #ffffff;
13
-
14
- --colorLink: #6923ff;
15
- --colorBody: #000000;
16
-
17
- --colorButtonPrimary: #6923ff;
18
- --colorButtonPrimaryText: #fff;
19
- --colorButtonPrimaryFade: #854cff;
20
-
21
- --colorButtonSecondary: #ffffff;
22
- --colorButtonSecondaryText: #000;
23
-
24
- --colorButtonTertiary: #ffffff;
25
- --colorButtonTertiaryText: #6923ff;
26
-
27
- --colorButtonDisabled: #ffffff;
28
- --colorButtonDisabledText: #4B4B4B;
29
-
30
- --fontFamily: 'Montserrat';
31
- }
32
-
33
- /** Typography */
34
-
35
- @layer base {
36
- p {
37
- @apply text-lg font-normal mb-1;
38
- }
39
-
40
- h1, .h1 {
41
- @apply text-2xl font-bold mb-1 lg:text-3xl;
42
- }
43
-
44
- h2, .h2 {
45
- @apply text-2xl font-bold mb-1;
46
- }
47
-
48
- h3, .h3 {
49
- @apply text-xl font-bold mb-1;
50
- }
51
-
52
- h4, .h4 {
53
- @apply text-lg font-bold mb-1;
54
- }
55
-
56
- h5, .h5 {
57
- @apply text-base font-bold mb-1;
58
- }
59
- h6, .h6 {
60
- @apply text-base font-bold mb-1;
61
- }
62
-
63
- input, textarea {
64
- &::placeholder {
65
- @apply text-grey-light;
66
- }
67
- }
68
- }
@@ -1,24 +0,0 @@
1
- declare const __default__: import("vue").DefineComponent<{
2
- /**
3
- * The animation-iteration-count CSS property of the pulse animation.
4
- * Sets the number of times an animation sequence should be played before stopping.
5
- * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
6
- */
7
- animationIteration: {
8
- type: (StringConstructor | NumberConstructor)[];
9
- default: number;
10
- };
11
- }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
12
- /**
13
- * The animation-iteration-count CSS property of the pulse animation.
14
- * Sets the number of times an animation sequence should be played before stopping.
15
- * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
16
- */
17
- animationIteration: {
18
- type: (StringConstructor | NumberConstructor)[];
19
- default: number;
20
- };
21
- }>>, {
22
- animationIteration: string | number;
23
- }, {}>;
24
- export default __default__;
@@ -1,24 +0,0 @@
1
- declare const __default__: import("vue").DefineComponent<{
2
- /**
3
- * The animation-iteration-count CSS property of the pulse animation.
4
- * Sets the number of times an animation sequence should be played before stopping.
5
- * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
6
- */
7
- animationIteration: {
8
- type: (StringConstructor | NumberConstructor)[];
9
- default: number;
10
- };
11
- }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
12
- /**
13
- * The animation-iteration-count CSS property of the pulse animation.
14
- * Sets the number of times an animation sequence should be played before stopping.
15
- * https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
16
- */
17
- animationIteration: {
18
- type: (StringConstructor | NumberConstructor)[];
19
- default: number;
20
- };
21
- }>>, {
22
- animationIteration: string | number;
23
- }, {}>;
24
- export default __default__;
@@ -1,4 +0,0 @@
1
- import FwEmailPulse from './fw-email-pulse.vue';
2
- import FwSuccessPulse from './fw-success-pulse.vue';
3
- import FwLoadingSpinner from './fw-loading-spinner.vue';
4
- export { FwEmailPulse, FwSuccessPulse, FwLoadingSpinner };
@@ -1,56 +0,0 @@
1
- import { PropType } from 'vue';
2
- import { ButtonSize } from '../fw-button/index.types';
3
- declare const _default: import("vue").DefineComponent<{
4
- modelValue: {
5
- type: PropType<number | undefined>;
6
- };
7
- /**
8
- * The available periods to be chosen in months.
9
- */
10
- periodOptions: {
11
- type: PropType<number[]>;
12
- };
13
- /**
14
- * A size that will be propogated down to the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
15
- */
16
- size: {
17
- type: PropType<ButtonSize>;
18
- default: string;
19
- validator: (value: string) => boolean;
20
- };
21
- disabled: {
22
- type: BooleanConstructor;
23
- default: boolean;
24
- };
25
- }, {
26
- generateButtonLabel: (month: number) => string;
27
- selectedPeriod: import("vue").WritableComputedRef<number | undefined>;
28
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
29
- modelValue: {
30
- type: PropType<number | undefined>;
31
- };
32
- /**
33
- * The available periods to be chosen in months.
34
- */
35
- periodOptions: {
36
- type: PropType<number[]>;
37
- };
38
- /**
39
- * A size that will be propogated down to the button. Accepts: 'sm', 'md', 'lg', 'xl', '2xl'
40
- */
41
- size: {
42
- type: PropType<ButtonSize>;
43
- default: string;
44
- validator: (value: string) => boolean;
45
- };
46
- disabled: {
47
- type: BooleanConstructor;
48
- default: boolean;
49
- };
50
- }>> & {
51
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
52
- }, {
53
- size: ButtonSize;
54
- disabled: boolean;
55
- }, {}>;
56
- export default _default;
@@ -1,2 +0,0 @@
1
- import FwPeriodSelector from './fw-period-selector.vue';
2
- export { FwPeriodSelector };
@@ -1 +0,0 @@
1
- export type PeriodSelectorDuration = number;
File without changes