@adyen/bento-vue2 0.0.9 → 0.1.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 (37) hide show
  1. package/dist/@types/components/accordion/accordion.vue.d.ts +1 -1
  2. package/dist/@types/components/avatar/avatar.types.d.ts +10 -0
  3. package/dist/@types/components/{profile-picture/profile-picture.vue.d.ts → avatar/avatar.vue.d.ts} +12 -10
  4. package/dist/@types/components/avatar/index.d.ts +2 -0
  5. package/dist/@types/components/button/button.vue.d.ts +1 -1
  6. package/dist/@types/components/country/composables/index.d.ts +4 -0
  7. package/dist/@types/components/country/composables/useCountryCapital/useCountryCapital.d.ts +4 -0
  8. package/dist/@types/components/country/composables/useCountryFlag.d.ts +2 -0
  9. package/dist/@types/components/country/composables/useCountryName/useCountryName.d.ts +2 -0
  10. package/dist/@types/components/country/composables/useCountryPhoneCode/useCountryPhoneCode.d.ts +3 -0
  11. package/dist/@types/components/country/country.types.d.ts +259 -0
  12. package/dist/@types/components/country/country.vue.d.ts +33 -0
  13. package/dist/@types/components/country/index.d.ts +2 -0
  14. package/dist/@types/components/data-grid/components/{data-grid-columns.vue.d.ts → data-grid-columns/data-grid-columns.vue.d.ts} +1 -1
  15. package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +43 -0
  16. package/dist/@types/components/data-grid/components/index.d.ts +2 -1
  17. package/dist/@types/components/data-grid/composables/index.d.ts +1 -0
  18. package/dist/@types/components/data-grid/composables/useConfigSettings.d.ts +5 -0
  19. package/dist/@types/components/data-grid/data-grid.vue.d.ts +2 -0
  20. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +100 -0
  21. package/dist/@types/components/dropdown/dropdown.types.d.ts +2 -2
  22. package/dist/@types/components/input-field/index.d.ts +1 -0
  23. package/dist/@types/components/input-field/input-field.types.d.ts +4 -0
  24. package/dist/@types/components/input-field/input-field.vue.d.ts +28 -1
  25. package/dist/@types/components/search-bar/index.d.ts +3 -0
  26. package/dist/@types/components/search-bar/search-bar.types.d.ts +4 -0
  27. package/dist/@types/components/search-bar/search-bar.vue.d.ts +37 -0
  28. package/dist/@types/components/search-bar/useSearchBarDataFilter.d.ts +3 -0
  29. package/dist/@types/components/typography/typography.vue.d.ts +1 -1
  30. package/dist/@types/components.d.ts +4 -2
  31. package/dist/@types/index.d.ts +2 -0
  32. package/dist/@types/utils/ts/i18n.d.ts +5 -1
  33. package/dist/index.js +8061 -1879
  34. package/dist/index.js.map +1 -1
  35. package/package.json +5 -4
  36. package/dist/@types/components/profile-picture/index.d.ts +0 -2
  37. package/dist/@types/components/profile-picture/profile-picture.types.d.ts +0 -4
@@ -49,9 +49,9 @@ declare const _default: import("vue").DefineComponent<{
49
49
  validator: (value: AdlAccordionVariant) => boolean;
50
50
  };
51
51
  }>>, {
52
+ grouped: boolean;
52
53
  variant: AdlAccordionVariant;
53
54
  simultaneouslyExpandAllTabs: boolean;
54
- grouped: boolean;
55
55
  caretRight: boolean;
56
56
  }>;
57
57
  export default _default;
@@ -0,0 +1,10 @@
1
+ export declare enum BentoAvatarVariant {
2
+ LARGE = "large",
3
+ SMALL = "small"
4
+ }
5
+ export declare enum BentoAvatarColor {
6
+ BLUE = "blue",
7
+ GREEN = "green",
8
+ RED = "red",
9
+ YELLOW = "yellow"
10
+ }
@@ -1,5 +1,6 @@
1
1
  import { PropType } from 'vue';
2
- import { AdlProfilePictureVariant } from './profile-picture.types';
2
+ import { BentoAvatarVariant } from './avatar.types';
3
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
3
4
  declare const _default: import("vue").DefineComponent<{
4
5
  src: {
5
6
  type: StringConstructor;
@@ -10,14 +11,15 @@ declare const _default: import("vue").DefineComponent<{
10
11
  default: any;
11
12
  };
12
13
  variant: {
13
- type: PropType<AdlProfilePictureVariant>;
14
- default: AdlProfilePictureVariant;
15
- validator: (value: AdlProfilePictureVariant) => boolean;
14
+ type: PropType<BentoAvatarVariant>;
15
+ default: BentoAvatarVariant;
16
+ validator: (value: BentoAvatarVariant) => boolean;
16
17
  };
17
18
  }, {
18
- ariaLabel: import("vue").Ref<string>;
19
+ BentoTypographyElement: typeof BentoTypographyElement;
20
+ BentoTypographyVariant: typeof BentoTypographyVariant;
19
21
  conditionalClasses: import("vue").ComputedRef<{
20
- [x: string]: boolean;
22
+ [x: string]: string | boolean;
21
23
  }>;
22
24
  initials: import("vue").ComputedRef<string>;
23
25
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
@@ -30,13 +32,13 @@ declare const _default: import("vue").DefineComponent<{
30
32
  default: any;
31
33
  };
32
34
  variant: {
33
- type: PropType<AdlProfilePictureVariant>;
34
- default: AdlProfilePictureVariant;
35
- validator: (value: AdlProfilePictureVariant) => boolean;
35
+ type: PropType<BentoAvatarVariant>;
36
+ default: BentoAvatarVariant;
37
+ validator: (value: BentoAvatarVariant) => boolean;
36
38
  };
37
39
  }>>, {
38
40
  src: string;
39
- variant: AdlProfilePictureVariant;
41
+ variant: BentoAvatarVariant;
40
42
  username: string;
41
43
  }>;
42
44
  export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as Avatar } from './avatar.vue';
2
+ export * from './avatar.types';
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
58
58
  type: "button" | "reset" | "submit";
59
59
  disabled: boolean;
60
60
  condensed: boolean;
61
- variant: BentoButtonVariant;
62
61
  critical: boolean;
62
+ variant: BentoButtonVariant;
63
63
  }>;
64
64
  export default _default;
@@ -0,0 +1,4 @@
1
+ export { useCountryCapital } from './useCountryCapital/useCountryCapital';
2
+ export { useCountryFlag } from './useCountryFlag';
3
+ export { useCountryName } from './useCountryName/useCountryName';
4
+ export { useCountryPhoneCode } from './useCountryPhoneCode/useCountryPhoneCode';
@@ -0,0 +1,4 @@
1
+ import { MaybeRef } from '../../../../types';
2
+ import VueI18n from 'vue-i18n';
3
+ export declare const useCountryCapital: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<VueI18n.TranslateResult>;
4
+ export default useCountryCapital;
@@ -0,0 +1,2 @@
1
+ import { Ref } from 'vue';
2
+ export declare const useCountryFlag: (code: Ref<string>, useFallback?: boolean) => Ref<string>;
@@ -0,0 +1,2 @@
1
+ import { MaybeRef } from '../../../../types';
2
+ export declare const useCountryName: (code: MaybeRef<string>, locale: MaybeRef<string>, useFallback?: boolean) => import("vue").ComputedRef<string>;
@@ -0,0 +1,3 @@
1
+ import { MaybeRef } from '../../../../types';
2
+ export declare const useCountryPhoneCode: (countryCode: MaybeRef<string>) => import("vue").ComputedRef<any>;
3
+ export default useCountryPhoneCode;
@@ -0,0 +1,259 @@
1
+ export declare enum BentoCountryVariant {
2
+ ISO = "iso",
3
+ NAME = "name",
4
+ PHONE_CODE = "phone_code",
5
+ CAPITAL = "capital"
6
+ }
7
+ export declare enum BentoCountryCode {
8
+ BD = "BD",
9
+ BE = "BE",
10
+ BF = "BF",
11
+ BG = "BG",
12
+ BA = "BA",
13
+ BB = "BB",
14
+ WF = "WF",
15
+ BL = "BL",
16
+ BM = "BM",
17
+ BN = "BN",
18
+ BO = "BO",
19
+ BH = "BH",
20
+ BI = "BI",
21
+ BJ = "BJ",
22
+ BT = "BT",
23
+ JM = "JM",
24
+ BV = "BV",
25
+ BW = "BW",
26
+ WS = "WS",
27
+ BQ = "BQ",
28
+ BR = "BR",
29
+ BS = "BS",
30
+ JE = "JE",
31
+ BY = "BY",
32
+ BZ = "BZ",
33
+ RU = "RU",
34
+ RW = "RW",
35
+ RS = "RS",
36
+ TL = "TL",
37
+ RE = "RE",
38
+ TM = "TM",
39
+ TJ = "TJ",
40
+ RO = "RO",
41
+ TK = "TK",
42
+ GW = "GW",
43
+ GU = "GU",
44
+ GT = "GT",
45
+ GS = "GS",
46
+ GR = "GR",
47
+ GQ = "GQ",
48
+ GP = "GP",
49
+ JP = "JP",
50
+ GY = "GY",
51
+ GG = "GG",
52
+ GF = "GF",
53
+ GE = "GE",
54
+ GD = "GD",
55
+ GB = "GB",
56
+ GA = "GA",
57
+ SV = "SV",
58
+ GN = "GN",
59
+ GM = "GM",
60
+ GL = "GL",
61
+ GI = "GI",
62
+ GH = "GH",
63
+ OM = "OM",
64
+ TN = "TN",
65
+ JO = "JO",
66
+ HR = "HR",
67
+ HT = "HT",
68
+ HU = "HU",
69
+ HK = "HK",
70
+ HN = "HN",
71
+ HM = "HM",
72
+ VE = "VE",
73
+ PR = "PR",
74
+ PS = "PS",
75
+ PW = "PW",
76
+ PT = "PT",
77
+ SJ = "SJ",
78
+ PY = "PY",
79
+ IQ = "IQ",
80
+ PA = "PA",
81
+ PF = "PF",
82
+ PG = "PG",
83
+ PE = "PE",
84
+ PK = "PK",
85
+ PH = "PH",
86
+ PN = "PN",
87
+ PL = "PL",
88
+ PM = "PM",
89
+ ZM = "ZM",
90
+ EH = "EH",
91
+ EE = "EE",
92
+ EG = "EG",
93
+ ZA = "ZA",
94
+ EC = "EC",
95
+ IT = "IT",
96
+ VN = "VN",
97
+ SB = "SB",
98
+ ET = "ET",
99
+ SO = "SO",
100
+ ZW = "ZW",
101
+ SA = "SA",
102
+ ES = "ES",
103
+ ER = "ER",
104
+ ME = "ME",
105
+ MD = "MD",
106
+ MG = "MG",
107
+ MF = "MF",
108
+ MA = "MA",
109
+ MC = "MC",
110
+ UZ = "UZ",
111
+ MM = "MM",
112
+ ML = "ML",
113
+ MO = "MO",
114
+ MN = "MN",
115
+ MH = "MH",
116
+ MK = "MK",
117
+ MU = "MU",
118
+ MT = "MT",
119
+ MW = "MW",
120
+ MV = "MV",
121
+ MQ = "MQ",
122
+ MP = "MP",
123
+ MS = "MS",
124
+ MR = "MR",
125
+ IM = "IM",
126
+ UG = "UG",
127
+ TZ = "TZ",
128
+ MY = "MY",
129
+ MX = "MX",
130
+ IL = "IL",
131
+ FR = "FR",
132
+ IO = "IO",
133
+ SH = "SH",
134
+ FI = "FI",
135
+ FJ = "FJ",
136
+ FK = "FK",
137
+ FM = "FM",
138
+ FO = "FO",
139
+ NI = "NI",
140
+ NL = "NL",
141
+ NO = "NO",
142
+ NA = "NA",
143
+ VU = "VU",
144
+ NC = "NC",
145
+ NE = "NE",
146
+ NF = "NF",
147
+ NG = "NG",
148
+ NZ = "NZ",
149
+ NP = "NP",
150
+ NR = "NR",
151
+ NU = "NU",
152
+ CK = "CK",
153
+ XK = "XK",
154
+ CI = "CI",
155
+ CH = "CH",
156
+ CO = "CO",
157
+ CN = "CN",
158
+ CM = "CM",
159
+ CL = "CL",
160
+ CC = "CC",
161
+ CA = "CA",
162
+ CG = "CG",
163
+ CF = "CF",
164
+ CD = "CD",
165
+ CZ = "CZ",
166
+ CY = "CY",
167
+ CX = "CX",
168
+ CR = "CR",
169
+ CW = "CW",
170
+ CV = "CV",
171
+ CU = "CU",
172
+ SZ = "SZ",
173
+ SY = "SY",
174
+ SX = "SX",
175
+ KG = "KG",
176
+ KE = "KE",
177
+ SS = "SS",
178
+ SR = "SR",
179
+ KI = "KI",
180
+ KH = "KH",
181
+ KN = "KN",
182
+ KM = "KM",
183
+ ST = "ST",
184
+ SK = "SK",
185
+ KR = "KR",
186
+ SI = "SI",
187
+ KP = "KP",
188
+ KW = "KW",
189
+ SN = "SN",
190
+ SM = "SM",
191
+ SL = "SL",
192
+ SC = "SC",
193
+ KZ = "KZ",
194
+ KY = "KY",
195
+ SG = "SG",
196
+ SE = "SE",
197
+ SD = "SD",
198
+ DO = "DO",
199
+ DM = "DM",
200
+ DJ = "DJ",
201
+ DK = "DK",
202
+ VG = "VG",
203
+ DE = "DE",
204
+ YE = "YE",
205
+ DZ = "DZ",
206
+ US = "US",
207
+ UY = "UY",
208
+ YT = "YT",
209
+ UM = "UM",
210
+ LB = "LB",
211
+ LC = "LC",
212
+ LA = "LA",
213
+ TV = "TV",
214
+ TW = "TW",
215
+ TT = "TT",
216
+ TR = "TR",
217
+ LK = "LK",
218
+ LI = "LI",
219
+ LV = "LV",
220
+ TO = "TO",
221
+ LT = "LT",
222
+ LU = "LU",
223
+ LR = "LR",
224
+ LS = "LS",
225
+ TH = "TH",
226
+ TF = "TF",
227
+ TG = "TG",
228
+ TD = "TD",
229
+ TC = "TC",
230
+ LY = "LY",
231
+ VA = "VA",
232
+ VC = "VC",
233
+ AE = "AE",
234
+ AD = "AD",
235
+ AG = "AG",
236
+ AF = "AF",
237
+ AI = "AI",
238
+ VI = "VI",
239
+ IS = "IS",
240
+ IR = "IR",
241
+ AM = "AM",
242
+ AL = "AL",
243
+ AO = "AO",
244
+ AQ = "AQ",
245
+ AS = "AS",
246
+ AR = "AR",
247
+ AU = "AU",
248
+ AT = "AT",
249
+ AW = "AW",
250
+ IN = "IN",
251
+ AX = "AX",
252
+ AZ = "AZ",
253
+ IE = "IE",
254
+ ID = "ID",
255
+ UA = "UA",
256
+ QA = "QA",
257
+ MZ = "MZ",
258
+ UNKNOWN = "ZZ"
259
+ }
@@ -0,0 +1,33 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoTypographyElement } from '../typography';
3
+ import { BentoCountryCode, BentoCountryVariant } from './country.types';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ code: {
6
+ type: PropType<BentoCountryCode>;
7
+ default: BentoCountryCode;
8
+ };
9
+ variant: {
10
+ type: PropType<BentoCountryVariant>;
11
+ default: BentoCountryVariant;
12
+ validator: (value: BentoCountryVariant) => boolean;
13
+ };
14
+ }, {
15
+ flagIconSrc: import("vue").Ref<string>;
16
+ countryName: import("vue").ComputedRef<string>;
17
+ label: import("vue").Ref<any>;
18
+ BentoTypographyElement: typeof BentoTypographyElement;
19
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
20
+ code: {
21
+ type: PropType<BentoCountryCode>;
22
+ default: BentoCountryCode;
23
+ };
24
+ variant: {
25
+ type: PropType<BentoCountryVariant>;
26
+ default: BentoCountryVariant;
27
+ validator: (value: BentoCountryVariant) => boolean;
28
+ };
29
+ }>>, {
30
+ code: BentoCountryCode;
31
+ variant: BentoCountryVariant;
32
+ }>;
33
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as BentoCountry } from './country.vue';
2
+ export * from './country.types';
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { BentoColumn, BentoDatagridAllItemsSelectedState, BentoDatagridSortByColumn, BentoDatagridSortDirection } from '../data-grid.types';
2
+ import { BentoColumn, BentoDatagridAllItemsSelectedState, BentoDatagridSortByColumn, BentoDatagridSortDirection } from '../../data-grid.types';
3
3
  import { BentoTypographyElement } from '@/components/typography';
4
4
  declare const _default: import("vue").DefineComponent<{
5
5
  columns: {
@@ -0,0 +1,43 @@
1
+ import { BentoButtonVariant } from '../../../button';
2
+ import { BentoTypographyElement, BentoTypographyVariant } from '../../../typography';
3
+ import { AdlLabelPosition } from '../../../../types';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ condensed: {
6
+ type: BooleanConstructor;
7
+ default: boolean;
8
+ };
9
+ }, {
10
+ configSettingsButtonRef: any;
11
+ isConfigSettingsPanelOpen: import("vue").Ref<boolean>;
12
+ toggleConfigSettingsPanelVisibility: () => void;
13
+ emitCondensedToggle: (isCompactView: boolean) => void;
14
+ AdlLabelPosition: typeof AdlLabelPosition;
15
+ BentoTypographyElement: typeof BentoTypographyElement;
16
+ BentoTypographyVariant: typeof BentoTypographyVariant;
17
+ BentoButtonVariant: typeof BentoButtonVariant;
18
+ BentoPopoverPositions: {
19
+ AUTO: import("../../../popper-container").PopperContainerPositionExtended.AUTO;
20
+ AUTO_START: import("../../../popper-container").PopperContainerPositionExtended.AUTO_START;
21
+ AUTO_END: import("../../../popper-container").PopperContainerPositionExtended.AUTO_END;
22
+ TOP_START: import("../../../popper-container").PopperContainerPositionExtended.TOP_START;
23
+ TOP_END: import("../../../popper-container").PopperContainerPositionExtended.TOP_END;
24
+ RIGHT_START: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_START;
25
+ RIGHT_END: import("../../../popper-container").PopperContainerPositionExtended.RIGHT_END;
26
+ BOTTOM_START: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_START;
27
+ BOTTOM_END: import("../../../popper-container").PopperContainerPositionExtended.BOTTOM_END;
28
+ LEFT_START: import("../../../popper-container").PopperContainerPositionExtended.LEFT_START;
29
+ LEFT_END: import("../../../popper-container").PopperContainerPositionExtended.LEFT_END;
30
+ TOP: import("../../../popper-container").PopperContainerPositionBasic.TOP;
31
+ RIGHT: import("../../../popper-container").PopperContainerPositionBasic.RIGHT;
32
+ BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
33
+ LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
34
+ };
35
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "config-settings"[], string, Readonly<import("vue").ExtractPropTypes<{
36
+ condensed: {
37
+ type: BooleanConstructor;
38
+ default: boolean;
39
+ };
40
+ }>>, {
41
+ condensed: boolean;
42
+ }>;
43
+ export default _default;
@@ -1 +1,2 @@
1
- export { default as BentoDataGridColumns } from './data-grid-columns.vue';
1
+ export { default as BentoDataGridColumns } from './data-grid-columns/data-grid-columns.vue';
2
+ export { default as BentoDataGridConfigSettings } from './data-grid-config-settings/data-grid-config-settings.vue';
@@ -2,3 +2,4 @@ export { default as useResizer } from './useResizer';
2
2
  export { default as useCalculateColumnWidth, DATAGRID_SELECT_FIELD_NAME, } from './useCalculateColumnWidth/useCalculateColumnWidth';
3
3
  export { useSorter } from './useSorter';
4
4
  export { useSelector } from './useSelector';
5
+ export { useConfigSettings } from './useConfigSettings';
@@ -0,0 +1,5 @@
1
+ import { MaybeRef } from '../../../types';
2
+ export declare const useConfigSettings: (condensed: MaybeRef<boolean>) => {
3
+ compactView: import("vue").Ref<boolean>;
4
+ onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
5
+ };
@@ -169,6 +169,8 @@ declare const _default: import("vue").DefineComponent<{
169
169
  onAllRowSelect: (allItemsSelected: boolean) => void;
170
170
  onRowSelect: () => void;
171
171
  DATAGRID_SELECT_FIELD_NAME: string;
172
+ compactView: import("vue").Ref<boolean>;
173
+ onConfigSettingsUpdate: (isCompactView: boolean) => boolean;
172
174
  BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
173
175
  BentoTypographyElement: typeof BentoTypographyElement;
174
176
  BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -0,0 +1,100 @@
1
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ autoComplete: {
4
+ type: BooleanConstructor;
5
+ default: boolean;
6
+ };
7
+ ariaControls: {
8
+ type: StringConstructor;
9
+ required: true;
10
+ };
11
+ ariaExpanded: {
12
+ type: StringConstructor;
13
+ required: true;
14
+ };
15
+ ariaLabelledby: {
16
+ type: StringConstructor;
17
+ default: any;
18
+ };
19
+ disabled: {
20
+ type: BooleanConstructor;
21
+ default: boolean;
22
+ };
23
+ isInvalid: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
27
+ displayValue: {
28
+ type: StringConstructor;
29
+ default: any;
30
+ };
31
+ open: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ placeholder: {
36
+ type: StringConstructor;
37
+ default: any;
38
+ };
39
+ }, {
40
+ BentoTypographyElement: typeof BentoTypographyElement;
41
+ BentoTypographyVariant: typeof BentoTypographyVariant;
42
+ conditionalClasses: import("vue").ComputedRef<{
43
+ 'b-dropdown-base-textbox--disabled': boolean;
44
+ }>;
45
+ computedDisplayValue: import("vue").ComputedRef<string>;
46
+ computedDropdownTextbox: import("vue").ComputedRef<"div" | "input">;
47
+ isInputField: import("vue").ComputedRef<boolean>;
48
+ shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
49
+ textboxId: string;
50
+ textbox: any;
51
+ onCloseDropdown: () => void;
52
+ onToggleDropdown: () => void;
53
+ hasSlot: (name: string) => boolean;
54
+ }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("open" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
55
+ autoComplete: {
56
+ type: BooleanConstructor;
57
+ default: boolean;
58
+ };
59
+ ariaControls: {
60
+ type: StringConstructor;
61
+ required: true;
62
+ };
63
+ ariaExpanded: {
64
+ type: StringConstructor;
65
+ required: true;
66
+ };
67
+ ariaLabelledby: {
68
+ type: StringConstructor;
69
+ default: any;
70
+ };
71
+ disabled: {
72
+ type: BooleanConstructor;
73
+ default: boolean;
74
+ };
75
+ isInvalid: {
76
+ type: BooleanConstructor;
77
+ default: boolean;
78
+ };
79
+ displayValue: {
80
+ type: StringConstructor;
81
+ default: any;
82
+ };
83
+ open: {
84
+ type: BooleanConstructor;
85
+ default: boolean;
86
+ };
87
+ placeholder: {
88
+ type: StringConstructor;
89
+ default: any;
90
+ };
91
+ }>>, {
92
+ open: boolean;
93
+ disabled: boolean;
94
+ placeholder: string;
95
+ displayValue: string;
96
+ autoComplete: boolean;
97
+ ariaLabelledby: string;
98
+ isInvalid: boolean;
99
+ }>;
100
+ export default _default;
@@ -1,6 +1,6 @@
1
+ import { BentoSearchBarItem } from '../search-bar';
1
2
  export type AdlDropdownValue = string | number;
2
- export interface AdlDropdownOptionItem {
3
- label: string;
3
+ export interface AdlDropdownOptionItem extends BentoSearchBarItem {
4
4
  value: AdlDropdownValue;
5
5
  }
6
6
  export type AdlDropdownSelectedValue = AdlDropdownValue;
@@ -1 +1,2 @@
1
1
  export { default as BentoInputField } from './input-field.vue';
2
+ export * from './input-field.types';
@@ -11,3 +11,7 @@ export declare enum BentoInputFieldStateClass {
11
11
  DISABLED = "disabled",
12
12
  ERROR = "error"
13
13
  }
14
+ export declare enum BentoInputFieldType {
15
+ SEARCH = "search",
16
+ TEXT = "text"
17
+ }
@@ -1,7 +1,15 @@
1
1
  import { PropType } from 'vue';
2
- import { BentoInputFieldStaticValuePosition, BentoInputFieldVariant } from '@/components/input-field/input-field.types';
2
+ import { BentoInputFieldStaticValuePosition, BentoInputFieldType, BentoInputFieldVariant } from '@/components/input-field/input-field.types';
3
3
  import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
4
4
  declare const _default: import("vue").DefineComponent<{
5
+ ariaHidden: {
6
+ type: BooleanConstructor;
7
+ default: boolean;
8
+ };
9
+ ariaLabel: {
10
+ type: StringConstructor;
11
+ default: any;
12
+ };
5
13
  disabled: {
6
14
  type: BooleanConstructor;
7
15
  default: boolean;
@@ -18,6 +26,10 @@ declare const _default: import("vue").DefineComponent<{
18
26
  type: PropType<BentoInputFieldStaticValuePosition>;
19
27
  default: BentoInputFieldStaticValuePosition;
20
28
  };
29
+ type: {
30
+ type: PropType<BentoInputFieldType>;
31
+ default: BentoInputFieldType;
32
+ };
21
33
  value: {
22
34
  type: StringConstructor;
23
35
  default: string;
@@ -39,6 +51,14 @@ declare const _default: import("vue").DefineComponent<{
39
51
  shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
40
52
  shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
41
53
  }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
54
+ ariaHidden: {
55
+ type: BooleanConstructor;
56
+ default: boolean;
57
+ };
58
+ ariaLabel: {
59
+ type: StringConstructor;
60
+ default: any;
61
+ };
42
62
  disabled: {
43
63
  type: BooleanConstructor;
44
64
  default: boolean;
@@ -55,6 +75,10 @@ declare const _default: import("vue").DefineComponent<{
55
75
  type: PropType<BentoInputFieldStaticValuePosition>;
56
76
  default: BentoInputFieldStaticValuePosition;
57
77
  };
78
+ type: {
79
+ type: PropType<BentoInputFieldType>;
80
+ default: BentoInputFieldType;
81
+ };
58
82
  value: {
59
83
  type: StringConstructor;
60
84
  default: string;
@@ -64,8 +88,11 @@ declare const _default: import("vue").DefineComponent<{
64
88
  default: BentoInputFieldVariant;
65
89
  };
66
90
  }>>, {
91
+ type: BentoInputFieldType;
67
92
  error: boolean;
68
93
  value: string;
94
+ ariaHidden: boolean;
95
+ ariaLabel: string;
69
96
  disabled: boolean;
70
97
  variant: BentoInputFieldVariant;
71
98
  staticValue: string;