@oub/fusion 0.2.9 → 0.2.11

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 (45) hide show
  1. package/dist/base/classes/BaseTokens.d.ts +11 -0
  2. package/dist/components/common/banner/FusionBanner.vue.d.ts +69 -0
  3. package/dist/components/common/country/CountrySelectDropdown.vue.d.ts +56 -0
  4. package/dist/components/common/country/CountrySelectList.vue.d.ts +58 -0
  5. package/dist/components/common/date-picker/FusionDatePicker.vue.d.ts +159 -0
  6. package/dist/components/common/loading-spinner/FusionLoadingSpinner.vue.d.ts +23 -0
  7. package/dist/components/common/numeric-input-stepper/FusionNumericInputStepper.vue.d.ts +65 -0
  8. package/dist/components/form/button/FusionButton.vue.d.ts +103 -0
  9. package/dist/components/form/checkbox/FusionCheckbox.vue.d.ts +86 -0
  10. package/dist/components/form/input/FusionInput.d.ts +3 -0
  11. package/dist/components/form/input/FusionInput.vue.d.ts +164 -0
  12. package/dist/components/form/password-input/FusionPasswordInput.d.ts +3 -0
  13. package/dist/components/form/password-input/FusionPasswordInput.vue.d.ts +141 -0
  14. package/dist/components/form/phone/FusionPhoneInput.d.ts +15 -0
  15. package/dist/components/form/phone/FusionPhoneInput.vue.d.ts +188 -0
  16. package/dist/components/form/radio/FusionRadio.d.ts +5 -0
  17. package/dist/components/form/radio/FusionRadio.vue.d.ts +94 -0
  18. package/dist/components/form/searchable-input/FusionSearchableInput.d.ts +10 -0
  19. package/dist/components/form/searchable-input/FusionSearchableInput.vue.d.ts +236 -0
  20. package/dist/components/form/select/FusionSelect.d.ts +10 -0
  21. package/dist/components/form/select/FusionSelect.vue.d.ts +244 -0
  22. package/dist/components/form/select/panel/FusionSelectPanel.d.ts +5 -0
  23. package/dist/components/form/select/panel/FusionSelectPanel.vue.d.ts +116 -0
  24. package/dist/components/form/textarea/FusionTextarea.vue.d.ts +180 -0
  25. package/dist/components/link/text/FusionTextLink.d.ts +13 -0
  26. package/dist/components/link/text/FusionTextLink.vue.d.ts +105 -0
  27. package/dist/components/svgs/SVGArrowDown.vue.d.ts +2 -0
  28. package/dist/components/svgs/SVGCalendar.vue.d.ts +2 -0
  29. package/dist/components/svgs/SVGCheckCircle.vue.d.ts +2 -0
  30. package/dist/components/svgs/SVGClose.vue.d.ts +2 -0
  31. package/dist/components/svgs/SVGDecrement.vue.d.ts +2 -0
  32. package/dist/components/svgs/SVGExclamationCircle.vue.d.ts +2 -0
  33. package/dist/components/svgs/SVGExclamationTriangle.vue.d.ts +2 -0
  34. package/dist/components/svgs/SVGInbox.vue.d.ts +2 -0
  35. package/dist/components/svgs/SVGIncrement.vue.d.ts +2 -0
  36. package/dist/components/svgs/SVGInformationCircle.vue.d.ts +2 -0
  37. package/dist/components/svgs/SVGSearch.vue.d.ts +2 -0
  38. package/dist/components/svgs/SVGTick.vue.d.ts +2 -0
  39. package/dist/constants/countries.d.ts +21 -0
  40. package/dist/fusion.js +607 -593
  41. package/dist/fusion.umd.cjs +3 -3
  42. package/dist/main.d.ts +15 -0
  43. package/dist/style.css +1 -1
  44. package/dist/types/index.d.ts +1 -0
  45. package/package.json +6 -3
@@ -0,0 +1,11 @@
1
+ import type { FusionElementStates } from '../../../types/Global';
2
+ import type { Themes } from '../../../types/Themes';
3
+ export default class BaseTokens {
4
+ disabled: boolean;
5
+ focused: boolean;
6
+ hover: boolean;
7
+ error: boolean;
8
+ theme: keyof Themes;
9
+ DEFAULT_THEME: keyof Themes;
10
+ constructor(states: FusionElementStates);
11
+ }
@@ -0,0 +1,69 @@
1
+ import type { PropType } from "vue";
2
+ import type { VariantAccentTypes } from '../../../../types/Global';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ variantType: {
5
+ type: PropType<keyof VariantAccentTypes>;
6
+ default: string;
7
+ };
8
+ isDismissible: {
9
+ type: BooleanConstructor;
10
+ default: boolean;
11
+ };
12
+ showTitle: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ title: {
17
+ type: StringConstructor;
18
+ default: string;
19
+ };
20
+ message: {
21
+ type: StringConstructor;
22
+ default: string;
23
+ };
24
+ dataTest: {
25
+ type: StringConstructor;
26
+ default: string;
27
+ };
28
+ }, unknown, {
29
+ isOpen: boolean;
30
+ }, {
31
+ variantTypeClass(): "" | "fusion-banner-danger" | "fusion-banner-info" | "fusion-banner-success" | "fusion-banner-warning";
32
+ }, {
33
+ onClose(): void;
34
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
35
+ variantType: {
36
+ type: PropType<keyof VariantAccentTypes>;
37
+ default: string;
38
+ };
39
+ isDismissible: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
43
+ showTitle: {
44
+ type: BooleanConstructor;
45
+ default: boolean;
46
+ };
47
+ title: {
48
+ type: StringConstructor;
49
+ default: string;
50
+ };
51
+ message: {
52
+ type: StringConstructor;
53
+ default: string;
54
+ };
55
+ dataTest: {
56
+ type: StringConstructor;
57
+ default: string;
58
+ };
59
+ }>> & {
60
+ onClose?: ((...args: any[]) => any) | undefined;
61
+ }, {
62
+ title: string;
63
+ variantType: keyof VariantAccentTypes;
64
+ isDismissible: boolean;
65
+ showTitle: boolean;
66
+ message: string;
67
+ dataTest: string;
68
+ }, {}>;
69
+ export default _default;
@@ -0,0 +1,56 @@
1
+ import { type Country } from '../../../constants/countries.ts';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ country: {
4
+ type: () => Country;
5
+ default: {
6
+ code: string;
7
+ dialCode: number;
8
+ name: string;
9
+ flag: string;
10
+ };
11
+ };
12
+ disabled: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ dataTest: {
17
+ type: StringConstructor;
18
+ default: string;
19
+ };
20
+ isOpen: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
24
+ }, unknown, unknown, {}, {
25
+ handleToggle(): void;
26
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggle:select"[], "toggle:select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
27
+ country: {
28
+ type: () => Country;
29
+ default: {
30
+ code: string;
31
+ dialCode: number;
32
+ name: string;
33
+ flag: string;
34
+ };
35
+ };
36
+ disabled: {
37
+ type: BooleanConstructor;
38
+ default: boolean;
39
+ };
40
+ dataTest: {
41
+ type: StringConstructor;
42
+ default: string;
43
+ };
44
+ isOpen: {
45
+ type: BooleanConstructor;
46
+ default: boolean;
47
+ };
48
+ }>> & {
49
+ "onToggle:select"?: ((...args: any[]) => any) | undefined;
50
+ }, {
51
+ dataTest: string;
52
+ isOpen: boolean;
53
+ country: Country;
54
+ disabled: boolean;
55
+ }, {}>;
56
+ export default _default;
@@ -0,0 +1,58 @@
1
+ import { type Country } from '../../../constants/countries.ts';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ searchText: {
4
+ type: StringConstructor;
5
+ default: string;
6
+ };
7
+ selectedCountry: {
8
+ type: () => Country;
9
+ default: {
10
+ code: string;
11
+ dialCode: number;
12
+ name: string;
13
+ flag: string;
14
+ };
15
+ };
16
+ dataTest: {
17
+ type: StringConstructor;
18
+ default: string;
19
+ };
20
+ }, unknown, {
21
+ countriesList: {
22
+ code: string;
23
+ dialCode: number;
24
+ name: string;
25
+ flag: string;
26
+ }[];
27
+ }, {
28
+ filteredCountriesList(): Country[];
29
+ }, {
30
+ handleSelectedCountry(country: Country): void;
31
+ handleKeydownSelect: (event: KeyboardEvent, country: Country) => void;
32
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select:country" | "selected:country")[], "select:country" | "selected:country", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
33
+ searchText: {
34
+ type: StringConstructor;
35
+ default: string;
36
+ };
37
+ selectedCountry: {
38
+ type: () => Country;
39
+ default: {
40
+ code: string;
41
+ dialCode: number;
42
+ name: string;
43
+ flag: string;
44
+ };
45
+ };
46
+ dataTest: {
47
+ type: StringConstructor;
48
+ default: string;
49
+ };
50
+ }>> & {
51
+ "onSelect:country"?: ((...args: any[]) => any) | undefined;
52
+ "onSelected:country"?: ((...args: any[]) => any) | undefined;
53
+ }, {
54
+ dataTest: string;
55
+ searchText: string;
56
+ selectedCountry: Country;
57
+ }, {}>;
58
+ export default _default;
@@ -0,0 +1,159 @@
1
+ import type { PropType } from "vue";
2
+ declare const _default: import("vue").DefineComponent<{
3
+ id: {
4
+ type: StringConstructor;
5
+ required: true;
6
+ };
7
+ name: {
8
+ type: StringConstructor;
9
+ required: true;
10
+ };
11
+ label: {
12
+ type: StringConstructor;
13
+ required: true;
14
+ };
15
+ placeholder: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ helperLabel: {
20
+ type: StringConstructor;
21
+ default: string;
22
+ };
23
+ errorLabel: {
24
+ type: StringConstructor;
25
+ default: string;
26
+ };
27
+ modelValue: {
28
+ type: PropType<string | Date>;
29
+ default: null;
30
+ };
31
+ required: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ disabled: {
36
+ type: BooleanConstructor;
37
+ default: boolean;
38
+ };
39
+ format: {
40
+ type: StringConstructor;
41
+ default: string;
42
+ };
43
+ dateSeparator: {
44
+ type: StringConstructor;
45
+ default: string;
46
+ };
47
+ maxDate: {
48
+ type: StringConstructor;
49
+ default: string;
50
+ };
51
+ minDate: {
52
+ type: StringConstructor;
53
+ default: string;
54
+ };
55
+ clearable: {
56
+ type: BooleanConstructor;
57
+ default: boolean;
58
+ };
59
+ dataTest: {
60
+ type: StringConstructor;
61
+ default: string;
62
+ };
63
+ }, unknown, {
64
+ date: String | Date | null;
65
+ dateInParent: string | Date;
66
+ datePickerInputOptions: {
67
+ format: string;
68
+ rangeSeparator: string;
69
+ };
70
+ }, {
71
+ stateClasses(): {
72
+ disabled: boolean;
73
+ error: boolean;
74
+ };
75
+ isClearable(): boolean;
76
+ }, {
77
+ updateDate(): void;
78
+ handleFocus(): void;
79
+ handleBlur(): void;
80
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "update:modelValue")[], "input:blur" | "input:focus" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
81
+ id: {
82
+ type: StringConstructor;
83
+ required: true;
84
+ };
85
+ name: {
86
+ type: StringConstructor;
87
+ required: true;
88
+ };
89
+ label: {
90
+ type: StringConstructor;
91
+ required: true;
92
+ };
93
+ placeholder: {
94
+ type: StringConstructor;
95
+ default: string;
96
+ };
97
+ helperLabel: {
98
+ type: StringConstructor;
99
+ default: string;
100
+ };
101
+ errorLabel: {
102
+ type: StringConstructor;
103
+ default: string;
104
+ };
105
+ modelValue: {
106
+ type: PropType<string | Date>;
107
+ default: null;
108
+ };
109
+ required: {
110
+ type: BooleanConstructor;
111
+ default: boolean;
112
+ };
113
+ disabled: {
114
+ type: BooleanConstructor;
115
+ default: boolean;
116
+ };
117
+ format: {
118
+ type: StringConstructor;
119
+ default: string;
120
+ };
121
+ dateSeparator: {
122
+ type: StringConstructor;
123
+ default: string;
124
+ };
125
+ maxDate: {
126
+ type: StringConstructor;
127
+ default: string;
128
+ };
129
+ minDate: {
130
+ type: StringConstructor;
131
+ default: string;
132
+ };
133
+ clearable: {
134
+ type: BooleanConstructor;
135
+ default: boolean;
136
+ };
137
+ dataTest: {
138
+ type: StringConstructor;
139
+ default: string;
140
+ };
141
+ }>> & {
142
+ "onInput:blur"?: ((...args: any[]) => any) | undefined;
143
+ "onInput:focus"?: ((...args: any[]) => any) | undefined;
144
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
145
+ }, {
146
+ dataTest: string;
147
+ disabled: boolean;
148
+ modelValue: string | Date;
149
+ placeholder: string;
150
+ minDate: string;
151
+ maxDate: string;
152
+ required: boolean;
153
+ format: string;
154
+ clearable: boolean;
155
+ helperLabel: string;
156
+ errorLabel: string;
157
+ dateSeparator: string;
158
+ }, {}>;
159
+ export default _default;
@@ -0,0 +1,23 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ spinnerColour: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ dataTest: {
7
+ type: StringConstructor;
8
+ default: string;
9
+ };
10
+ }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
11
+ spinnerColour: {
12
+ type: StringConstructor;
13
+ default: string;
14
+ };
15
+ dataTest: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ }>>, {
20
+ dataTest: string;
21
+ spinnerColour: string;
22
+ }, {}>;
23
+ export default _default;
@@ -0,0 +1,65 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ disabled: {
3
+ type: BooleanConstructor;
4
+ default: boolean;
5
+ };
6
+ maxValue: {
7
+ type: NumberConstructor;
8
+ default: number;
9
+ };
10
+ minValue: {
11
+ type: NumberConstructor;
12
+ default: number;
13
+ };
14
+ modelValue: {
15
+ type: NumberConstructor;
16
+ default: number;
17
+ };
18
+ dataTest: {
19
+ type: StringConstructor;
20
+ default: string;
21
+ };
22
+ }, unknown, {
23
+ state: {
24
+ value: number;
25
+ };
26
+ }, {
27
+ stateClasses(): {
28
+ disabled: boolean;
29
+ };
30
+ isMinDisabled(): boolean;
31
+ isMaxDisabled(): boolean;
32
+ }, {
33
+ increaseValue(): void;
34
+ decreaseValue(): void;
35
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
36
+ disabled: {
37
+ type: BooleanConstructor;
38
+ default: boolean;
39
+ };
40
+ maxValue: {
41
+ type: NumberConstructor;
42
+ default: number;
43
+ };
44
+ minValue: {
45
+ type: NumberConstructor;
46
+ default: number;
47
+ };
48
+ modelValue: {
49
+ type: NumberConstructor;
50
+ default: number;
51
+ };
52
+ dataTest: {
53
+ type: StringConstructor;
54
+ default: string;
55
+ };
56
+ }>> & {
57
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
58
+ }, {
59
+ dataTest: string;
60
+ disabled: boolean;
61
+ modelValue: number;
62
+ maxValue: number;
63
+ minValue: number;
64
+ }, {}>;
65
+ export default _default;
@@ -0,0 +1,103 @@
1
+ import type { PropType } from "vue";
2
+ import type { FusionButtonSize, FusionButtonVariantStyle, FusionButtonVariantType } from '../../../../types/components/FusionButton';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ label: {
5
+ type: StringConstructor;
6
+ required: true;
7
+ };
8
+ variantType: {
9
+ type: PropType<keyof FusionButtonVariantType>;
10
+ required: false;
11
+ default: string;
12
+ };
13
+ variantStyle: {
14
+ type: PropType<keyof FusionButtonVariantStyle>;
15
+ required: false;
16
+ default: string;
17
+ };
18
+ size: {
19
+ type: PropType<keyof FusionButtonSize>;
20
+ required: false;
21
+ default: string;
22
+ };
23
+ type: {
24
+ type: PropType<"button" | "submit" | "reset" | undefined>;
25
+ required: false;
26
+ default: string;
27
+ };
28
+ loading: {
29
+ type: BooleanConstructor;
30
+ required: false;
31
+ default: boolean;
32
+ };
33
+ disabled: {
34
+ type: BooleanConstructor;
35
+ required: true;
36
+ };
37
+ dataTest: {
38
+ type: StringConstructor;
39
+ default: string;
40
+ };
41
+ }, unknown, {
42
+ focus: boolean;
43
+ hover: boolean;
44
+ }, {
45
+ isDisabled(): boolean;
46
+ isLoading(): boolean;
47
+ spinnerColourValue(): string;
48
+ variantTypeClass(): "" | "fusion-button-primary" | "fusion-button-danger";
49
+ variantStyleClass(): "" | "fusion-button-filled" | "fusion-button-outline" | "fusion-button-ghost";
50
+ buttonSizeClass(): "fusion-button-small" | "fusion-button-regular" | "text-label-base";
51
+ }, {
52
+ onClick(): void;
53
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
54
+ click: null;
55
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
56
+ label: {
57
+ type: StringConstructor;
58
+ required: true;
59
+ };
60
+ variantType: {
61
+ type: PropType<keyof FusionButtonVariantType>;
62
+ required: false;
63
+ default: string;
64
+ };
65
+ variantStyle: {
66
+ type: PropType<keyof FusionButtonVariantStyle>;
67
+ required: false;
68
+ default: string;
69
+ };
70
+ size: {
71
+ type: PropType<keyof FusionButtonSize>;
72
+ required: false;
73
+ default: string;
74
+ };
75
+ type: {
76
+ type: PropType<"button" | "submit" | "reset" | undefined>;
77
+ required: false;
78
+ default: string;
79
+ };
80
+ loading: {
81
+ type: BooleanConstructor;
82
+ required: false;
83
+ default: boolean;
84
+ };
85
+ disabled: {
86
+ type: BooleanConstructor;
87
+ required: true;
88
+ };
89
+ dataTest: {
90
+ type: StringConstructor;
91
+ default: string;
92
+ };
93
+ }>> & {
94
+ onClick?: ((...args: any[]) => any) | undefined;
95
+ }, {
96
+ variantType: keyof FusionButtonVariantType;
97
+ dataTest: string;
98
+ type: "button" | "submit" | "reset" | undefined;
99
+ variantStyle: keyof FusionButtonVariantStyle;
100
+ size: keyof FusionButtonSize;
101
+ loading: boolean;
102
+ }, {}>;
103
+ export default _default;
@@ -0,0 +1,86 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ disabled: {
3
+ type: BooleanConstructor;
4
+ required: false;
5
+ default: boolean;
6
+ };
7
+ label: {
8
+ type: StringConstructor;
9
+ required: false;
10
+ default: string;
11
+ };
12
+ helperText: {
13
+ type: StringConstructor;
14
+ required: false;
15
+ default: string;
16
+ };
17
+ defaultValue: {
18
+ type: BooleanConstructor;
19
+ required: false;
20
+ default: boolean;
21
+ };
22
+ name: {
23
+ type: StringConstructor;
24
+ required: false;
25
+ default: string;
26
+ };
27
+ value: {
28
+ type: StringConstructor;
29
+ required: false;
30
+ default: string;
31
+ };
32
+ dataTest: {
33
+ type: StringConstructor;
34
+ default: string;
35
+ };
36
+ }, unknown, {
37
+ checked: boolean;
38
+ }, {}, {
39
+ handleChange(e: Event): void;
40
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
41
+ disabled: {
42
+ type: BooleanConstructor;
43
+ required: false;
44
+ default: boolean;
45
+ };
46
+ label: {
47
+ type: StringConstructor;
48
+ required: false;
49
+ default: string;
50
+ };
51
+ helperText: {
52
+ type: StringConstructor;
53
+ required: false;
54
+ default: string;
55
+ };
56
+ defaultValue: {
57
+ type: BooleanConstructor;
58
+ required: false;
59
+ default: boolean;
60
+ };
61
+ name: {
62
+ type: StringConstructor;
63
+ required: false;
64
+ default: string;
65
+ };
66
+ value: {
67
+ type: StringConstructor;
68
+ required: false;
69
+ default: string;
70
+ };
71
+ dataTest: {
72
+ type: StringConstructor;
73
+ default: string;
74
+ };
75
+ }>> & {
76
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
77
+ }, {
78
+ name: string;
79
+ label: string;
80
+ dataTest: string;
81
+ value: string;
82
+ disabled: boolean;
83
+ defaultValue: boolean;
84
+ helperText: string;
85
+ }, {}>;
86
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import type { FusionElementStates } from '../../../../types/Global';
2
+
3
+ export interface FusionInputStates extends FusionElementStates {}