@oub/fusion 0.2.140 → 0.2.142

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 (13) hide show
  1. package/dist/fusion.js +437 -422
  2. package/dist/fusion.umd.cjs +6 -6
  3. package/dist/lib/components/common/key-value-pair/FusionKeyValuePair.vue.d.ts +14 -15
  4. package/dist/lib/components/common/{panel/FusionPanel.vue.d.ts → list-box/FusionListBox.vue.d.ts} +1 -1
  5. package/dist/lib/components/common/tag/FusionTag.vue.d.ts +8 -8
  6. package/dist/lib/components/form/phone/FusionPhoneInput.vue.d.ts +5 -5
  7. package/dist/lib/components/form/searchable-input/FusionSearchableInput.vue.d.ts +3 -3
  8. package/dist/lib/components/form/select/FusionSelect.vue.d.ts +3 -3
  9. package/dist/lib/main.d.ts +2 -1
  10. package/dist/style.css +1 -1
  11. package/dist/types/components/FusionKeyValuePair.d.ts +13 -0
  12. package/dist/types/components/FusionTag.d.ts +9 -2
  13. package/package.json +1 -1
package/dist/lib/components/common/key-value-pair/FusionKeyValuePair.vue.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { FusionKeyValuePairEmphasis, FusionKeyValuePairOrder } from '../../../../types/components/FusionKeyValuePair';
3
- import { FusionButtonVariantStyle, FusionButtonVariantType } from '../../../../types/components/FusionTag';
2
+ import { FusionKeyValueVariantStyle, FusionKeyValueVariantType, FusionKeyValuePairEmphasis, FusionKeyValuePairOrder } from '../../../../types/components/FusionKeyValuePair';
4
3
  import { VariantTypes, Sizes } from '../../../../types/Global.d.ts';
5
4
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
6
5
  keyText: {
@@ -37,11 +36,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
37
36
  default: string;
38
37
  };
39
38
  tagVariantType: {
40
- type: PropType<keyof FusionButtonVariantType>;
39
+ type: PropType<keyof FusionKeyValueVariantType>;
41
40
  default: string;
42
41
  };
43
42
  tagVariantStyle: {
44
- type: PropType<keyof FusionButtonVariantStyle>;
43
+ type: PropType<keyof FusionKeyValueVariantStyle>;
45
44
  default: string;
46
45
  };
47
46
  tagEmphasis: {
@@ -115,11 +114,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
115
114
  default: string;
116
115
  };
117
116
  tagVariantType: {
118
- type: PropType<keyof FusionButtonVariantType>;
117
+ type: PropType<keyof FusionKeyValueVariantType>;
119
118
  default: string;
120
119
  };
121
120
  tagVariantStyle: {
122
- type: PropType<keyof FusionButtonVariantStyle>;
121
+ type: PropType<keyof FusionKeyValueVariantStyle>;
123
122
  default: string;
124
123
  };
125
124
  tagEmphasis: {
@@ -163,8 +162,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
163
162
  strikeThroughSecondaryValueText: boolean;
164
163
  showTag: boolean;
165
164
  tagText: string;
166
- tagVariantType: keyof FusionButtonVariantType;
167
- tagVariantStyle: keyof FusionButtonVariantStyle;
165
+ tagVariantType: keyof FusionKeyValueVariantType;
166
+ tagVariantStyle: keyof FusionKeyValueVariantStyle;
168
167
  tagEmphasis: number;
169
168
  showLink: boolean;
170
169
  linkText: string;
@@ -176,11 +175,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
176
175
  }, {}, {
177
176
  FusionTag: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
178
177
  variantStyle: {
179
- type: PropType<keyof FusionButtonVariantStyle>;
178
+ type: PropType<keyof import('../../../../types/components/FusionTag').FusionTagVariantStyle>;
180
179
  default: string;
181
180
  };
182
181
  variantType: {
183
- type: PropType<keyof FusionButtonVariantType>;
182
+ type: PropType<keyof import('../../../../types/components/FusionTag').FusionTagVariantType>;
184
183
  default: string;
185
184
  };
186
185
  emphasis: {
@@ -192,14 +191,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
192
191
  default: string;
193
192
  };
194
193
  }>, {}, {}, {
195
- variantTypeClass(): "danger" | "info" | "success" | "warning" | "emphasis-one" | "emphasis-two" | "emphasis-three" | "gradient-primary";
194
+ variantTypeClass(): "danger" | "info" | "success" | "warning" | "status-1" | "status-2" | "status-3" | "status-4" | "status-5" | "status-6" | "status-7" | "emphasis-one" | "emphasis-two" | "emphasis-three" | "gradient-primary";
196
195
  }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
197
196
  variantStyle: {
198
- type: PropType<keyof FusionButtonVariantStyle>;
197
+ type: PropType<keyof import('../../../../types/components/FusionTag').FusionTagVariantStyle>;
199
198
  default: string;
200
199
  };
201
200
  variantType: {
202
- type: PropType<keyof FusionButtonVariantType>;
201
+ type: PropType<keyof import('../../../../types/components/FusionTag').FusionTagVariantType>;
203
202
  default: string;
204
203
  };
205
204
  emphasis: {
@@ -212,8 +211,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
212
211
  };
213
212
  }>> & Readonly<{}>, {
214
213
  label: string;
215
- variantType: keyof FusionButtonVariantType;
216
- variantStyle: keyof FusionButtonVariantStyle;
214
+ variantType: keyof import('../../../../types/components/FusionTag').FusionTagVariantType;
215
+ variantStyle: keyof import('../../../../types/components/FusionTag').FusionTagVariantStyle;
217
216
  emphasis: number;
218
217
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
219
218
  FusionTextLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
package/dist/lib/components/common/{panel/FusionPanel.vue.d.ts → list-box/FusionListBox.vue.d.ts} RENAMED
@@ -44,7 +44,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
44
44
  }>, {}, {
45
45
  searchInputValue: string;
46
46
  }, {}, {
47
- closePanel(): void;
47
+ closeListBox(): void;
48
48
  handleSelect(option: FusionSelectOption): void;
49
49
  handleInput(inputValue: string): void;
50
50
  handleKeydownSelect(event: KeyboardEvent, option?: FusionSelectOption): void;
package/dist/lib/components/common/tag/FusionTag.vue.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { PropType } from 'vue';
2
- import { FusionButtonVariantStyle, FusionButtonVariantType } from '../../../../types/components/FusionTag';
2
+ import { FusionTagVariantStyle, FusionTagVariantType } from '../../../../types/components/FusionTag';
3
3
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
4
  variantStyle: {
5
- type: PropType<keyof FusionButtonVariantStyle>;
5
+ type: PropType<keyof FusionTagVariantStyle>;
6
6
  default: string;
7
7
  };
8
8
  variantType: {
9
- type: PropType<keyof FusionButtonVariantType>;
9
+ type: PropType<keyof FusionTagVariantType>;
10
10
  default: string;
11
11
  };
12
12
  emphasis: {
@@ -18,14 +18,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
18
18
  default: string;
19
19
  };
20
20
  }>, {}, {}, {
21
- variantTypeClass(): "danger" | "info" | "success" | "warning" | "emphasis-one" | "emphasis-two" | "emphasis-three" | "gradient-primary";
21
+ variantTypeClass(): "danger" | "info" | "success" | "warning" | "status-1" | "status-2" | "status-3" | "status-4" | "status-5" | "status-6" | "status-7" | "emphasis-one" | "emphasis-two" | "emphasis-three" | "gradient-primary";
22
22
  }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
23
23
  variantStyle: {
24
- type: PropType<keyof FusionButtonVariantStyle>;
24
+ type: PropType<keyof FusionTagVariantStyle>;
25
25
  default: string;
26
26
  };
27
27
  variantType: {
28
- type: PropType<keyof FusionButtonVariantType>;
28
+ type: PropType<keyof FusionTagVariantType>;
29
29
  default: string;
30
30
  };
31
31
  emphasis: {
@@ -38,8 +38,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
38
38
  };
39
39
  }>> & Readonly<{}>, {
40
40
  label: string;
41
- variantType: keyof FusionButtonVariantType;
42
- variantStyle: keyof FusionButtonVariantStyle;
41
+ variantType: keyof FusionTagVariantType;
42
+ variantStyle: keyof FusionTagVariantStyle;
43
43
  emphasis: number;
44
44
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
45
45
  export default _default;
package/dist/lib/components/form/phone/FusionPhoneInput.vue.d.ts CHANGED
@@ -66,7 +66,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
66
66
  interactionStates: {
67
67
  focused: boolean;
68
68
  hover: boolean;
69
- showSelectPanel: boolean;
69
+ showSelectListBox: boolean;
70
70
  };
71
71
  defaultPlaceholder: string;
72
72
  searchText: string;
@@ -99,9 +99,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
99
99
  handleMouseover(): void;
100
100
  handleMouseleave(): void;
101
101
  focus(): void;
102
- toggleSelectPanel(): void;
102
+ toggleSelectListBox(): void;
103
103
  handleCountrySearch(searchText: string): void;
104
- closePanel(): void;
104
+ closeListBox(): void;
105
105
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input:focus" | "input:blur" | "keydown:enter" | "update:countryCode" | "update:phoneNumber")[], "input:focus" | "input:blur" | "keydown:enter" | "update:countryCode" | "update:phoneNumber", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
106
106
  id: {
107
107
  type: StringConstructor;
@@ -330,7 +330,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
330
330
  SVGCheck: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
331
331
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
332
332
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
333
- FusionPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
333
+ FusionListBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
334
334
  selectId: {
335
335
  type: StringConstructor;
336
336
  required: true;
@@ -374,7 +374,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
374
374
  }>, {}, {
375
375
  searchInputValue: string;
376
376
  }, {}, {
377
- closePanel(): void;
377
+ closeListBox(): void;
378
378
  handleSelect(option: import('../select/FusionSelect').FusionSelectOption): void;
379
379
  handleInput(inputValue: string): void;
380
380
  handleKeydownSelect(event: KeyboardEvent, option?: import('../select/FusionSelect').FusionSelectOption | undefined): void;
package/dist/lib/components/form/searchable-input/FusionSearchableInput.vue.d.ts CHANGED
@@ -117,7 +117,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
117
117
  handleFocus(): void;
118
118
  handleBlur(): void;
119
119
  handleKeydownEnter(): void;
120
- closePanel(): void;
120
+ closeListBox(): void;
121
121
  handleKeyDown(event: KeyboardEvent): void;
122
122
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "keydown:enter" | "update:input" | "select:blur" | "select:focus" | "selected:option")[], "update:modelValue" | "keydown:enter" | "update:input" | "select:blur" | "select:focus" | "selected:option", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
123
123
  id: {
@@ -410,7 +410,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
410
410
  }, {}, {
411
411
  SVGExclamationOctagon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
412
412
  }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
413
- FusionPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
413
+ FusionListBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
414
414
  selectId: {
415
415
  type: StringConstructor;
416
416
  required: true;
@@ -454,7 +454,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
454
454
  }>, {}, {
455
455
  searchInputValue: string;
456
456
  }, {}, {
457
- closePanel(): void;
457
+ closeListBox(): void;
458
458
  handleSelect(option: FusionSelectOption): void;
459
459
  handleInput(inputValue: string): void;
460
460
  handleKeydownSelect(event: KeyboardEvent, option?: FusionSelectOption | undefined): void;
package/dist/lib/components/form/select/FusionSelect.vue.d.ts CHANGED
@@ -117,7 +117,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
117
117
  handleFocus(): void;
118
118
  handleBlur(): void;
119
119
  handleKeydownEnter(): void;
120
- closePanel(): void;
120
+ closeListBox(): void;
121
121
  }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "keydown:enter" | "select:blur" | "select:focus")[], "update:modelValue" | "keydown:enter" | "select:blur" | "select:focus", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
122
122
  id: {
123
123
  type: StringConstructor;
@@ -242,7 +242,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
242
242
  ariaLabel: string;
243
243
  }, {}, {
244
244
  SVGArrowDown: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
245
- FusionPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
245
+ FusionListBox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
246
246
  selectId: {
247
247
  type: StringConstructor;
248
248
  required: true;
@@ -286,7 +286,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
286
286
  }>, {}, {
287
287
  searchInputValue: string;
288
288
  }, {}, {
289
- closePanel(): void;
289
+ closeListBox(): void;
290
290
  handleSelect(option: FusionSelectOption): void;
291
291
  handleInput(inputValue: string): void;
292
292
  handleKeydownSelect(event: KeyboardEvent, option?: FusionSelectOption | undefined): void;
package/dist/lib/main.d.ts CHANGED
@@ -24,6 +24,7 @@ import { default as FusionPlatformBar } from './components/common/platform-bar/F
24
24
  import { default as FusionSideNavigation } from './components/common/side-navigation/FusionSideNavigation.vue';
25
25
  import { default as FusionSideNavigationItem } from './components/common/side-navigation/side-navigation-item/FusionSideNavigationItem.vue';
26
26
  import { default as FusionListItem } from './components/common/list/FusionListItem.vue';
27
+ import { default as FusionListBox } from './components/common/list-box/FusionListBox.vue';
27
28
  import { default as FusionWidget } from './components/common/widget/FusionWidget.vue';
28
29
  import { default as FusionToastMessage } from './components/common/toast/FusionToastMessage.vue';
29
30
  import { default as FusionToolBar } from './components/common/bars/toolbar/FusionToolBar.vue';
@@ -40,4 +41,4 @@ import { default as FusionCircularProgressIndicatorLabelCollection } from './com
40
41
  import { default as FusionMonthDatePicker } from './components/common/date-picker/FusionMonthDatePicker.vue';
41
42
  import { default as FusionFileUploaderButton } from './components/form/file-uploader/button/FusionFileUploaderButton.vue';
42
43
  import { default as FusionRangeDatePicker } from './components/common/date-picker/FusionRangeDatePicker.vue';
43
- export { FusionInput, FusionButton, FusionTextarea, FusionCheckbox, FusionRadio, FusionTextLink, FusionSelect, FusionPasswordInput, FusionPhoneInput, FusionBanner, FusionLoadingSpinner, FusionDatePicker, FusionSearchableInput, FusionNumericInputStepper, FusionTag, FusionDivider, FusionCard, FusionProgressBar, FusionContextMenu, FusionMenuItem, FusionPlatformBar, FusionSideNavigation, FusionSideNavigationItem, FusionListItem, FusionWidget, FusionToastMessage, FusionToolBar, FusionActionBar, FusionIconButton, FusionKeyValuePair, FusionFooterBar, FusionSubheadingBar, FusionRadioGroup, FusionCheckboxGroup, FusionModal, FusionCircularProgressIndicator, FusionCircularProgressIndicatorLabel, FusionCircularProgressIndicatorLabelChecklist, FusionCircularProgressIndicatorLabelCollection, FusionMonthDatePicker, FusionFileUploaderButton, FusionRangeDatePicker, };
44
+ export { FusionInput, FusionButton, FusionTextarea, FusionCheckbox, FusionRadio, FusionTextLink, FusionSelect, FusionPasswordInput, FusionPhoneInput, FusionBanner, FusionLoadingSpinner, FusionDatePicker, FusionSearchableInput, FusionNumericInputStepper, FusionTag, FusionDivider, FusionCard, FusionProgressBar, FusionContextMenu, FusionMenuItem, FusionPlatformBar, FusionSideNavigation, FusionSideNavigationItem, FusionListItem, FusionListBox, FusionWidget, FusionToastMessage, FusionToolBar, FusionActionBar, FusionIconButton, FusionKeyValuePair, FusionFooterBar, FusionSubheadingBar, FusionRadioGroup, FusionCheckboxGroup, FusionModal, FusionCircularProgressIndicator, FusionCircularProgressIndicatorLabel, FusionCircularProgressIndicatorLabelChecklist, FusionCircularProgressIndicatorLabelCollection, FusionMonthDatePicker, FusionFileUploaderButton, FusionRangeDatePicker, };