@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,164 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ id: {
3
+ type: StringConstructor;
4
+ required: true;
5
+ };
6
+ name: {
7
+ type: StringConstructor;
8
+ required: true;
9
+ };
10
+ label: {
11
+ type: StringConstructor;
12
+ default: string;
13
+ };
14
+ placeholder: {
15
+ type: StringConstructor;
16
+ default: string;
17
+ };
18
+ helperLabel: {
19
+ type: StringConstructor;
20
+ default: string;
21
+ };
22
+ errorLabel: {
23
+ type: StringConstructor;
24
+ default: string;
25
+ };
26
+ modelValue: {
27
+ type: StringConstructor;
28
+ default: string;
29
+ };
30
+ required: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ tabIndex: {
35
+ type: NumberConstructor;
36
+ default: number;
37
+ };
38
+ autocomplete: {
39
+ type: StringConstructor;
40
+ default: string;
41
+ };
42
+ title: {
43
+ type: StringConstructor;
44
+ default: string;
45
+ };
46
+ disabled: {
47
+ type: BooleanConstructor;
48
+ default: boolean;
49
+ };
50
+ readonly: {
51
+ type: BooleanConstructor;
52
+ default: boolean;
53
+ };
54
+ type: {
55
+ type: StringConstructor;
56
+ default: string;
57
+ };
58
+ dataTest: {
59
+ type: StringConstructor;
60
+ default: string;
61
+ };
62
+ }, unknown, {
63
+ inputValue: string;
64
+ styleVariables: {};
65
+ interactionStates: {
66
+ focused: boolean;
67
+ hover: boolean;
68
+ };
69
+ }, {
70
+ stateClasses(): {
71
+ disabled: boolean;
72
+ error: boolean;
73
+ icon: boolean;
74
+ };
75
+ }, {
76
+ updateInput(): void;
77
+ handleFocus(): void;
78
+ handleBlur(): void;
79
+ handleKeydownEnter(): void;
80
+ handleMouseover(): void;
81
+ handleMouseleave(): void;
82
+ focus(): void;
83
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "update:modelValue" | "keydown:enter")[], "input:blur" | "input:focus" | "update:modelValue" | "keydown:enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
84
+ id: {
85
+ type: StringConstructor;
86
+ required: true;
87
+ };
88
+ name: {
89
+ type: StringConstructor;
90
+ required: true;
91
+ };
92
+ label: {
93
+ type: StringConstructor;
94
+ default: string;
95
+ };
96
+ placeholder: {
97
+ type: StringConstructor;
98
+ default: string;
99
+ };
100
+ helperLabel: {
101
+ type: StringConstructor;
102
+ default: string;
103
+ };
104
+ errorLabel: {
105
+ type: StringConstructor;
106
+ default: string;
107
+ };
108
+ modelValue: {
109
+ type: StringConstructor;
110
+ default: string;
111
+ };
112
+ required: {
113
+ type: BooleanConstructor;
114
+ default: boolean;
115
+ };
116
+ tabIndex: {
117
+ type: NumberConstructor;
118
+ default: number;
119
+ };
120
+ autocomplete: {
121
+ type: StringConstructor;
122
+ default: string;
123
+ };
124
+ title: {
125
+ type: StringConstructor;
126
+ default: string;
127
+ };
128
+ disabled: {
129
+ type: BooleanConstructor;
130
+ default: boolean;
131
+ };
132
+ readonly: {
133
+ type: BooleanConstructor;
134
+ default: boolean;
135
+ };
136
+ type: {
137
+ type: StringConstructor;
138
+ default: string;
139
+ };
140
+ dataTest: {
141
+ type: StringConstructor;
142
+ default: string;
143
+ };
144
+ }>> & {
145
+ "onInput:blur"?: ((...args: any[]) => any) | undefined;
146
+ "onInput:focus"?: ((...args: any[]) => any) | undefined;
147
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
148
+ "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
149
+ }, {
150
+ label: string;
151
+ title: string;
152
+ dataTest: string;
153
+ type: string;
154
+ disabled: boolean;
155
+ modelValue: string;
156
+ placeholder: string;
157
+ readonly: boolean;
158
+ required: boolean;
159
+ autocomplete: string;
160
+ helperLabel: string;
161
+ errorLabel: string;
162
+ tabIndex: number;
163
+ }, {}>;
164
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import type { FusionElementStates } from '../../../../types/Global';
2
+
3
+ export interface FusionPasswordInputStates extends FusionElementStates {}
@@ -0,0 +1,141 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ id: {
3
+ type: StringConstructor;
4
+ required: true;
5
+ };
6
+ name: {
7
+ type: StringConstructor;
8
+ required: true;
9
+ };
10
+ label: {
11
+ type: StringConstructor;
12
+ required: true;
13
+ };
14
+ helperLabel: {
15
+ type: StringConstructor;
16
+ default: string;
17
+ };
18
+ placeholder: {
19
+ type: StringConstructor;
20
+ default: string;
21
+ };
22
+ errorLabel: {
23
+ type: StringConstructor;
24
+ default: string;
25
+ };
26
+ modelValue: {
27
+ type: StringConstructor;
28
+ default: string;
29
+ };
30
+ required: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ tabIndex: {
35
+ type: NumberConstructor;
36
+ default: number;
37
+ };
38
+ autocomplete: {
39
+ type: StringConstructor;
40
+ default: string;
41
+ };
42
+ disabled: {
43
+ type: BooleanConstructor;
44
+ default: boolean;
45
+ };
46
+ showCheckbox: {
47
+ type: BooleanConstructor;
48
+ default: boolean;
49
+ };
50
+ dataTest: {
51
+ type: StringConstructor;
52
+ default: string;
53
+ };
54
+ }, unknown, {
55
+ inputValue: string;
56
+ interactionStates: {
57
+ focused: boolean;
58
+ };
59
+ showPassword: boolean;
60
+ }, {
61
+ inputStates(): {
62
+ focused: boolean;
63
+ disabled: boolean;
64
+ error: boolean;
65
+ };
66
+ }, {
67
+ updateInput(): void;
68
+ handleFocus(): void;
69
+ handleBlur(): void;
70
+ handleKeydownEnter(): void;
71
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "update:modelValue" | "keydown:enter")[], "input:blur" | "input:focus" | "update:modelValue" | "keydown:enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
72
+ id: {
73
+ type: StringConstructor;
74
+ required: true;
75
+ };
76
+ name: {
77
+ type: StringConstructor;
78
+ required: true;
79
+ };
80
+ label: {
81
+ type: StringConstructor;
82
+ required: true;
83
+ };
84
+ helperLabel: {
85
+ type: StringConstructor;
86
+ default: string;
87
+ };
88
+ placeholder: {
89
+ type: StringConstructor;
90
+ default: string;
91
+ };
92
+ errorLabel: {
93
+ type: StringConstructor;
94
+ default: string;
95
+ };
96
+ modelValue: {
97
+ type: StringConstructor;
98
+ default: string;
99
+ };
100
+ required: {
101
+ type: BooleanConstructor;
102
+ default: boolean;
103
+ };
104
+ tabIndex: {
105
+ type: NumberConstructor;
106
+ default: number;
107
+ };
108
+ autocomplete: {
109
+ type: StringConstructor;
110
+ default: string;
111
+ };
112
+ disabled: {
113
+ type: BooleanConstructor;
114
+ default: boolean;
115
+ };
116
+ showCheckbox: {
117
+ type: BooleanConstructor;
118
+ default: boolean;
119
+ };
120
+ dataTest: {
121
+ type: StringConstructor;
122
+ default: string;
123
+ };
124
+ }>> & {
125
+ "onInput:blur"?: ((...args: any[]) => any) | undefined;
126
+ "onInput:focus"?: ((...args: any[]) => any) | undefined;
127
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
128
+ "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
129
+ }, {
130
+ dataTest: string;
131
+ disabled: boolean;
132
+ modelValue: string;
133
+ placeholder: string;
134
+ required: boolean;
135
+ autocomplete: string;
136
+ helperLabel: string;
137
+ errorLabel: string;
138
+ tabIndex: number;
139
+ showCheckbox: boolean;
140
+ }, {}>;
141
+ export default _default;
@@ -0,0 +1,15 @@
1
+ import type { FusionElementStates } from '../../../../types/Global';
2
+
3
+ export interface FusionPhoneInputStates extends FusionElementStates {}
4
+
5
+ export interface Country {
6
+ name: ?string;
7
+ flag: ?string;
8
+ code: string;
9
+ dialCode: ?number;
10
+ }
11
+
12
+ export interface FormattedPhoneInput {
13
+ number: string;
14
+ country: Country;
15
+ }
@@ -0,0 +1,188 @@
1
+ import { type Country } from '../../../constants/countries.ts';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ id: {
4
+ type: StringConstructor;
5
+ default: null;
6
+ };
7
+ dataTest: {
8
+ type: StringConstructor;
9
+ default: string;
10
+ };
11
+ name: {
12
+ type: StringConstructor;
13
+ required: true;
14
+ };
15
+ label: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ placeholder: {
20
+ type: StringConstructor;
21
+ default: string;
22
+ };
23
+ helperLabel: {
24
+ type: StringConstructor;
25
+ default: string;
26
+ };
27
+ errorLabel: {
28
+ type: StringConstructor;
29
+ default: string;
30
+ };
31
+ phoneNumber: {
32
+ type: StringConstructor;
33
+ default: string;
34
+ };
35
+ countryCode: {
36
+ type: StringConstructor;
37
+ default: string;
38
+ };
39
+ required: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
43
+ tabIndex: {
44
+ type: NumberConstructor;
45
+ default: number;
46
+ };
47
+ autocomplete: {
48
+ type: StringConstructor;
49
+ default: string;
50
+ };
51
+ title: {
52
+ type: StringConstructor;
53
+ default: string;
54
+ };
55
+ disabled: {
56
+ type: BooleanConstructor;
57
+ default: boolean;
58
+ };
59
+ readonly: {
60
+ type: BooleanConstructor;
61
+ default: boolean;
62
+ };
63
+ }, unknown, {
64
+ inputPhoneNumber: string;
65
+ inputCountryCode: string;
66
+ interactionStates: {
67
+ focused: boolean;
68
+ hover: boolean;
69
+ showSelectPanel: boolean;
70
+ };
71
+ defaultPlaceholder: string;
72
+ searchText: string;
73
+ }, {
74
+ stateClasses(): {
75
+ focused: boolean;
76
+ hover: boolean;
77
+ disabled: boolean;
78
+ error: boolean;
79
+ };
80
+ selectedCountryData(): {
81
+ code: string;
82
+ dialCode: number;
83
+ name: string;
84
+ flag: string;
85
+ } | undefined;
86
+ }, {
87
+ parsePhoneInputString(value: string): string;
88
+ trimPhoneInput(value: string): string;
89
+ findCountryByCode(countryCode: string): {
90
+ code: string;
91
+ dialCode: number;
92
+ name: string;
93
+ flag: string;
94
+ } | undefined;
95
+ handleSelectedCountry(country: Country): void;
96
+ handleFocus(): void;
97
+ handleBlur(): void;
98
+ handleKeydownEnter(): void;
99
+ handleMouseover(): void;
100
+ handleMouseleave(): void;
101
+ focus(): void;
102
+ toggleSelectPanel(): void;
103
+ handleCountrySearch(searchText: string): void;
104
+ closePanel(): void;
105
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "keydown:enter" | "update:countryCode" | "update:phoneNumber")[], "input:blur" | "input:focus" | "keydown:enter" | "update:countryCode" | "update:phoneNumber", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
106
+ id: {
107
+ type: StringConstructor;
108
+ default: null;
109
+ };
110
+ dataTest: {
111
+ type: StringConstructor;
112
+ default: string;
113
+ };
114
+ name: {
115
+ type: StringConstructor;
116
+ required: true;
117
+ };
118
+ label: {
119
+ type: StringConstructor;
120
+ default: string;
121
+ };
122
+ placeholder: {
123
+ type: StringConstructor;
124
+ default: string;
125
+ };
126
+ helperLabel: {
127
+ type: StringConstructor;
128
+ default: string;
129
+ };
130
+ errorLabel: {
131
+ type: StringConstructor;
132
+ default: string;
133
+ };
134
+ phoneNumber: {
135
+ type: StringConstructor;
136
+ default: string;
137
+ };
138
+ countryCode: {
139
+ type: StringConstructor;
140
+ default: string;
141
+ };
142
+ required: {
143
+ type: BooleanConstructor;
144
+ default: boolean;
145
+ };
146
+ tabIndex: {
147
+ type: NumberConstructor;
148
+ default: number;
149
+ };
150
+ autocomplete: {
151
+ type: StringConstructor;
152
+ default: string;
153
+ };
154
+ title: {
155
+ type: StringConstructor;
156
+ default: string;
157
+ };
158
+ disabled: {
159
+ type: BooleanConstructor;
160
+ default: boolean;
161
+ };
162
+ readonly: {
163
+ type: BooleanConstructor;
164
+ default: boolean;
165
+ };
166
+ }>> & {
167
+ "onInput:blur"?: ((...args: any[]) => any) | undefined;
168
+ "onInput:focus"?: ((...args: any[]) => any) | undefined;
169
+ "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
170
+ "onUpdate:countryCode"?: ((...args: any[]) => any) | undefined;
171
+ "onUpdate:phoneNumber"?: ((...args: any[]) => any) | undefined;
172
+ }, {
173
+ label: string;
174
+ title: string;
175
+ id: string;
176
+ dataTest: string;
177
+ disabled: boolean;
178
+ placeholder: string;
179
+ readonly: boolean;
180
+ required: boolean;
181
+ autocomplete: string;
182
+ helperLabel: string;
183
+ errorLabel: string;
184
+ tabIndex: number;
185
+ phoneNumber: string;
186
+ countryCode: string;
187
+ }, {}>;
188
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import type { FusionElementStates } from '../../../../types/Global.d.ts';
2
+
3
+ export interface FusionRadioStates extends FusionElementStates {
4
+ checked: boolean;
5
+ }
@@ -0,0 +1,94 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ id: {
3
+ type: StringConstructor;
4
+ required: true;
5
+ };
6
+ name: {
7
+ type: StringConstructor;
8
+ required: true;
9
+ };
10
+ label: {
11
+ type: StringConstructor;
12
+ required: true;
13
+ };
14
+ value: {
15
+ type: StringConstructor;
16
+ required: true;
17
+ };
18
+ modelValue: {
19
+ type: StringConstructor;
20
+ default: string;
21
+ };
22
+ required: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ disabled: {
27
+ type: BooleanConstructor;
28
+ required: false;
29
+ };
30
+ helperLabel: {
31
+ type: StringConstructor;
32
+ default: string;
33
+ };
34
+ dataTest: {
35
+ type: StringConstructor;
36
+ default: string;
37
+ };
38
+ }, unknown, {
39
+ inputValue: string;
40
+ }, {
41
+ isSelected: () => boolean;
42
+ }, {
43
+ handleChange: () => void;
44
+ handleFocus: () => void;
45
+ handleBlur: () => void;
46
+ }, 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<{
47
+ id: {
48
+ type: StringConstructor;
49
+ required: true;
50
+ };
51
+ name: {
52
+ type: StringConstructor;
53
+ required: true;
54
+ };
55
+ label: {
56
+ type: StringConstructor;
57
+ required: true;
58
+ };
59
+ value: {
60
+ type: StringConstructor;
61
+ required: true;
62
+ };
63
+ modelValue: {
64
+ type: StringConstructor;
65
+ default: string;
66
+ };
67
+ required: {
68
+ type: BooleanConstructor;
69
+ default: boolean;
70
+ };
71
+ disabled: {
72
+ type: BooleanConstructor;
73
+ required: false;
74
+ };
75
+ helperLabel: {
76
+ type: StringConstructor;
77
+ default: string;
78
+ };
79
+ dataTest: {
80
+ type: StringConstructor;
81
+ default: string;
82
+ };
83
+ }>> & {
84
+ "onInput:blur"?: ((...args: any[]) => any) | undefined;
85
+ "onInput:focus"?: ((...args: any[]) => any) | undefined;
86
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
87
+ }, {
88
+ dataTest: string;
89
+ disabled: boolean;
90
+ modelValue: string;
91
+ required: boolean;
92
+ helperLabel: string;
93
+ }, {}>;
94
+ export default _default;
@@ -0,0 +1,10 @@
1
+ import type { FusionElementStates } from '../../../../types/Global';
2
+
3
+ export interface FusionSearchableInputStates extends FusionElementStates {
4
+ opened: boolean;
5
+ }
6
+
7
+ export interface FusionSearchableInputOption {
8
+ label: string;
9
+ value: any;
10
+ }