@mekari/pixel3-upload 0.0.2 → 0.0.4

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.
@@ -4,7 +4,7 @@ import {
4
4
  import {
5
5
  uploadListEmit,
6
6
  uploadListProps
7
- } from "./chunk-P2IS3QXL.mjs";
7
+ } from "./chunk-CG6QEFOR.mjs";
8
8
  import {
9
9
  __name
10
10
  } from "./chunk-QZ7VFGWC.mjs";
@@ -4,7 +4,7 @@ import {
4
4
  import {
5
5
  uploadEmit,
6
6
  uploadProps
7
- } from "./chunk-P2IS3QXL.mjs";
7
+ } from "./chunk-CG6QEFOR.mjs";
8
8
  import {
9
9
  __name
10
10
  } from "./chunk-QZ7VFGWC.mjs";
@@ -38,10 +38,10 @@ var MpUpload = defineComponent({
38
38
  } = useUpload(props, emit);
39
39
  return () => {
40
40
  const {
41
- buttonCaption
41
+ buttonText
42
42
  } = props;
43
- return _createVNode("div", rootAttrs.value, [_createVNode(MpButton, buttonAttrs.value, _isSlot(buttonCaption) ? buttonCaption : {
44
- default: () => [buttonCaption]
43
+ return _createVNode("div", rootAttrs.value, [_createVNode(MpButton, buttonAttrs.value, _isSlot(buttonText) ? buttonText : {
44
+ default: () => [buttonText]
45
45
  }), _withDirectives(_createVNode(MpText, textAttrs.value, {
46
46
  default: () => [fileName.value]
47
47
  }), [[_resolveDirective("tooltip"), isShowTooltip.value ? fileName.value : ""]]), totalFiles.value > 0 && _createVNode(MpIcon, resetButtonAttrs.value, null), _createVNode("input", inputAttrs.value, null)]);
@@ -21,16 +21,10 @@ var uploadProps = {
21
21
  type: String,
22
22
  default: "Uploading..."
23
23
  },
24
- buttonCaption: {
24
+ buttonText: {
25
25
  type: String,
26
26
  default: "Choose file"
27
27
  },
28
- value: {
29
- type: String
30
- },
31
- modelValue: {
32
- type: String
33
- },
34
28
  isLoading: {
35
29
  type: Boolean,
36
30
  default: false
@@ -79,7 +73,7 @@ var uploadListProps = {
79
73
  },
80
74
  iconName: {
81
75
  type: String,
82
- default: "image-document"
76
+ default: "img"
83
77
  },
84
78
  iconColor: {
85
79
  type: String,
package/dist/index.d.mts CHANGED
@@ -3,3 +3,6 @@ export { MpUploadList } from './upload-list.mjs';
3
3
  import 'vue/jsx-runtime';
4
4
  import './modules/upload.props.mjs';
5
5
  import 'vue';
6
+ import '@mekari/pixel3-styled-system/tokens';
7
+ import '@mekari/pixel3-utils';
8
+ import '@mekari/pixel3-icon';
package/dist/index.d.ts CHANGED
@@ -3,3 +3,6 @@ export { MpUploadList } from './upload-list.js';
3
3
  import 'vue/jsx-runtime';
4
4
  import './modules/upload.props.js';
5
5
  import 'vue';
6
+ import '@mekari/pixel3-styled-system/tokens';
7
+ import '@mekari/pixel3-utils';
8
+ import '@mekari/pixel3-icon';
package/dist/index.js CHANGED
@@ -56,16 +56,10 @@ var uploadProps = {
56
56
  type: String,
57
57
  default: "Uploading..."
58
58
  },
59
- buttonCaption: {
59
+ buttonText: {
60
60
  type: String,
61
61
  default: "Choose file"
62
62
  },
63
- value: {
64
- type: String
65
- },
66
- modelValue: {
67
- type: String
68
- },
69
63
  isLoading: {
70
64
  type: Boolean,
71
65
  default: false
@@ -114,7 +108,7 @@ var uploadListProps = {
114
108
  },
115
109
  iconName: {
116
110
  type: String,
117
- default: "image-document"
111
+ default: "img"
118
112
  },
119
113
  iconColor: {
120
114
  type: String,
@@ -413,10 +407,10 @@ var MpUpload = (0, import_vue3.defineComponent)({
413
407
  } = useUpload(props, emit);
414
408
  return () => {
415
409
  const {
416
- buttonCaption
410
+ buttonText
417
411
  } = props;
418
- return (0, import_vue2.createVNode)("div", rootAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_button.MpButton, buttonAttrs.value, _isSlot(buttonCaption) ? buttonCaption : {
419
- default: () => [buttonCaption]
412
+ return (0, import_vue2.createVNode)("div", rootAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_button.MpButton, buttonAttrs.value, _isSlot(buttonText) ? buttonText : {
413
+ default: () => [buttonText]
420
414
  }), (0, import_vue2.withDirectives)((0, import_vue2.createVNode)(import_pixel3_text.MpText, textAttrs.value, {
421
415
  default: () => [fileName.value]
422
416
  }), [[(0, import_vue2.resolveDirective)("tooltip"), isShowTooltip.value ? fileName.value : ""]]), totalFiles.value > 0 && (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, resetButtonAttrs.value, null), (0, import_vue2.createVNode)("input", inputAttrs.value, null)]);
package/dist/index.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  MpUploadList
3
- } from "./chunk-QH7SBWSH.mjs";
3
+ } from "./chunk-337O7JTJ.mjs";
4
4
  import {
5
5
  MpUpload
6
- } from "./chunk-XCJP2E47.mjs";
6
+ } from "./chunk-6NPUJDSO.mjs";
7
7
  import "./chunk-IEVDIM2Y.mjs";
8
- import "./chunk-P2IS3QXL.mjs";
8
+ import "./chunk-CG6QEFOR.mjs";
9
9
  import "./chunk-QZ7VFGWC.mjs";
10
10
  export {
11
11
  MpUpload,
@@ -1 +1 @@
1
- {"inputs":{"src/modules/upload.props.ts":{"bytes":2758,"imports":[],"format":"esm"},"src/modules/upload.hooks.ts":{"bytes":6400,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/upload.tsx":{"bytes":1574,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/upload.props.ts","kind":"import-statement","original":"./modules/upload.props"},{"path":"src/modules/upload.hooks.ts","kind":"import-statement","original":"./modules/upload.hooks"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/upload-list.tsx":{"bytes":2517,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/upload.props.ts","kind":"import-statement","original":"./modules/upload.props"},{"path":"src/modules/upload.hooks.ts","kind":"import-statement","original":"./modules/upload.hooks"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":167,"imports":[{"path":"src/upload.tsx","kind":"import-statement","original":"./upload"},{"path":"src/upload-list.tsx","kind":"import-statement","original":"./upload-list"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":157},"src/upload.tsx":{"bytesInOutput":1511},"src/modules/upload.props.ts":{"bytesInOutput":1604},"src/modules/upload.hooks.ts":{"bytesInOutput":6686},"src/upload-list.tsx":{"bytesInOutput":2740}},"bytes":13848},"dist/upload-list.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/upload-list.tsx","inputs":{"src/upload-list.tsx":{"bytesInOutput":2880},"src/modules/upload.props.ts":{"bytesInOutput":690},"src/modules/upload.hooks.ts":{"bytesInOutput":3035}},"bytes":7712},"dist/upload.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/upload.tsx","inputs":{"src/upload.tsx":{"bytesInOutput":1641},"src/modules/upload.props.ts":{"bytesInOutput":914},"src/modules/upload.hooks.ts":{"bytesInOutput":3813}},"bytes":7461},"dist/modules/upload.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/upload.hooks.ts","inputs":{"src/modules/upload.hooks.ts":{"bytesInOutput":6874}},"bytes":7915},"dist/modules/upload.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/upload.props.ts","inputs":{"src/modules/upload.props.ts":{"bytesInOutput":1872}},"bytes":2859}}}
1
+ {"inputs":{"src/modules/upload.props.ts":{"bytes":2871,"imports":[],"format":"esm"},"src/modules/upload.hooks.ts":{"bytes":6400,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/upload.tsx":{"bytes":1562,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/upload.props.ts","kind":"import-statement","original":"./modules/upload.props"},{"path":"src/modules/upload.hooks.ts","kind":"import-statement","original":"./modules/upload.hooks"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/upload-list.tsx":{"bytes":2517,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/upload.props.ts","kind":"import-statement","original":"./modules/upload.props"},{"path":"src/modules/upload.hooks.ts","kind":"import-statement","original":"./modules/upload.hooks"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":167,"imports":[{"path":"src/upload.tsx","kind":"import-statement","original":"./upload"},{"path":"src/upload-list.tsx","kind":"import-statement","original":"./upload-list"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":157},"src/upload.tsx":{"bytesInOutput":1499},"src/modules/upload.props.ts":{"bytesInOutput":1519},"src/modules/upload.hooks.ts":{"bytesInOutput":6686},"src/upload-list.tsx":{"bytesInOutput":2740}},"bytes":13751},"dist/upload-list.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/upload-list.tsx","inputs":{"src/upload-list.tsx":{"bytesInOutput":2880},"src/modules/upload.props.ts":{"bytesInOutput":679},"src/modules/upload.hooks.ts":{"bytesInOutput":3035}},"bytes":7701},"dist/upload.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/upload.tsx","inputs":{"src/upload.tsx":{"bytesInOutput":1629},"src/modules/upload.props.ts":{"bytesInOutput":840},"src/modules/upload.hooks.ts":{"bytesInOutput":3813}},"bytes":7375},"dist/modules/upload.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/upload.hooks.ts","inputs":{"src/modules/upload.hooks.ts":{"bytesInOutput":6874}},"bytes":7915},"dist/modules/upload.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/upload.props.ts","inputs":{"src/modules/upload.props.ts":{"bytesInOutput":1787}},"bytes":2774}}}
@@ -1 +1 @@
1
- {"inputs":{"src/modules/upload.props.ts":{"bytes":2758,"imports":[],"format":"esm"},"src/modules/upload.hooks.ts":{"bytes":6400,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/upload.tsx":{"bytes":1574,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/upload.props.ts","kind":"import-statement","original":"./modules/upload.props"},{"path":"src/modules/upload.hooks.ts","kind":"import-statement","original":"./modules/upload.hooks"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/upload-list.tsx":{"bytes":2517,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/upload.props.ts","kind":"import-statement","original":"./modules/upload.props"},{"path":"src/modules/upload.hooks.ts","kind":"import-statement","original":"./modules/upload.hooks"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":167,"imports":[{"path":"src/upload.tsx","kind":"import-statement","original":"./upload"},{"path":"src/upload-list.tsx","kind":"import-statement","original":"./upload-list"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-QH7SBWSH.mjs","kind":"import-statement"},{"path":"dist/chunk-XCJP2E47.mjs","kind":"import-statement"},{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-P2IS3QXL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpUpload","MpUploadList"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":238},"dist/upload-list.mjs":{"imports":[{"path":"dist/chunk-QH7SBWSH.mjs","kind":"import-statement"},{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-P2IS3QXL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpUploadList"],"entryPoint":"src/upload-list.tsx","inputs":{},"bytes":175},"dist/chunk-QH7SBWSH.mjs":{"imports":[{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-P2IS3QXL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpUploadList"],"inputs":{"src/upload-list.tsx":{"bytesInOutput":2322}},"bytes":2555},"dist/upload.mjs":{"imports":[{"path":"dist/chunk-XCJP2E47.mjs","kind":"import-statement"},{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-P2IS3QXL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpUpload"],"entryPoint":"src/upload.tsx","inputs":{},"bytes":167},"dist/chunk-XCJP2E47.mjs":{"imports":[{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-P2IS3QXL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpUpload"],"inputs":{"src/upload.tsx":{"bytesInOutput":1391}},"bytes":1603},"dist/modules/upload.hooks.mjs":{"imports":[{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useUpload","useUploadList"],"entryPoint":"src/modules/upload.hooks.ts","inputs":{},"bytes":143},"dist/chunk-IEVDIM2Y.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useUpload","useUploadList"],"inputs":{"src/modules/upload.hooks.ts":{"bytesInOutput":6223}},"bytes":6346},"dist/modules/upload.props.mjs":{"imports":[{"path":"dist/chunk-P2IS3QXL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["uploadEmit","uploadListEmit","uploadListProps","uploadProps"],"entryPoint":"src/modules/upload.props.ts","inputs":{},"bytes":215},"dist/chunk-P2IS3QXL.mjs":{"imports":[],"exports":["uploadEmit","uploadListEmit","uploadListProps","uploadProps"],"inputs":{"src/modules/upload.props.ts":{"bytesInOutput":1604}},"bytes":1713},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
1
+ {"inputs":{"src/modules/upload.props.ts":{"bytes":2871,"imports":[],"format":"esm"},"src/modules/upload.hooks.ts":{"bytes":6400,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/upload.tsx":{"bytes":1562,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/upload.props.ts","kind":"import-statement","original":"./modules/upload.props"},{"path":"src/modules/upload.hooks.ts","kind":"import-statement","original":"./modules/upload.hooks"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/upload-list.tsx":{"bytes":2517,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/upload.props.ts","kind":"import-statement","original":"./modules/upload.props"},{"path":"src/modules/upload.hooks.ts","kind":"import-statement","original":"./modules/upload.hooks"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":167,"imports":[{"path":"src/upload.tsx","kind":"import-statement","original":"./upload"},{"path":"src/upload-list.tsx","kind":"import-statement","original":"./upload-list"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-337O7JTJ.mjs","kind":"import-statement"},{"path":"dist/chunk-6NPUJDSO.mjs","kind":"import-statement"},{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-CG6QEFOR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpUpload","MpUploadList"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":238},"dist/upload-list.mjs":{"imports":[{"path":"dist/chunk-337O7JTJ.mjs","kind":"import-statement"},{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-CG6QEFOR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpUploadList"],"entryPoint":"src/upload-list.tsx","inputs":{},"bytes":175},"dist/chunk-337O7JTJ.mjs":{"imports":[{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-CG6QEFOR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpUploadList"],"inputs":{"src/upload-list.tsx":{"bytesInOutput":2322}},"bytes":2555},"dist/upload.mjs":{"imports":[{"path":"dist/chunk-6NPUJDSO.mjs","kind":"import-statement"},{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-CG6QEFOR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpUpload"],"entryPoint":"src/upload.tsx","inputs":{},"bytes":167},"dist/chunk-6NPUJDSO.mjs":{"imports":[{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-CG6QEFOR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpUpload"],"inputs":{"src/upload.tsx":{"bytesInOutput":1379}},"bytes":1591},"dist/modules/upload.hooks.mjs":{"imports":[{"path":"dist/chunk-IEVDIM2Y.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useUpload","useUploadList"],"entryPoint":"src/modules/upload.hooks.ts","inputs":{},"bytes":143},"dist/chunk-IEVDIM2Y.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useUpload","useUploadList"],"inputs":{"src/modules/upload.hooks.ts":{"bytesInOutput":6223}},"bytes":6346},"dist/modules/upload.props.mjs":{"imports":[{"path":"dist/chunk-CG6QEFOR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["uploadEmit","uploadListEmit","uploadListProps","uploadProps"],"entryPoint":"src/modules/upload.props.ts","inputs":{},"bytes":215},"dist/chunk-CG6QEFOR.mjs":{"imports":[],"exports":["uploadEmit","uploadListEmit","uploadListProps","uploadProps"],"inputs":{"src/modules/upload.props.ts":{"bytesInOutput":1519}},"bytes":1628},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
@@ -1,5 +1,8 @@
1
+ import * as _mekari_pixel3_styled_system_tokens from '@mekari/pixel3-styled-system/tokens';
2
+ import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
1
3
  import * as vue from 'vue';
2
4
  import { UploadProps, UploadEmits, UploadListProps, UploadListEmits } from './upload.props.mjs';
5
+ import '@mekari/pixel3-icon';
3
6
 
4
7
  declare function useUpload(props: UploadProps, emit: UploadEmits): {
5
8
  rootAttrs: vue.ComputedRef<{
@@ -60,9 +63,9 @@ declare function useUploadList(props: UploadListProps, emit: UploadListEmits): {
60
63
  }>;
61
64
  iconAttrs: vue.ComputedRef<{
62
65
  size: "md";
63
- name: string;
64
- color: string;
65
- variant: "outline" | "duotone" | "fill";
66
+ name: "filter" | "upload" | "reset" | "error" | "done" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-list" | "time" | "undo" | "verified" | "video-recorder" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | _mekari_pixel3_utils.CombinedString;
67
+ color: _mekari_pixel3_utils.CombinedString | _mekari_pixel3_styled_system_tokens.ColorToken;
68
+ variant: "fill" | "outline" | "duotone";
66
69
  }>;
67
70
  titleWrapperAttrs: vue.ComputedRef<{
68
71
  class: string;
@@ -1,5 +1,8 @@
1
+ import * as _mekari_pixel3_styled_system_tokens from '@mekari/pixel3-styled-system/tokens';
2
+ import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
1
3
  import * as vue from 'vue';
2
4
  import { UploadProps, UploadEmits, UploadListProps, UploadListEmits } from './upload.props.js';
5
+ import '@mekari/pixel3-icon';
3
6
 
4
7
  declare function useUpload(props: UploadProps, emit: UploadEmits): {
5
8
  rootAttrs: vue.ComputedRef<{
@@ -60,9 +63,9 @@ declare function useUploadList(props: UploadListProps, emit: UploadListEmits): {
60
63
  }>;
61
64
  iconAttrs: vue.ComputedRef<{
62
65
  size: "md";
63
- name: string;
64
- color: string;
65
- variant: "outline" | "duotone" | "fill";
66
+ name: "filter" | "upload" | "reset" | "error" | "done" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-list" | "time" | "undo" | "verified" | "video-recorder" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | _mekari_pixel3_utils.CombinedString;
67
+ color: _mekari_pixel3_utils.CombinedString | _mekari_pixel3_styled_system_tokens.ColorToken;
68
+ variant: "fill" | "outline" | "duotone";
66
69
  }>;
67
70
  titleWrapperAttrs: vue.ComputedRef<{
68
71
  class: string;
@@ -1,4 +1,7 @@
1
1
  import { PropType, ExtractPropTypes } from 'vue';
2
+ import { ColorToken } from '@mekari/pixel3-styled-system/tokens';
3
+ import { CombinedString } from '@mekari/pixel3-utils';
4
+ import { IconVariant } from '@mekari/pixel3-icon';
2
5
 
3
6
  type File = {
4
7
  [key: string]: unknown;
@@ -25,16 +28,10 @@ declare const uploadProps: {
25
28
  type: PropType<string>;
26
29
  default: string;
27
30
  };
28
- buttonCaption: {
31
+ buttonText: {
29
32
  type: PropType<string>;
30
33
  default: string;
31
34
  };
32
- value: {
33
- type: PropType<string>;
34
- };
35
- modelValue: {
36
- type: PropType<string>;
37
- };
38
35
  isLoading: {
39
36
  type: PropType<boolean>;
40
37
  default: boolean;
@@ -70,7 +67,7 @@ declare const uploadListProps: {
70
67
  default: string;
71
68
  };
72
69
  status: {
73
- type: PropType<"error" | "success" | "loading">;
70
+ type: PropType<"success" | "error" | "loading">;
74
71
  default: string;
75
72
  };
76
73
  title: {
@@ -82,15 +79,15 @@ declare const uploadListProps: {
82
79
  default: string;
83
80
  };
84
81
  iconName: {
85
- type: PropType<string>;
82
+ type: PropType<"filter" | "upload" | "reset" | "error" | "done" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-list" | "time" | "undo" | "verified" | "video-recorder" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | CombinedString>;
86
83
  default: string;
87
84
  };
88
85
  iconColor: {
89
- type: PropType<string>;
86
+ type: PropType<CombinedString | ColorToken>;
90
87
  default: string;
91
88
  };
92
89
  iconVariant: {
93
- type: PropType<string>;
90
+ type: PropType<IconVariant>;
94
91
  default: string;
95
92
  };
96
93
  isShowDownloadButton: {
@@ -1,4 +1,7 @@
1
1
  import { PropType, ExtractPropTypes } from 'vue';
2
+ import { ColorToken } from '@mekari/pixel3-styled-system/tokens';
3
+ import { CombinedString } from '@mekari/pixel3-utils';
4
+ import { IconVariant } from '@mekari/pixel3-icon';
2
5
 
3
6
  type File = {
4
7
  [key: string]: unknown;
@@ -25,16 +28,10 @@ declare const uploadProps: {
25
28
  type: PropType<string>;
26
29
  default: string;
27
30
  };
28
- buttonCaption: {
31
+ buttonText: {
29
32
  type: PropType<string>;
30
33
  default: string;
31
34
  };
32
- value: {
33
- type: PropType<string>;
34
- };
35
- modelValue: {
36
- type: PropType<string>;
37
- };
38
35
  isLoading: {
39
36
  type: PropType<boolean>;
40
37
  default: boolean;
@@ -70,7 +67,7 @@ declare const uploadListProps: {
70
67
  default: string;
71
68
  };
72
69
  status: {
73
- type: PropType<"error" | "success" | "loading">;
70
+ type: PropType<"success" | "error" | "loading">;
74
71
  default: string;
75
72
  };
76
73
  title: {
@@ -82,15 +79,15 @@ declare const uploadListProps: {
82
79
  default: string;
83
80
  };
84
81
  iconName: {
85
- type: PropType<string>;
82
+ type: PropType<"filter" | "upload" | "reset" | "error" | "done" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-list" | "time" | "undo" | "verified" | "video-recorder" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | CombinedString>;
86
83
  default: string;
87
84
  };
88
85
  iconColor: {
89
- type: PropType<string>;
86
+ type: PropType<CombinedString | ColorToken>;
90
87
  default: string;
91
88
  };
92
89
  iconVariant: {
93
- type: PropType<string>;
90
+ type: PropType<IconVariant>;
94
91
  default: string;
95
92
  };
96
93
  isShowDownloadButton: {
@@ -48,16 +48,10 @@ var uploadProps = {
48
48
  type: String,
49
49
  default: "Uploading..."
50
50
  },
51
- buttonCaption: {
51
+ buttonText: {
52
52
  type: String,
53
53
  default: "Choose file"
54
54
  },
55
- value: {
56
- type: String
57
- },
58
- modelValue: {
59
- type: String
60
- },
61
55
  isLoading: {
62
56
  type: Boolean,
63
57
  default: false
@@ -106,7 +100,7 @@ var uploadListProps = {
106
100
  },
107
101
  iconName: {
108
102
  type: String,
109
- default: "image-document"
103
+ default: "img"
110
104
  },
111
105
  iconColor: {
112
106
  type: String,
@@ -3,7 +3,7 @@ import {
3
3
  uploadListEmit,
4
4
  uploadListProps,
5
5
  uploadProps
6
- } from "../chunk-P2IS3QXL.mjs";
6
+ } from "../chunk-CG6QEFOR.mjs";
7
7
  import "../chunk-QZ7VFGWC.mjs";
8
8
  export {
9
9
  uploadEmit,
@@ -1,4 +1,7 @@
1
1
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
+ import * as _mekari_pixel3_icon from '@mekari/pixel3-icon';
3
+ import * as _mekari_pixel3_styled_system_tokens from '@mekari/pixel3-styled-system/tokens';
4
+ import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
2
5
  import * as vue from 'vue';
3
6
 
4
7
  declare const MpUploadList: vue.DefineComponent<{
@@ -7,7 +10,7 @@ declare const MpUploadList: vue.DefineComponent<{
7
10
  default: string;
8
11
  };
9
12
  status: {
10
- type: vue.PropType<"error" | "success" | "loading">;
13
+ type: vue.PropType<"success" | "error" | "loading">;
11
14
  default: string;
12
15
  };
13
16
  title: {
@@ -19,15 +22,15 @@ declare const MpUploadList: vue.DefineComponent<{
19
22
  default: string;
20
23
  };
21
24
  iconName: {
22
- type: vue.PropType<string>;
25
+ type: vue.PropType<"filter" | "upload" | "reset" | "error" | "done" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-list" | "time" | "undo" | "verified" | "video-recorder" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | _mekari_pixel3_utils.CombinedString>;
23
26
  default: string;
24
27
  };
25
28
  iconColor: {
26
- type: vue.PropType<string>;
29
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | _mekari_pixel3_styled_system_tokens.ColorToken>;
27
30
  default: string;
28
31
  };
29
32
  iconVariant: {
30
- type: vue.PropType<string>;
33
+ type: vue.PropType<_mekari_pixel3_icon.IconVariant>;
31
34
  default: string;
32
35
  };
33
36
  isShowDownloadButton: {
@@ -48,7 +51,7 @@ declare const MpUploadList: vue.DefineComponent<{
48
51
  default: string;
49
52
  };
50
53
  status: {
51
- type: vue.PropType<"error" | "success" | "loading">;
54
+ type: vue.PropType<"success" | "error" | "loading">;
52
55
  default: string;
53
56
  };
54
57
  title: {
@@ -60,15 +63,15 @@ declare const MpUploadList: vue.DefineComponent<{
60
63
  default: string;
61
64
  };
62
65
  iconName: {
63
- type: vue.PropType<string>;
66
+ type: vue.PropType<"filter" | "upload" | "reset" | "error" | "done" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-list" | "time" | "undo" | "verified" | "video-recorder" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | _mekari_pixel3_utils.CombinedString>;
64
67
  default: string;
65
68
  };
66
69
  iconColor: {
67
- type: vue.PropType<string>;
70
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | _mekari_pixel3_styled_system_tokens.ColorToken>;
68
71
  default: string;
69
72
  };
70
73
  iconVariant: {
71
- type: vue.PropType<string>;
74
+ type: vue.PropType<_mekari_pixel3_icon.IconVariant>;
72
75
  default: string;
73
76
  };
74
77
  isShowDownloadButton: {
@@ -86,13 +89,13 @@ declare const MpUploadList: vue.DefineComponent<{
86
89
  }>> & {
87
90
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
88
91
  }, {
89
- title: string;
90
92
  id: string;
91
- status: "error" | "success" | "loading";
93
+ status: "success" | "error" | "loading";
94
+ title: string;
92
95
  subtitle: string;
93
- iconName: string;
94
- iconColor: string;
95
- iconVariant: string;
96
+ iconName: "filter" | "upload" | "reset" | "error" | "done" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-list" | "time" | "undo" | "verified" | "video-recorder" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | _mekari_pixel3_utils.CombinedString;
97
+ iconColor: _mekari_pixel3_utils.CombinedString | _mekari_pixel3_styled_system_tokens.ColorToken;
98
+ iconVariant: _mekari_pixel3_icon.IconVariant;
96
99
  isShowDownloadButton: boolean;
97
100
  isShowRemoveButton: boolean;
98
101
  isShowCancelButton: boolean;
@@ -1,4 +1,7 @@
1
1
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
+ import * as _mekari_pixel3_icon from '@mekari/pixel3-icon';
3
+ import * as _mekari_pixel3_styled_system_tokens from '@mekari/pixel3-styled-system/tokens';
4
+ import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
2
5
  import * as vue from 'vue';
3
6
 
4
7
  declare const MpUploadList: vue.DefineComponent<{
@@ -7,7 +10,7 @@ declare const MpUploadList: vue.DefineComponent<{
7
10
  default: string;
8
11
  };
9
12
  status: {
10
- type: vue.PropType<"error" | "success" | "loading">;
13
+ type: vue.PropType<"success" | "error" | "loading">;
11
14
  default: string;
12
15
  };
13
16
  title: {
@@ -19,15 +22,15 @@ declare const MpUploadList: vue.DefineComponent<{
19
22
  default: string;
20
23
  };
21
24
  iconName: {
22
- type: vue.PropType<string>;
25
+ type: vue.PropType<"filter" | "upload" | "reset" | "error" | "done" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-list" | "time" | "undo" | "verified" | "video-recorder" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | _mekari_pixel3_utils.CombinedString>;
23
26
  default: string;
24
27
  };
25
28
  iconColor: {
26
- type: vue.PropType<string>;
29
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | _mekari_pixel3_styled_system_tokens.ColorToken>;
27
30
  default: string;
28
31
  };
29
32
  iconVariant: {
30
- type: vue.PropType<string>;
33
+ type: vue.PropType<_mekari_pixel3_icon.IconVariant>;
31
34
  default: string;
32
35
  };
33
36
  isShowDownloadButton: {
@@ -48,7 +51,7 @@ declare const MpUploadList: vue.DefineComponent<{
48
51
  default: string;
49
52
  };
50
53
  status: {
51
- type: vue.PropType<"error" | "success" | "loading">;
54
+ type: vue.PropType<"success" | "error" | "loading">;
52
55
  default: string;
53
56
  };
54
57
  title: {
@@ -60,15 +63,15 @@ declare const MpUploadList: vue.DefineComponent<{
60
63
  default: string;
61
64
  };
62
65
  iconName: {
63
- type: vue.PropType<string>;
66
+ type: vue.PropType<"filter" | "upload" | "reset" | "error" | "done" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-list" | "time" | "undo" | "verified" | "video-recorder" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | _mekari_pixel3_utils.CombinedString>;
64
67
  default: string;
65
68
  };
66
69
  iconColor: {
67
- type: vue.PropType<string>;
70
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | _mekari_pixel3_styled_system_tokens.ColorToken>;
68
71
  default: string;
69
72
  };
70
73
  iconVariant: {
71
- type: vue.PropType<string>;
74
+ type: vue.PropType<_mekari_pixel3_icon.IconVariant>;
72
75
  default: string;
73
76
  };
74
77
  isShowDownloadButton: {
@@ -86,13 +89,13 @@ declare const MpUploadList: vue.DefineComponent<{
86
89
  }>> & {
87
90
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
88
91
  }, {
89
- title: string;
90
92
  id: string;
91
- status: "error" | "success" | "loading";
93
+ status: "success" | "error" | "loading";
94
+ title: string;
92
95
  subtitle: string;
93
- iconName: string;
94
- iconColor: string;
95
- iconVariant: string;
96
+ iconName: "filter" | "upload" | "reset" | "error" | "done" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-list" | "time" | "undo" | "verified" | "video-recorder" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | _mekari_pixel3_utils.CombinedString;
97
+ iconColor: _mekari_pixel3_utils.CombinedString | _mekari_pixel3_styled_system_tokens.ColorToken;
98
+ iconVariant: _mekari_pixel3_icon.IconVariant;
96
99
  isShowDownloadButton: boolean;
97
100
  isShowRemoveButton: boolean;
98
101
  isShowCancelButton: boolean;
@@ -52,7 +52,7 @@ var uploadListProps = {
52
52
  },
53
53
  iconName: {
54
54
  type: String,
55
- default: "image-document"
55
+ default: "img"
56
56
  },
57
57
  iconColor: {
58
58
  type: String,
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpUploadList
3
- } from "./chunk-QH7SBWSH.mjs";
3
+ } from "./chunk-337O7JTJ.mjs";
4
4
  import "./chunk-IEVDIM2Y.mjs";
5
- import "./chunk-P2IS3QXL.mjs";
5
+ import "./chunk-CG6QEFOR.mjs";
6
6
  import "./chunk-QZ7VFGWC.mjs";
7
7
  export {
8
8
  MpUploadList
package/dist/upload.d.mts CHANGED
@@ -1,6 +1,9 @@
1
1
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
2
  import { File } from './modules/upload.props.mjs';
3
3
  import * as vue from 'vue';
4
+ import '@mekari/pixel3-styled-system/tokens';
5
+ import '@mekari/pixel3-utils';
6
+ import '@mekari/pixel3-icon';
4
7
 
5
8
  declare const MpUpload: vue.DefineComponent<{
6
9
  id: {
@@ -24,16 +27,10 @@ declare const MpUpload: vue.DefineComponent<{
24
27
  type: vue.PropType<string>;
25
28
  default: string;
26
29
  };
27
- buttonCaption: {
30
+ buttonText: {
28
31
  type: vue.PropType<string>;
29
32
  default: string;
30
33
  };
31
- value: {
32
- type: vue.PropType<string>;
33
- };
34
- modelValue: {
35
- type: vue.PropType<string>;
36
- };
37
34
  isLoading: {
38
35
  type: vue.PropType<boolean>;
39
36
  default: boolean;
@@ -84,16 +81,10 @@ declare const MpUpload: vue.DefineComponent<{
84
81
  type: vue.PropType<string>;
85
82
  default: string;
86
83
  };
87
- buttonCaption: {
84
+ buttonText: {
88
85
  type: vue.PropType<string>;
89
86
  default: string;
90
87
  };
91
- value: {
92
- type: vue.PropType<string>;
93
- };
94
- modelValue: {
95
- type: vue.PropType<string>;
96
- };
97
88
  isLoading: {
98
89
  type: vue.PropType<boolean>;
99
90
  default: boolean;
@@ -125,12 +116,12 @@ declare const MpUpload: vue.DefineComponent<{
125
116
  }>> & {
126
117
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
127
118
  }, {
128
- isDisabled: boolean;
129
- isLoading: boolean;
130
119
  id: string;
131
120
  placeholder: string;
132
121
  loadingText: string;
133
- buttonCaption: string;
122
+ buttonText: string;
123
+ isLoading: boolean;
124
+ isDisabled: boolean;
134
125
  isInvalid: boolean;
135
126
  isRequired: boolean;
136
127
  isResetOnChange: boolean;
package/dist/upload.d.ts CHANGED
@@ -1,6 +1,9 @@
1
1
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
2
  import { File } from './modules/upload.props.js';
3
3
  import * as vue from 'vue';
4
+ import '@mekari/pixel3-styled-system/tokens';
5
+ import '@mekari/pixel3-utils';
6
+ import '@mekari/pixel3-icon';
4
7
 
5
8
  declare const MpUpload: vue.DefineComponent<{
6
9
  id: {
@@ -24,16 +27,10 @@ declare const MpUpload: vue.DefineComponent<{
24
27
  type: vue.PropType<string>;
25
28
  default: string;
26
29
  };
27
- buttonCaption: {
30
+ buttonText: {
28
31
  type: vue.PropType<string>;
29
32
  default: string;
30
33
  };
31
- value: {
32
- type: vue.PropType<string>;
33
- };
34
- modelValue: {
35
- type: vue.PropType<string>;
36
- };
37
34
  isLoading: {
38
35
  type: vue.PropType<boolean>;
39
36
  default: boolean;
@@ -84,16 +81,10 @@ declare const MpUpload: vue.DefineComponent<{
84
81
  type: vue.PropType<string>;
85
82
  default: string;
86
83
  };
87
- buttonCaption: {
84
+ buttonText: {
88
85
  type: vue.PropType<string>;
89
86
  default: string;
90
87
  };
91
- value: {
92
- type: vue.PropType<string>;
93
- };
94
- modelValue: {
95
- type: vue.PropType<string>;
96
- };
97
88
  isLoading: {
98
89
  type: vue.PropType<boolean>;
99
90
  default: boolean;
@@ -125,12 +116,12 @@ declare const MpUpload: vue.DefineComponent<{
125
116
  }>> & {
126
117
  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
127
118
  }, {
128
- isDisabled: boolean;
129
- isLoading: boolean;
130
119
  id: string;
131
120
  placeholder: string;
132
121
  loadingText: string;
133
- buttonCaption: string;
122
+ buttonText: string;
123
+ isLoading: boolean;
124
+ isDisabled: boolean;
134
125
  isInvalid: boolean;
135
126
  isRequired: boolean;
136
127
  isResetOnChange: boolean;
package/dist/upload.js CHANGED
@@ -53,16 +53,10 @@ var uploadProps = {
53
53
  type: String,
54
54
  default: "Uploading..."
55
55
  },
56
- buttonCaption: {
56
+ buttonText: {
57
57
  type: String,
58
58
  default: "Choose file"
59
59
  },
60
- value: {
61
- type: String
62
- },
63
- modelValue: {
64
- type: String
65
- },
66
60
  isLoading: {
67
61
  type: Boolean,
68
62
  default: false
@@ -261,10 +255,10 @@ var MpUpload = (0, import_vue3.defineComponent)({
261
255
  } = useUpload(props, emit);
262
256
  return () => {
263
257
  const {
264
- buttonCaption
258
+ buttonText
265
259
  } = props;
266
- return (0, import_vue2.createVNode)("div", rootAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_button.MpButton, buttonAttrs.value, _isSlot(buttonCaption) ? buttonCaption : {
267
- default: () => [buttonCaption]
260
+ return (0, import_vue2.createVNode)("div", rootAttrs.value, [(0, import_vue2.createVNode)(import_pixel3_button.MpButton, buttonAttrs.value, _isSlot(buttonText) ? buttonText : {
261
+ default: () => [buttonText]
268
262
  }), (0, import_vue2.withDirectives)((0, import_vue2.createVNode)(import_pixel3_text.MpText, textAttrs.value, {
269
263
  default: () => [fileName.value]
270
264
  }), [[(0, import_vue2.resolveDirective)("tooltip"), isShowTooltip.value ? fileName.value : ""]]), totalFiles.value > 0 && (0, import_vue2.createVNode)(import_pixel3_icon.MpIcon, resetButtonAttrs.value, null), (0, import_vue2.createVNode)("input", inputAttrs.value, null)]);
package/dist/upload.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpUpload
3
- } from "./chunk-XCJP2E47.mjs";
3
+ } from "./chunk-6NPUJDSO.mjs";
4
4
  import "./chunk-IEVDIM2Y.mjs";
5
- import "./chunk-P2IS3QXL.mjs";
5
+ import "./chunk-CG6QEFOR.mjs";
6
6
  import "./chunk-QZ7VFGWC.mjs";
7
7
  export {
8
8
  MpUpload
package/package.json CHANGED
@@ -1,25 +1,25 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-upload",
3
3
  "description": "Upload component for mekari pixel 3",
4
- "version": "0.0.2",
4
+ "version": "0.0.4",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
8
8
  "dist"
9
9
  ],
10
10
  "dependencies": {
11
- "@mekari/pixel3-icon": "0.0.3",
12
- "@mekari/pixel3-spinner": "0.0.3",
13
- "@mekari/pixel3-utils": "0.0.2",
14
- "@mekari/pixel3-text": "0.0.3",
15
- "@mekari/pixel3-styled-system": "0.0.2",
16
- "@mekari/pixel3-button": "0.0.3"
11
+ "@mekari/pixel3-button": "0.0.5",
12
+ "@mekari/pixel3-icon": "0.0.5",
13
+ "@mekari/pixel3-spinner": "0.0.5",
14
+ "@mekari/pixel3-styled-system": "0.0.3",
15
+ "@mekari/pixel3-text": "0.0.5",
16
+ "@mekari/pixel3-utils": "0.0.4"
17
17
  },
18
18
  "peerDependencies": {
19
- "vue": "^3.3.7"
19
+ "vue": "^3.4.9"
20
20
  },
21
21
  "devDependencies": {
22
- "vue": "^3.3.7"
22
+ "vue": "^3.4.9"
23
23
  },
24
24
  "publishConfig": {
25
25
  "access": "public"