@adyen/bento-vue2 0.8.1 → 0.8.2

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 (56) hide show
  1. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.types.d.ts +1 -0
  2. package/dist/@types/components/date-picker/components/date-picker-calendar-range/date-picker-calendar-range.types.d.ts +5 -0
  3. package/dist/@types/components/date-picker/components/date-picker-calendar-range/date-picker-calendar-range.vue.d.ts +23 -3
  4. package/dist/@types/components/date-picker/date-picker.types.d.ts +6 -13
  5. package/dist/@types/components/date-picker/date-picker.vue.d.ts +8 -2
  6. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +1 -1
  7. package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +1 -1
  8. package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +16 -1
  9. package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +2 -2
  10. package/dist/@types/components/dropdown/components/index.d.ts +1 -0
  11. package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +20 -0
  12. package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +20 -0
  13. package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +20 -0
  14. package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +20 -0
  15. package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +20 -0
  16. package/dist/@types/components/dropdown/dropdown.types.d.ts +4 -0
  17. package/dist/@types/components/dropdown/dropdown.vue.d.ts +21 -0
  18. package/dist/@types/components/dropdown/index.d.ts +1 -0
  19. package/dist/@types/components/filter-bar/components/base-filter/base-filter.types.d.ts +7 -0
  20. package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +24 -21
  21. package/dist/@types/components/filter-bar/components/base-filter/composables/use-base-filter.d.ts +2 -2
  22. package/dist/@types/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +12 -1
  23. package/dist/@types/components/filter-bar/components/date-filter/date-filter.vue.d.ts +12 -1
  24. package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +18 -1
  25. package/dist/@types/components/filter-bar/components/input-filter/input-filter.vue.d.ts +12 -1
  26. package/dist/@types/components/filter-bar/components/range-filter/range-filter.vue.d.ts +12 -1
  27. package/dist/@types/components/filter-bar/components/select-filter/select-filter.vue.d.ts +12 -1
  28. package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +9 -0
  29. package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +16 -1
  30. package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +9 -0
  31. package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +9 -0
  32. package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +16 -1
  33. package/dist/@types/components/filter-bar/filter-bar.types.d.ts +8 -1
  34. package/dist/@types/components/filter-bar/filter-bar.vue.d.ts +4 -0
  35. package/dist/@types/components/input-field/input-field.types.d.ts +18 -3
  36. package/dist/@types/components/input-field/input-field.vue.d.ts +33 -7
  37. package/dist/@types/components/internal/grid-layout/index.d.ts +1 -0
  38. package/dist/@types/components/internal/index.d.ts +1 -0
  39. package/dist/@types/components/internal/listbox/components/listbox-option/listbox-option.vue.d.ts +1 -1
  40. package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts +35 -1
  41. package/dist/@types/components/modal/components/modal-default/modal-default.vue.d.ts +19 -1
  42. package/dist/@types/components/modal/modal.types.d.ts +5 -0
  43. package/dist/@types/components/modal/modal.vue.d.ts +21 -1
  44. package/dist/@types/components/popover/popover.vue.d.ts +1 -1
  45. package/dist/@types/components/search-bar/search-bar.vue.d.ts +61 -21
  46. package/dist/@types/components/summary-grid/summary-grid.types.d.ts +1 -1
  47. package/dist/@types/components/tag/tag.types.d.ts +2 -1
  48. package/dist/@types/types/date-format.d.ts +14 -0
  49. package/dist/@types/types/index.d.ts +1 -0
  50. package/dist/@types/utils/ts/truncate.d.ts +1 -0
  51. package/dist/index.js +4854 -4338
  52. package/dist/index.js.map +1 -1
  53. package/dist/web-types.json +244 -70
  54. package/package.json +2 -2
  55. /package/dist/@types/components/{summary-grid/components → internal}/grid-layout/grid-layout.types.d.ts +0 -0
  56. /package/dist/@types/components/{summary-grid/components → internal}/grid-layout/grid-layout.vue.d.ts +0 -0
@@ -1,6 +1,8 @@
1
1
  import { PropType } from 'vue';
2
- import { BentoInputFieldStaticValuePosition, BentoInputFieldType, BentoInputFieldVariant } from '@/components/input-field/input-field.types';
2
+ import { BentoInputDropdownProps, BentoInputFieldElementPosition, BentoInputFieldEvent, BentoInputFieldType, BentoInputFieldVariant } from './input-field.types';
3
3
  import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
4
+ import { BentoDropdownSize } from '../dropdown/dropdown.types';
5
+ import { BentoListboxSelectedValue } from '../../types';
4
6
  declare const _default: import("vue").DefineComponent<{
5
7
  ariaHidden: {
6
8
  type: BooleanConstructor;
@@ -14,6 +16,14 @@ declare const _default: import("vue").DefineComponent<{
14
16
  type: BooleanConstructor;
15
17
  default: boolean;
16
18
  };
19
+ dropdown: {
20
+ type: PropType<BentoInputDropdownProps>;
21
+ default: any;
22
+ };
23
+ dropdownPosition: {
24
+ type: PropType<BentoInputFieldElementPosition>;
25
+ default: BentoInputFieldElementPosition;
26
+ };
17
27
  error: {
18
28
  type: BooleanConstructor;
19
29
  default: boolean;
@@ -27,8 +37,8 @@ declare const _default: import("vue").DefineComponent<{
27
37
  default: string;
28
38
  };
29
39
  staticValuePosition: {
30
- type: PropType<BentoInputFieldStaticValuePosition>;
31
- default: BentoInputFieldStaticValuePosition;
40
+ type: PropType<BentoInputFieldElementPosition>;
41
+ default: BentoInputFieldElementPosition;
32
42
  };
33
43
  type: {
34
44
  type: PropType<BentoInputFieldType>;
@@ -46,6 +56,9 @@ declare const _default: import("vue").DefineComponent<{
46
56
  BentoTypographyVariant: typeof BentoTypographyVariant;
47
57
  BentoTypographyElement: typeof BentoTypographyElement;
48
58
  BentoInputFieldVariant: typeof BentoInputFieldVariant;
59
+ BentoDropdownSize: typeof BentoDropdownSize;
60
+ BentoInputFieldEvent: typeof BentoInputFieldEvent;
61
+ onDropdownInput: (selectedValue: BentoListboxSelectedValue) => void;
49
62
  onInput: (event: Event) => void;
50
63
  focusInput: () => void;
51
64
  hasSlot: (name: string) => boolean;
@@ -56,7 +69,10 @@ declare const _default: import("vue").DefineComponent<{
56
69
  inputFieldId: string;
57
70
  shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
58
71
  shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
59
- }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
72
+ shouldShowDropdown: import("vue").ComputedRef<BentoInputDropdownProps>;
73
+ shouldDisplayDropdownAtStart: import("vue").ComputedRef<boolean>;
74
+ shouldDisplayDropdownAtEnd: import("vue").ComputedRef<boolean>;
75
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoInputFieldEvent[], string, Readonly<import("vue").ExtractPropTypes<{
60
76
  ariaHidden: {
61
77
  type: BooleanConstructor;
62
78
  default: boolean;
@@ -69,6 +85,14 @@ declare const _default: import("vue").DefineComponent<{
69
85
  type: BooleanConstructor;
70
86
  default: boolean;
71
87
  };
88
+ dropdown: {
89
+ type: PropType<BentoInputDropdownProps>;
90
+ default: any;
91
+ };
92
+ dropdownPosition: {
93
+ type: PropType<BentoInputFieldElementPosition>;
94
+ default: BentoInputFieldElementPosition;
95
+ };
72
96
  error: {
73
97
  type: BooleanConstructor;
74
98
  default: boolean;
@@ -82,8 +106,8 @@ declare const _default: import("vue").DefineComponent<{
82
106
  default: string;
83
107
  };
84
108
  staticValuePosition: {
85
- type: PropType<BentoInputFieldStaticValuePosition>;
86
- default: BentoInputFieldStaticValuePosition;
109
+ type: PropType<BentoInputFieldElementPosition>;
110
+ default: BentoInputFieldElementPosition;
87
111
  };
88
112
  type: {
89
113
  type: PropType<BentoInputFieldType>;
@@ -106,7 +130,9 @@ declare const _default: import("vue").DefineComponent<{
106
130
  disabled: boolean;
107
131
  placeholder: string;
108
132
  variant: BentoInputFieldVariant;
133
+ dropdown: BentoInputDropdownProps;
134
+ dropdownPosition: BentoInputFieldElementPosition;
109
135
  staticValue: string;
110
- staticValuePosition: BentoInputFieldStaticValuePosition;
136
+ staticValuePosition: BentoInputFieldElementPosition;
111
137
  }>;
112
138
  export default _default;
@@ -0,0 +1 @@
1
+ export { default as GridLayout } from './grid-layout.vue';
@@ -1,3 +1,4 @@
1
1
  export * from './avatar';
2
2
  export * from './listbox';
3
3
  export * from './copy';
4
+ export * from './grid-layout';
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
13
13
  'b-listbox-option--selected': boolean;
14
14
  }>;
15
15
  onClick: (e: Event) => void;
16
- }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "escape-pressed" | "enter-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
16
+ }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "enter-pressed" | "escape-pressed")[], string, Readonly<import("vue").ExtractPropTypes<{
17
17
  disabled: {
18
18
  type: BooleanConstructor;
19
19
  default: boolean;
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal';
2
+ import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalRole, BentoModalSize } from '@/components/modal';
3
3
  import { BentoButtonVariant } from '@/components/button/button.types';
4
4
  import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
5
5
  declare const _default: import("vue").DefineComponent<{
@@ -19,6 +19,14 @@ declare const _default: import("vue").DefineComponent<{
19
19
  type: StringConstructor;
20
20
  default: any;
21
21
  };
22
+ withColumnLayout: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ columnsSize: {
27
+ type: PropType<BentoModalColumnLayoutVariant>;
28
+ default: BentoModalColumnLayoutVariant;
29
+ };
22
30
  isOpen: {
23
31
  type: BooleanConstructor;
24
32
  required: true;
@@ -43,11 +51,27 @@ declare const _default: import("vue").DefineComponent<{
43
51
  [x: string]: boolean | BentoModalSize;
44
52
  "b-modal-base__container--visible": boolean;
45
53
  }>;
54
+ modalContentConditionalClasses: import("vue").ComputedRef<{
55
+ 'b-modal-base__content--column-layout': boolean;
56
+ }>;
46
57
  wrapperStyles: import("vue").ComputedRef<{
47
58
  padding: string;
48
59
  } | {
49
60
  padding?: undefined;
50
61
  }>;
62
+ dividerStyles: import("vue").ComputedRef<{
63
+ marginLeft: string;
64
+ width: string;
65
+ } | {
66
+ marginLeft?: undefined;
67
+ width?: undefined;
68
+ }>;
69
+ hasColumnLayout: import("vue").ComputedRef<boolean>;
70
+ computedColumnWidth: import("vue").ComputedRef<{
71
+ small: number;
72
+ medium: number;
73
+ large: number;
74
+ }[]>;
51
75
  BentoButtonVariant: typeof BentoButtonVariant;
52
76
  BentoTypographyElement: typeof BentoTypographyElement;
53
77
  BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -68,6 +92,14 @@ declare const _default: import("vue").DefineComponent<{
68
92
  type: StringConstructor;
69
93
  default: any;
70
94
  };
95
+ withColumnLayout: {
96
+ type: BooleanConstructor;
97
+ default: boolean;
98
+ };
99
+ columnsSize: {
100
+ type: PropType<BentoModalColumnLayoutVariant>;
101
+ default: BentoModalColumnLayoutVariant;
102
+ };
71
103
  isOpen: {
72
104
  type: BooleanConstructor;
73
105
  required: true;
@@ -84,6 +116,8 @@ declare const _default: import("vue").DefineComponent<{
84
116
  size: BentoModalSize;
85
117
  modalRole: string;
86
118
  customPadding: string;
119
+ withColumnLayout: boolean;
120
+ columnsSize: BentoModalColumnLayoutVariant;
87
121
  initiallyOpen: boolean;
88
122
  }>;
89
123
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { BentoModalEvent, BentoModalSize } from '@/components/modal/modal.types';
2
+ import { BentoModalColumnLayoutVariant, BentoModalEvent, BentoModalSize } from '@/components/modal/modal.types';
3
3
  import { BentoButtonActionsList, BentoButtonVariant } from '@/components/button';
4
4
  import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
5
5
  declare const _default: import("vue").DefineComponent<{
@@ -23,6 +23,14 @@ declare const _default: import("vue").DefineComponent<{
23
23
  type: StringConstructor;
24
24
  default: any;
25
25
  };
26
+ withColumnLayout: {
27
+ type: BooleanConstructor;
28
+ default: boolean;
29
+ };
30
+ columnsSize: {
31
+ type: PropType<BentoModalColumnLayoutVariant>;
32
+ default: BentoModalColumnLayoutVariant;
33
+ };
26
34
  actions: {
27
35
  type: PropType<BentoButtonActionsList>;
28
36
  default: any;
@@ -83,6 +91,14 @@ declare const _default: import("vue").DefineComponent<{
83
91
  type: StringConstructor;
84
92
  default: any;
85
93
  };
94
+ withColumnLayout: {
95
+ type: BooleanConstructor;
96
+ default: boolean;
97
+ };
98
+ columnsSize: {
99
+ type: PropType<BentoModalColumnLayoutVariant>;
100
+ default: BentoModalColumnLayoutVariant;
101
+ };
86
102
  actions: {
87
103
  type: PropType<BentoButtonActionsList>;
88
104
  default: any;
@@ -103,6 +119,8 @@ declare const _default: import("vue").DefineComponent<{
103
119
  actions: BentoButtonActionsList;
104
120
  hideCloseButton: boolean;
105
121
  customPadding: string;
122
+ withColumnLayout: boolean;
123
+ columnsSize: BentoModalColumnLayoutVariant;
106
124
  initiallyOpen: boolean;
107
125
  actionsLabel: string;
108
126
  destructiveActions: boolean;
@@ -7,6 +7,11 @@ export declare enum BentoModalSize {
7
7
  MEDIUM = "medium",
8
8
  LARGE = "large"
9
9
  }
10
+ export declare enum BentoModalColumnLayoutVariant {
11
+ SMALLER = "smaller",
12
+ EQUAL = "equal",
13
+ BIGGER = "bigger"
14
+ }
10
15
  export declare enum BentoModalRole {
11
16
  DIALOG = "dialog",
12
17
  ALERT_DIALOG = "alertdialog"
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
2
+ import { BentoModalColumnLayoutVariant, BentoModalDialogType, BentoModalEvent, BentoModalSize, BentoModalVariant } from '@/components/modal/modal.types';
3
3
  import { BentoButtonActionsList } from '@/components/button';
4
4
  declare const _default: import("vue").DefineComponent<{
5
5
  variant: {
@@ -30,6 +30,14 @@ declare const _default: import("vue").DefineComponent<{
30
30
  type: StringConstructor;
31
31
  default: any;
32
32
  };
33
+ withColumnLayout: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ columnsSize: {
38
+ type: PropType<BentoModalColumnLayoutVariant>;
39
+ default: BentoModalColumnLayoutVariant;
40
+ };
33
41
  actionsLabel: {
34
42
  type: StringConstructor;
35
43
  default: any;
@@ -55,6 +63,7 @@ declare const _default: import("vue").DefineComponent<{
55
63
  actionsLabel: string;
56
64
  destructiveActions: boolean;
57
65
  isDismissible: boolean;
66
+ withColumnLayout: boolean;
58
67
  dialogType?: undefined;
59
68
  content?: undefined;
60
69
  } | {
@@ -66,6 +75,7 @@ declare const _default: import("vue").DefineComponent<{
66
75
  customPadding?: undefined;
67
76
  actionsLabel?: undefined;
68
77
  destructiveActions?: undefined;
78
+ withColumnLayout?: undefined;
69
79
  }>;
70
80
  hasSlot: (name: string) => boolean;
71
81
  }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, BentoModalEvent[], string, Readonly<import("vue").ExtractPropTypes<{
@@ -97,6 +107,14 @@ declare const _default: import("vue").DefineComponent<{
97
107
  type: StringConstructor;
98
108
  default: any;
99
109
  };
110
+ withColumnLayout: {
111
+ type: BooleanConstructor;
112
+ default: boolean;
113
+ };
114
+ columnsSize: {
115
+ type: PropType<BentoModalColumnLayoutVariant>;
116
+ default: BentoModalColumnLayoutVariant;
117
+ };
100
118
  actionsLabel: {
101
119
  type: StringConstructor;
102
120
  default: any;
@@ -121,6 +139,8 @@ declare const _default: import("vue").DefineComponent<{
121
139
  isDismissible: boolean;
122
140
  hideCloseButton: boolean;
123
141
  customPadding: string;
142
+ withColumnLayout: boolean;
143
+ columnsSize: BentoModalColumnLayoutVariant;
124
144
  isOpen: boolean;
125
145
  actionsLabel: string;
126
146
  destructiveActions: boolean;
@@ -158,9 +158,9 @@ declare const _default: import("vue").DefineComponent<{
158
158
  ariaLabel: string;
159
159
  modifiers: unknown[];
160
160
  large: boolean;
161
+ fixedPositioning: boolean;
161
162
  actions: BentoButtonActionsList;
162
163
  actionsLayout: BentoButtonActionsLayout;
163
- fixedPositioning: boolean;
164
164
  divider: boolean;
165
165
  disableFocusTrap: boolean;
166
166
  dismissible: boolean;
@@ -1,4 +1,4 @@
1
- import { BentoInputFieldType } from '@/components/input-field';
1
+ import { BentoInputFieldType } from '@/components/input-field/input-field.types';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  inputFieldAriaLabel: {
4
4
  type: StringConstructor;
@@ -31,6 +31,14 @@ declare const _default: import("vue").DefineComponent<{
31
31
  type: BooleanConstructor;
32
32
  default: boolean;
33
33
  };
34
+ dropdown: {
35
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
36
+ default: any;
37
+ };
38
+ dropdownPosition: {
39
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
40
+ default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
41
+ };
34
42
  error: {
35
43
  type: BooleanConstructor;
36
44
  default: boolean;
@@ -44,8 +52,8 @@ declare const _default: import("vue").DefineComponent<{
44
52
  default: string;
45
53
  };
46
54
  staticValuePosition: {
47
- type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
48
- default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
55
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
56
+ default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
49
57
  };
50
58
  type: {
51
59
  type: import("vue").PropType<BentoInputFieldType>;
@@ -56,8 +64,8 @@ declare const _default: import("vue").DefineComponent<{
56
64
  default: string;
57
65
  };
58
66
  variant: {
59
- type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
60
- default: import("@/components/input-field").BentoInputFieldVariant;
67
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
68
+ default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
61
69
  };
62
70
  }>>, Readonly<import("vue").ExtractPropTypes<{
63
71
  ariaHidden: {
@@ -72,6 +80,14 @@ declare const _default: import("vue").DefineComponent<{
72
80
  type: BooleanConstructor;
73
81
  default: boolean;
74
82
  };
83
+ dropdown: {
84
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
85
+ default: any;
86
+ };
87
+ dropdownPosition: {
88
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
89
+ default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
90
+ };
75
91
  error: {
76
92
  type: BooleanConstructor;
77
93
  default: boolean;
@@ -85,8 +101,8 @@ declare const _default: import("vue").DefineComponent<{
85
101
  default: string;
86
102
  };
87
103
  staticValuePosition: {
88
- type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
89
- default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
104
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
105
+ default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
90
106
  };
91
107
  type: {
92
108
  type: import("vue").PropType<BentoInputFieldType>;
@@ -97,10 +113,10 @@ declare const _default: import("vue").DefineComponent<{
97
113
  default: string;
98
114
  };
99
115
  variant: {
100
- type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
101
- default: import("@/components/input-field").BentoInputFieldVariant;
116
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
117
+ default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
102
118
  };
103
- }>>, ("input" | "escape-pressed")[], {
119
+ }>>, import("@/components/input-field/input-field.types").BentoInputFieldEvent[], {
104
120
  type: BentoInputFieldType;
105
121
  error: boolean;
106
122
  value: string;
@@ -108,9 +124,11 @@ declare const _default: import("vue").DefineComponent<{
108
124
  ariaLabel: string;
109
125
  disabled: boolean;
110
126
  placeholder: string;
111
- variant: import("@/components/input-field").BentoInputFieldVariant;
127
+ variant: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
128
+ dropdown: import("@/components/input-field/input-field.types").BentoInputDropdownProps;
129
+ dropdownPosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
112
130
  staticValue: string;
113
- staticValuePosition: import("@/components/input-field").BentoInputFieldStaticValuePosition;
131
+ staticValuePosition: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
114
132
  }, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{
115
133
  ariaHidden: {
116
134
  type: BooleanConstructor;
@@ -124,6 +142,14 @@ declare const _default: import("vue").DefineComponent<{
124
142
  type: BooleanConstructor;
125
143
  default: boolean;
126
144
  };
145
+ dropdown: {
146
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
147
+ default: any;
148
+ };
149
+ dropdownPosition: {
150
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
151
+ default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
152
+ };
127
153
  error: {
128
154
  type: BooleanConstructor;
129
155
  default: boolean;
@@ -137,8 +163,8 @@ declare const _default: import("vue").DefineComponent<{
137
163
  default: string;
138
164
  };
139
165
  staticValuePosition: {
140
- type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
141
- default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
166
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
167
+ default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
142
168
  };
143
169
  type: {
144
170
  type: import("vue").PropType<BentoInputFieldType>;
@@ -149,13 +175,16 @@ declare const _default: import("vue").DefineComponent<{
149
175
  default: string;
150
176
  };
151
177
  variant: {
152
- type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
153
- default: import("@/components/input-field").BentoInputFieldVariant;
178
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
179
+ default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
154
180
  };
155
181
  }>>> & import("vue").ShallowUnwrapRef<{
156
182
  BentoTypographyVariant: typeof import("../typography").BentoTypographyVariant;
157
183
  BentoTypographyElement: typeof import("../typography").BentoTypographyElement;
158
- BentoInputFieldVariant: typeof import("@/components/input-field").BentoInputFieldVariant;
184
+ BentoInputFieldVariant: typeof import("@/components/input-field/input-field.types").BentoInputFieldVariant;
185
+ BentoDropdownSize: typeof import("../dropdown/dropdown.types").BentoDropdownSize;
186
+ BentoInputFieldEvent: typeof import("@/components/input-field/input-field.types").BentoInputFieldEvent;
187
+ onDropdownInput: (selectedValue: import("../..").BentoListboxSelectedValue) => void;
159
188
  onInput: (event: Event) => void;
160
189
  focusInput: () => void;
161
190
  hasSlot: (name: string) => boolean;
@@ -166,6 +195,9 @@ declare const _default: import("vue").DefineComponent<{
166
195
  inputFieldId: string;
167
196
  shouldDisplayStaticValueAtStart: import("vue").ComputedRef<boolean>;
168
197
  shouldDisplayStaticValueAtEnd: import("vue").ComputedRef<boolean>;
198
+ shouldShowDropdown: import("vue").ComputedRef<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
199
+ shouldDisplayDropdownAtStart: import("vue").ComputedRef<boolean>;
200
+ shouldDisplayDropdownAtEnd: import("vue").ComputedRef<boolean>;
169
201
  }> & import("vue/types/v3-component-options").ExtractComputedReturns<{}> & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{
170
202
  ariaHidden: {
171
203
  type: BooleanConstructor;
@@ -179,6 +211,14 @@ declare const _default: import("vue").DefineComponent<{
179
211
  type: BooleanConstructor;
180
212
  default: boolean;
181
213
  };
214
+ dropdown: {
215
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputDropdownProps>;
216
+ default: any;
217
+ };
218
+ dropdownPosition: {
219
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
220
+ default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
221
+ };
182
222
  error: {
183
223
  type: BooleanConstructor;
184
224
  default: boolean;
@@ -192,8 +232,8 @@ declare const _default: import("vue").DefineComponent<{
192
232
  default: string;
193
233
  };
194
234
  staticValuePosition: {
195
- type: import("vue").PropType<import("@/components/input-field").BentoInputFieldStaticValuePosition>;
196
- default: import("@/components/input-field").BentoInputFieldStaticValuePosition;
235
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldElementPosition>;
236
+ default: import("@/components/input-field/input-field.types").BentoInputFieldElementPosition;
197
237
  };
198
238
  type: {
199
239
  type: import("vue").PropType<BentoInputFieldType>;
@@ -204,8 +244,8 @@ declare const _default: import("vue").DefineComponent<{
204
244
  default: string;
205
245
  };
206
246
  variant: {
207
- type: import("vue").PropType<import("@/components/input-field").BentoInputFieldVariant>;
208
- default: import("@/components/input-field").BentoInputFieldVariant;
247
+ type: import("vue").PropType<import("@/components/input-field/input-field.types").BentoInputFieldVariant>;
248
+ default: import("@/components/input-field/input-field.types").BentoInputFieldVariant;
209
249
  };
210
250
  }>>>;
211
251
  onClearSearch: () => void;
@@ -1,4 +1,4 @@
1
- import { GridLayoutColumnWidth } from './components/grid-layout/grid-layout.types';
1
+ import { GridLayoutColumnWidth } from '@/components/internal/grid-layout/grid-layout.types';
2
2
  export declare enum BentoSummaryGridItemSize {
3
3
  SMALL = "small",
4
4
  MEDIUM = "medium",
@@ -3,5 +3,6 @@ export declare enum BentoTagVariant {
3
3
  BLUE = "blue",
4
4
  GREEN = "green",
5
5
  ORANGE = "orange",
6
- RED = "red"
6
+ RED = "red",
7
+ WHITE = "white"
7
8
  }
@@ -0,0 +1,14 @@
1
+ export declare enum DateFormat {
2
+ DAY_OF_MONTH = "d",
3
+ NUMERIC_DAY = "dd",
4
+ SHORT_WEEKDAY = "EEE",
5
+ NUMERIC_MONTH = "MM",
6
+ SHORT_MONTH = "MMM",
7
+ LONG_MONTH = "MMMM",
8
+ LONG_MONTH_YEAR = "MMMM yyyy",
9
+ FULL_YEAR = "yyyy",
10
+ FULL_DATE = "d MMM, yyyy",
11
+ FULL_DATE_MONTH_FIRST = "MMM dd, yyyy",
12
+ NUMERIC_DATE_YEAR_FIRST = "yyyy-MM-dd",
13
+ NUMERIC_DATE_DAY_FIRST = "yyyy-MM-dd"
14
+ }
@@ -5,3 +5,4 @@ export * from './omit-strict';
5
5
  export * from './prop-types';
6
6
  export * from './refs';
7
7
  export * from './listbox';
8
+ export * from './date-format';
@@ -0,0 +1 @@
1
+ export declare const truncate: (aString: string, characterLimit: number) => string;