@ambita/design-system 3.0.27-31.0 → 3.0.27-321.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 (82) hide show
  1. package/dist/aux.common.js +66593 -6213
  2. package/dist/aux.common.js.map +1 -1
  3. package/dist/aux.umd.js +66593 -6213
  4. package/dist/aux.umd.js.map +1 -1
  5. package/dist/aux.umd.min.js +35 -1
  6. package/dist/aux.umd.min.js.map +1 -1
  7. package/dist/css/colors-css-variables.css +55 -0
  8. package/dist/css/colors-css-variables.scss +63 -52
  9. package/dist/css/colors-scss-variables.scss +9 -1
  10. package/dist/favicons/ambita/favicon.ico +0 -0
  11. package/dist/favicons/ambita/favicon.svg +9 -0
  12. package/dist/types/components/AuxAriaAnnouncer/AuxAriaAnnouncer.stories.d.ts +21 -0
  13. package/dist/types/components/AuxAriaAnnouncer/AuxAriaAnnouncer.vue.d.ts +7 -7
  14. package/dist/types/components/Banner/Banner.stories.d.ts +48 -0
  15. package/dist/types/components/Banner/Banner.vue.d.ts +15 -15
  16. package/dist/types/components/Button/Button.stories.d.ts +55 -0
  17. package/dist/types/components/Button/Button.vue.d.ts +19 -14
  18. package/dist/types/components/Card/Card.stories.d.ts +7 -0
  19. package/dist/types/components/Card/Card.vue.d.ts +1 -5
  20. package/dist/types/components/Checkbox/Checkbox.stories.d.ts +65 -0
  21. package/dist/types/components/Checkbox/Checkbox.vue.d.ts +25 -17
  22. package/dist/types/components/Color/Colors.stories.d.ts +7 -0
  23. package/dist/types/components/Definition/Definition.stories.d.ts +71 -0
  24. package/dist/types/components/Definition/Definition.vue.d.ts +24 -16
  25. package/dist/types/components/DirectionalArrow/DirectionalArrow.stories.d.ts +28 -0
  26. package/dist/types/components/DirectionalArrow/DirectionalArrow.vue.d.ts +8 -7
  27. package/dist/types/components/FormElement/FormElement.vue.d.ts +20 -14
  28. package/dist/types/components/Icons/Icon.stories.d.ts +7 -0
  29. package/dist/types/components/Input/Input.stories.d.ts +122 -0
  30. package/dist/types/components/Input/Input.vue.d.ts +46 -32
  31. package/dist/types/components/JsonForm/Controls/Array.vue.d.ts +35 -0
  32. package/dist/types/components/JsonForm/Controls/Boolean.vue.d.ts +22 -0
  33. package/dist/types/components/JsonForm/Controls/Number.vue.d.ts +19 -0
  34. package/dist/types/components/JsonForm/Controls/String.vue.d.ts +29 -0
  35. package/dist/types/components/JsonForm/Controls/Wrapper.vue.d.ts +27 -0
  36. package/dist/types/components/JsonForm/JsonForm.stories.d.ts +7 -0
  37. package/dist/types/components/JsonForm/Renderers/Array.vue.d.ts +99 -0
  38. package/dist/types/components/JsonForm/Renderers/Boolean.vue.d.ts +99 -0
  39. package/dist/types/components/JsonForm/Renderers/Integer.vue.d.ts +99 -0
  40. package/dist/types/components/JsonForm/Renderers/Layout.vue.d.ts +88 -0
  41. package/dist/types/components/JsonForm/Renderers/Number.vue.d.ts +99 -0
  42. package/dist/types/components/JsonForm/Renderers/Object.vue.d.ts +97 -0
  43. package/dist/types/components/JsonForm/Renderers/String.vue.d.ts +99 -0
  44. package/dist/types/components/JsonForm/Renderers/index.d.ts +9 -0
  45. package/dist/types/components/Link/Link.stories.d.ts +50 -0
  46. package/dist/types/components/Link/Link.vue.d.ts +11 -8
  47. package/dist/types/components/Logo/Logo.stories.d.ts +7 -0
  48. package/dist/types/components/Modal/Actions.vue.d.ts +6 -5
  49. package/dist/types/components/Modal/Modal.stories.d.ts +42 -0
  50. package/dist/types/components/Modal/Modal.vue.d.ts +25 -16
  51. package/dist/types/components/Notification/Notification.stories.d.ts +7 -0
  52. package/dist/types/components/Notification/Notification.vue.d.ts +31 -0
  53. package/dist/types/components/Notification/Notifications.vue.d.ts +20 -0
  54. package/dist/types/components/Pagination/Pagination.stories.d.ts +52 -0
  55. package/dist/types/components/Pagination/Pagination.vue.d.ts +16 -10
  56. package/dist/types/components/Pill/Pill.stories.d.ts +27 -0
  57. package/dist/types/components/Pill/Pill.vue.d.ts +7 -7
  58. package/dist/types/components/Radio/Radio.stories.d.ts +59 -0
  59. package/dist/types/components/Radio/Radio.vue.d.ts +22 -15
  60. package/dist/types/components/Select/Select.stories.d.ts +102 -0
  61. package/dist/types/components/Select/Select.vue.d.ts +36 -23
  62. package/dist/types/components/Spinner/Spinner.stories.d.ts +8 -0
  63. package/dist/types/components/StatusBadge/StatusBadge.stories.d.ts +31 -0
  64. package/dist/types/components/StatusBadge/StatusBadge.vue.d.ts +25 -0
  65. package/dist/types/components/StatusBadge/Statuses.d.ts +1 -0
  66. package/dist/types/components/StatusBanner/StatusBanner.d.ts +2 -0
  67. package/dist/types/components/Tag/Colors.d.ts +1 -0
  68. package/dist/types/components/Tag/Tag.stories.d.ts +27 -0
  69. package/dist/types/components/Tag/Tag.vue.d.ts +21 -0
  70. package/dist/types/components/TextArea/TextArea.stories.d.ts +129 -0
  71. package/dist/types/components/TextArea/TextArea.vue.d.ts +54 -35
  72. package/dist/types/components/Toggle/Toggle.stories.d.ts +101 -0
  73. package/dist/types/components/Toggle/Toggle.vue.d.ts +94 -19
  74. package/dist/types/components/Upload/File/File.vue.d.ts +31 -18
  75. package/dist/types/components/Upload/Upload.stories.d.ts +94 -0
  76. package/dist/types/components/Upload/Upload.vue.d.ts +27 -18
  77. package/dist/types/helpers/formatters/formatDateAndTime/Storybook/formatDateAndTime.stories.d.ts +7 -0
  78. package/dist/types/helpers/formatters/formatQuantity/Storybook/formatAmount.stories.d.ts +7 -0
  79. package/dist/types/helpers/formatters/formatQuantity/Storybook/formatNumber.stories.d.ts +7 -0
  80. package/dist/types/helpers/formatters/formatQuantity/formatNumber.d.ts +1 -0
  81. package/dist/types/index.d.ts +5 -0
  82. package/package.json +6 -2
@@ -30,24 +30,37 @@ declare const _default: import("vue").DefineComponent<{
30
30
  };
31
31
  }, {
32
32
  removeFile: () => void;
33
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove-file"[], "remove-file", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
34
- file?: unknown;
35
- filename?: unknown;
36
- filePath?: unknown;
37
- time?: unknown;
38
- percentage?: unknown;
39
- uuid?: unknown;
40
- failed?: unknown;
41
- } & {
42
- filename: string;
43
- time: string;
44
- uuid: string;
45
- failed: boolean;
46
- } & {
47
- file?: File | undefined;
48
- filePath?: string | undefined;
49
- percentage?: number | undefined;
50
- }> & {
33
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove-file"[], "remove-file", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
34
+ file: {
35
+ type: {
36
+ new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
37
+ prototype: File;
38
+ };
39
+ };
40
+ filename: {
41
+ type: StringConstructor;
42
+ required: true;
43
+ };
44
+ filePath: {
45
+ type: StringConstructor;
46
+ required: false;
47
+ };
48
+ time: {
49
+ type: StringConstructor;
50
+ required: true;
51
+ };
52
+ percentage: {
53
+ type: NumberConstructor;
54
+ };
55
+ uuid: {
56
+ type: StringConstructor;
57
+ required: true;
58
+ };
59
+ failed: {
60
+ type: BooleanConstructor;
61
+ default: boolean;
62
+ };
63
+ }>> & {
51
64
  "onRemove-file"?: ((...args: any[]) => any) | undefined;
52
65
  }, {
53
66
  failed: boolean;
@@ -0,0 +1,94 @@
1
+ import { Story } from '@storybook/vue3';
2
+ declare const _default: {
3
+ title: string;
4
+ component: import("vue").DefineComponent<{
5
+ files: {
6
+ type: ArrayConstructor;
7
+ default: () => never[];
8
+ };
9
+ id: {
10
+ type: StringConstructor;
11
+ default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
12
+ };
13
+ label: {
14
+ type: StringConstructor;
15
+ };
16
+ description: {
17
+ type: StringConstructor;
18
+ };
19
+ hideLabel: {
20
+ type: BooleanConstructor;
21
+ default: boolean;
22
+ };
23
+ maxFileSize: {
24
+ type: NumberConstructor;
25
+ default: NumberConstructor;
26
+ };
27
+ maxAttachmentCount: {
28
+ type: NumberConstructor;
29
+ };
30
+ }, {
31
+ removeFile: (uuid: string) => void;
32
+ filesUploaded: import("vue").ComputedRef<boolean>;
33
+ state: {
34
+ fileList: unknown[];
35
+ isOver: boolean;
36
+ message: string;
37
+ };
38
+ dragLeave: () => void;
39
+ addFile: (event: Event) => void;
40
+ wrapperClasses: import("vue").ComputedRef<{
41
+ 'aux-input-upload-field-wrapper': boolean;
42
+ "aux-input-upload-field-wrapper--drag": boolean;
43
+ "aux-input-upload-field-wrapper--no-drag": boolean;
44
+ }>;
45
+ dragover: () => void;
46
+ inputField: import("vue").Ref<any>;
47
+ inputFieldWrapper: import("vue").Ref<any>;
48
+ errorMessage: import("vue").Ref<string>;
49
+ handleFile: (event: Event) => void;
50
+ filesCollection: any;
51
+ setWarning: (files: FileList) => void;
52
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("file-added" | "file-removed")[], "file-added" | "file-removed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
53
+ files: {
54
+ type: ArrayConstructor;
55
+ default: () => never[];
56
+ };
57
+ id: {
58
+ type: StringConstructor;
59
+ default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
60
+ };
61
+ label: {
62
+ type: StringConstructor;
63
+ };
64
+ description: {
65
+ type: StringConstructor;
66
+ };
67
+ hideLabel: {
68
+ type: BooleanConstructor;
69
+ default: boolean;
70
+ };
71
+ maxFileSize: {
72
+ type: NumberConstructor;
73
+ default: NumberConstructor;
74
+ };
75
+ maxAttachmentCount: {
76
+ type: NumberConstructor;
77
+ };
78
+ }>> & {
79
+ "onFile-added"?: ((...args: any[]) => any) | undefined;
80
+ "onFile-removed"?: ((...args: any[]) => any) | undefined;
81
+ }, {
82
+ hideLabel: boolean;
83
+ id: string;
84
+ files: unknown[];
85
+ maxFileSize: number;
86
+ }>;
87
+ argTypes: {
88
+ onUpload: {
89
+ action: string;
90
+ };
91
+ };
92
+ };
93
+ export default _default;
94
+ export declare const Upload: Story<import("@storybook/vue3").Args>;
@@ -46,24 +46,33 @@ declare const _default: import("vue").DefineComponent<{
46
46
  handleFile: (event: Event) => void;
47
47
  filesCollection: any;
48
48
  setWarning: (files: FileList) => void;
49
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("file-added" | "file-removed")[], "file-added" | "file-removed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
50
- files?: unknown;
51
- id?: unknown;
52
- label?: unknown;
53
- description?: unknown;
54
- hideLabel?: unknown;
55
- maxFileSize?: unknown;
56
- maxAttachmentCount?: unknown;
57
- } & {
58
- hideLabel: boolean;
59
- id: string;
60
- files: unknown[];
61
- maxFileSize: number;
62
- } & {
63
- description?: string | undefined;
64
- label?: string | undefined;
65
- maxAttachmentCount?: number | undefined;
66
- }> & {
49
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("file-added" | "file-removed")[], "file-added" | "file-removed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
50
+ files: {
51
+ type: ArrayConstructor;
52
+ default: () => never[];
53
+ };
54
+ id: {
55
+ type: StringConstructor;
56
+ default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
57
+ };
58
+ label: {
59
+ type: StringConstructor;
60
+ };
61
+ description: {
62
+ type: StringConstructor;
63
+ };
64
+ hideLabel: {
65
+ type: BooleanConstructor;
66
+ default: boolean;
67
+ };
68
+ maxFileSize: {
69
+ type: NumberConstructor;
70
+ default: NumberConstructor;
71
+ };
72
+ maxAttachmentCount: {
73
+ type: NumberConstructor;
74
+ };
75
+ }>> & {
67
76
  "onFile-added"?: ((...args: any[]) => any) | undefined;
68
77
  "onFile-removed"?: ((...args: any[]) => any) | undefined;
69
78
  }, {
@@ -0,0 +1,7 @@
1
+ import { Story } from '@storybook/vue3';
2
+ declare const _default: {
3
+ title: string;
4
+ component: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
5
+ };
6
+ export default _default;
7
+ export declare const formatDateAndTime: Story<import("@storybook/vue3").Args>;
@@ -0,0 +1,7 @@
1
+ import { Story } from '@storybook/vue3';
2
+ declare const _default: {
3
+ title: string;
4
+ component: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
5
+ };
6
+ export default _default;
7
+ export declare const formatAmount: Story<import("@storybook/vue3").Args>;
@@ -0,0 +1,7 @@
1
+ import { Story } from '@storybook/vue3';
2
+ declare const _default: {
3
+ title: string;
4
+ component: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
5
+ };
6
+ export default _default;
7
+ export declare const formatNumber: Story<import("@storybook/vue3").Args>;
@@ -1,6 +1,7 @@
1
1
  export declare type FormatNumberTypes = 'rounded' | 'decimals';
2
2
  export interface FormatNumberOptions {
3
3
  type: FormatNumberTypes;
4
+ decimals?: number;
4
5
  }
5
6
  /**
6
7
  * Returns formatted number using Intl.NumberFormat
@@ -13,10 +13,15 @@ export { default as AuxModal } from './components/Modal/Modal.vue';
13
13
  export { default as AuxTextArea } from './components/TextArea/TextArea.vue';
14
14
  export { default as AuxUpload } from './components/Upload/Upload.vue';
15
15
  export { default as AuxCard } from './components/Card/Card.vue';
16
+ export { default as AuxTag } from './components/Tag/Tag.vue';
16
17
  export { default as AuxToggle } from './components/Toggle/Toggle.vue';
17
18
  export { default as AuxPagination } from './components/Pagination/Pagination.vue';
18
19
  export { default as AuxDirectionalArrow } from './components/DirectionalArrow/DirectionalArrow.vue';
19
20
  export { default as AuxAriaAnnouncer } from './components/AuxAriaAnnouncer/AuxAriaAnnouncer.vue';
21
+ export { default as AuxNotifications } from './components/Notification/Notifications.vue';
22
+ export { default as AuxJsonForm } from './components/JsonForm/JsonForm.vue';
23
+ export { default as AuxStatusBadge } from './components/StatusBadge/StatusBadge.vue';
24
+ export { default as AuxStatusBanner } from './components/StatusBanner/StatusBanner';
20
25
  export { formatDate } from '@/helpers/formatters/formatDateAndTime/';
21
26
  export { formatPrice } from '@/helpers/formatters/formatQuantity/formatAmount';
22
27
  export { formatNumber } from '@/helpers/formatters/formatQuantity/formatNumber';
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "@ambita/design-system",
3
- "version": "3.0.27-31.0",
3
+ "version": "3.0.27-321.0",
4
4
  "scripts": {
5
5
  "start": "npm run storybook",
6
6
  "serve": "vue-cli-service serve",
7
7
  "build:storybook": "npm run storybook:build",
8
8
  "build:package": "vue-cli-service build --target lib --name aux ./src/index.ts",
9
9
  "deploy-package": "npm run build-package && npm publish --tag beta",
10
+ "sass-compile": "sass ./src/css/colors-css-variables.scss ./dist/css/colors-css-variables.css --no-source-map",
10
11
  "test:unit": "vue-cli-service test:unit",
11
12
  "test-watch:unit": "vue-cli-service test:unit --watch",
12
13
  "lint": "vue-cli-service lint",
@@ -16,6 +17,9 @@
16
17
  "phosphor:update": "node scripts/phosphorUpdate.js"
17
18
  },
18
19
  "dependencies": {
20
+ "@jsonforms/vue": "^3.0.0",
21
+ "@types/aws-iot-device-sdk": "^2.2.4",
22
+ "aws-iot-device-sdk": "^1.0.13",
19
23
  "core-js": "^3.6.5",
20
24
  "sanitize.css": "12.0.1",
21
25
  "uuid": "^3.4.0",
@@ -52,7 +56,7 @@
52
56
  "prettier": "^2.2.1",
53
57
  "sass": "^1.26.5",
54
58
  "sass-loader": "^8.0.2",
55
- "simple-git": "^3.14.1",
59
+ "simple-git": "^3.16.0",
56
60
  "tsconfig-paths-webpack-plugin": "^3.5.1",
57
61
  "typescript": "~4.5.5",
58
62
  "vue-jest": "^5.0.0-0",