@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.
- package/cjs/index.js +29797 -28753
- package/esm/{_rollupPluginBabelHelpers-DpC_oIQV.js → _rollupPluginBabelHelpers-DODWUb5N.js} +307 -345
- package/esm/fw-accordion.js +59 -56
- package/esm/fw-alert.js +68 -0
- package/esm/fw-bar-chart.js +4 -4
- package/esm/fw-button-CnQvA7oM.js +296 -0
- package/esm/fw-button.js +2 -4
- package/esm/{fw-card-bsYbpPmW.js → fw-card-D45R4kN-.js} +33 -9
- package/esm/fw-card.js +3 -1
- package/esm/fw-checkbox.js +39 -20
- package/esm/fw-date-picker.js +110 -78
- package/esm/fw-drawer.js +119 -83
- package/esm/{fw-dropdown-CbgOvgOt.js → fw-dropdown-58wyuzsW.js} +80 -61
- package/esm/fw-dropdown.js +5 -5
- package/esm/fw-icons.js +34 -0
- package/esm/{fw-image-Dl96Dc27.js → fw-image-D-OHafdw.js} +30 -13
- package/esm/fw-image.js +4 -4
- package/esm/{fw-input-XeI-IKly.js → fw-input-C2-cZ-BY.js} +65 -43
- package/esm/fw-input.js +2 -2
- package/esm/fw-loading-bar-DecYSBC_.js +45 -0
- package/esm/fw-loading.js +34 -15
- package/esm/fw-media-picker.js +43 -31
- package/esm/fw-modal.js +102 -48
- package/esm/fw-navigation-menu.js +180 -52
- package/esm/fw-popover-B4bsfuxm.js +620 -0
- package/esm/fw-popover.js +6 -293
- package/esm/fw-progress-bar.js +3 -2
- package/esm/fw-provider-list.js +58 -34
- package/esm/fw-sidebar-menu.js +22 -13
- package/esm/fw-slider.js +4 -4
- package/esm/fw-switch.js +147 -0
- package/esm/{fw-table-row-Db7951fr.js → fw-table-row-C61Bi8KB.js} +57 -55
- package/esm/fw-table.js +8 -7
- package/esm/fw-tabs.js +7 -7
- package/esm/{fw-tag-V0jMl-It.js → fw-tag-FWH6KttB.js} +37 -26
- package/esm/fw-tag.js +4 -6
- package/esm/fw-toast.js +14 -15
- package/esm/fw-transactions-card.js +8 -8
- package/esm/get-root-colours-DCjlYelc.js +62 -0
- package/esm/{index-CzZMBMV_.js → index-BsEH8YYr.js} +433 -130
- package/esm/index.js +76 -68
- package/esm/{uniqueId-DK6xzFd8.js → uniqueId-DZdGzBh8.js} +1 -1
- package/frollo-web-ui.esm.js +30139 -29045
- package/icons/arrow-connect.svg +3 -0
- package/icons/arrow-left.svg +3 -0
- package/icons/arrow-out-square.svg +3 -0
- package/icons/arrow-right.svg +3 -0
- package/icons/circle-exclamation.svg +5 -0
- package/icons/clock.svg +10 -0
- package/icons/default-provider.svg +5 -0
- package/icons/desktop.svg +8 -0
- package/icons/error.svg +3 -0
- package/icons/folder-arrow-down.svg +3 -0
- package/icons/index.ts +35 -3
- package/icons/loading.svg +0 -1
- package/icons/manual-account.svg +3 -0
- package/icons/mobile.svg +3 -0
- package/icons/paper-plane.svg +3 -0
- package/icons/pending.svg +10 -0
- package/icons/success-hill.svg +5 -0
- package/icons/user-plus.svg +3 -0
- package/index.d.ts +807 -571
- package/package.json +23 -29
- package/styles/tailwind.css +52 -0
- package/styles/typography.scss +24 -7
- package/styles/web-components.scss +2 -2
- package/tailwind.config.js +128 -22
- package/types/components/fw-accordion/fw-accordion.vue.d.ts +20 -20
- package/types/components/fw-alert/fw-alert.vue.d.ts +43 -0
- package/types/components/fw-alert/index.d.ts +2 -0
- package/types/components/fw-alert/index.types.d.ts +4 -0
- package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +8 -8
- package/types/components/fw-button/fw-button.vue.d.ts +15 -17
- package/types/components/fw-button/index.d.ts +2 -0
- package/types/components/fw-button/index.types.d.ts +1 -3
- package/types/components/fw-card/fw-card.vue.d.ts +3 -2
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +8 -5
- package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +14 -19
- package/types/components/fw-date-picker/index.types.d.ts +5 -4
- package/types/components/fw-drawer/fw-drawer.vue.d.ts +26 -10
- package/types/components/fw-drawer/index.types.d.ts +1 -1
- package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +11 -9
- package/types/components/fw-icons/index.d.ts +2 -0
- package/types/components/fw-image/fw-image.vue.d.ts +7 -5
- package/types/components/fw-input/fw-input.vue.d.ts +11 -17
- package/types/components/fw-input/index.types.d.ts +1 -1
- package/types/components/fw-loading/fw-loading-bar.vue.d.ts +5 -2
- package/types/components/fw-loading/fw-loading-dots.vue.d.ts +2 -0
- package/types/components/fw-loading/index.d.ts +2 -1
- package/types/components/fw-modal/fw-modal.vue.d.ts +51 -11
- package/types/components/fw-modal/index.types.d.ts +1 -1
- package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +77 -6
- package/types/components/fw-navigation-menu/index.types.d.ts +11 -0
- package/types/components/fw-popover/fw-popover.vue.d.ts +10 -5
- package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +8 -5
- package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts +20 -3
- package/types/components/fw-sidebar-menu/index.types.d.ts +9 -0
- package/types/components/fw-switch/fw-switch.vue.d.ts +101 -0
- package/types/components/fw-switch/index.d.ts +2 -0
- package/types/components/fw-switch/index.types.d.ts +8 -0
- package/types/components/fw-table/fw-table.vue.d.ts +7 -7
- package/types/components/fw-table/index.types.d.ts +0 -3
- package/types/components/fw-tabs/fw-tabs.vue.d.ts +1 -1
- package/types/components/fw-tabs/index.types.d.ts +1 -1
- package/types/components/fw-tag/fw-tag.vue.d.ts +2 -2
- package/types/components/fw-tag/index.types.d.ts +3 -3
- package/types/components/fw-toast/fw-toast.vue.d.ts +2 -2
- package/types/components/index.d.ts +4 -3
- package/types/components/index.types.d.ts +1 -0
- package/types/helpers/get-root-colours.d.ts +3 -0
- package/types/helpers/index.d.ts +2 -0
- package/types/helpers/vue-component-to-html.d.ts +2 -0
- package/types/icons/index.d.ts +18 -2
- package/types/index-types.esm.d.ts +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.esm.d.ts +1 -0
- package/types/services/toast.d.ts +1 -1
- package/web-components/index.js +30134 -29048
- package/esm/check--YD4Ts6g.js +0 -17
- package/esm/fw-animations.js +0 -123
- package/esm/fw-button-DNozvo7B.js +0 -286
- package/esm/fw-loading-bar-DThRjdw1.js +0 -22
- package/esm/fw-loading-spinner-BFpFFRJm.js +0 -20
- package/esm/fw-period-selector.js +0 -90
- package/esm/get-root-colours-DYEoJPEb.js +0 -37
- package/icons/icons.stories.ts +0 -28
- package/styles/tailwind.scss +0 -68
- package/types/components/fw-animations/fw-email-pulse.vue.d.ts +0 -24
- package/types/components/fw-animations/fw-success-pulse.vue.d.ts +0 -24
- package/types/components/fw-animations/index.d.ts +0 -4
- package/types/components/fw-period-selector/fw-period-selector.vue.d.ts +0 -56
- package/types/components/fw-period-selector/index.d.ts +0 -2
- package/types/components/fw-period-selector/index.types.d.ts +0 -1
- /package/icons/{arrows-rotate.svg → arrow-rotate.svg} +0 -0
- /package/types/components/{fw-animations/fw-loading-spinner.vue.d.ts → fw-icons/fw-success-animation.vue.d.ts} +0 -0
package/styles/tailwind.scss
DELETED
|
@@ -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,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 +0,0 @@
|
|
|
1
|
-
export type PeriodSelectorDuration = number;
|
|
File without changes
|
|
File without changes
|