@mekari/pixel3-progress 0.0.1 → 0.0.3
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.
- package/dist/{chunk-ANRJP6RI.mjs → chunk-P2TSWQAT.mjs} +10 -8
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +9 -7
- package/dist/index.mjs +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/progress.d.mts +2 -1
- package/dist/progress.d.ts +2 -1
- package/dist/progress.js +9 -7
- package/dist/progress.mjs +1 -1
- package/package.json +4 -4
|
@@ -5,16 +5,18 @@ import {
|
|
|
5
5
|
|
|
6
6
|
// src/progress.tsx
|
|
7
7
|
import { createVNode as _createVNode } from "vue";
|
|
8
|
-
import { defineComponent } from "vue";
|
|
8
|
+
import { defineComponent, computed } from "vue";
|
|
9
9
|
import { progressSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
10
10
|
import { token } from "@mekari/pixel3-styled-system/tokens";
|
|
11
11
|
var MpProgress = defineComponent({
|
|
12
12
|
name: "MpProgress",
|
|
13
13
|
props: progressProps,
|
|
14
14
|
setup(props) {
|
|
15
|
-
const classes =
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
const classes = computed(() => {
|
|
16
|
+
return progressSlotRecipe({
|
|
17
|
+
size: props.size,
|
|
18
|
+
variant: props.variant
|
|
19
|
+
});
|
|
18
20
|
});
|
|
19
21
|
const progressValue = /* @__PURE__ */ __name((val) => {
|
|
20
22
|
let value = Number(val);
|
|
@@ -33,7 +35,7 @@ var MpProgress = defineComponent({
|
|
|
33
35
|
color
|
|
34
36
|
} = props;
|
|
35
37
|
return _createVNode("div", {
|
|
36
|
-
"class": classes.root,
|
|
38
|
+
"class": classes.value.root,
|
|
37
39
|
"data-pixel-component": "MpProgress",
|
|
38
40
|
"role": "progressbar",
|
|
39
41
|
"aria-valuemax": "100",
|
|
@@ -44,11 +46,11 @@ var MpProgress = defineComponent({
|
|
|
44
46
|
"--mp-progress-width": progressValue(value)
|
|
45
47
|
}
|
|
46
48
|
}, [props.variant === "linear" && _createVNode("div", {
|
|
47
|
-
"class": classes.linear
|
|
49
|
+
"class": classes.value.linear
|
|
48
50
|
}, null), props.variant === "circular" && _createVNode("div", {
|
|
49
|
-
"class": classes.circularBase
|
|
51
|
+
"class": classes.value.circularBase
|
|
50
52
|
}, [_createVNode("div", {
|
|
51
|
-
"class": classes.circularTrack
|
|
53
|
+
"class": classes.value.circularTrack
|
|
52
54
|
}, null)])]);
|
|
53
55
|
};
|
|
54
56
|
}
|
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -56,9 +56,11 @@ var MpProgress = (0, import_vue2.defineComponent)({
|
|
|
56
56
|
name: "MpProgress",
|
|
57
57
|
props: progressProps,
|
|
58
58
|
setup(props) {
|
|
59
|
-
const classes = (0,
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
const classes = (0, import_vue2.computed)(() => {
|
|
60
|
+
return (0, import_recipes.progressSlotRecipe)({
|
|
61
|
+
size: props.size,
|
|
62
|
+
variant: props.variant
|
|
63
|
+
});
|
|
62
64
|
});
|
|
63
65
|
const progressValue = /* @__PURE__ */ __name((val) => {
|
|
64
66
|
let value = Number(val);
|
|
@@ -77,7 +79,7 @@ var MpProgress = (0, import_vue2.defineComponent)({
|
|
|
77
79
|
color
|
|
78
80
|
} = props;
|
|
79
81
|
return (0, import_vue.createVNode)("div", {
|
|
80
|
-
"class": classes.root,
|
|
82
|
+
"class": classes.value.root,
|
|
81
83
|
"data-pixel-component": "MpProgress",
|
|
82
84
|
"role": "progressbar",
|
|
83
85
|
"aria-valuemax": "100",
|
|
@@ -88,11 +90,11 @@ var MpProgress = (0, import_vue2.defineComponent)({
|
|
|
88
90
|
"--mp-progress-width": progressValue(value)
|
|
89
91
|
}
|
|
90
92
|
}, [props.variant === "linear" && (0, import_vue.createVNode)("div", {
|
|
91
|
-
"class": classes.linear
|
|
93
|
+
"class": classes.value.linear
|
|
92
94
|
}, null), props.variant === "circular" && (0, import_vue.createVNode)("div", {
|
|
93
|
-
"class": classes.circularBase
|
|
95
|
+
"class": classes.value.circularBase
|
|
94
96
|
}, [(0, import_vue.createVNode)("div", {
|
|
95
|
-
"class": classes.circularTrack
|
|
97
|
+
"class": classes.value.circularTrack
|
|
96
98
|
}, null)])]);
|
|
97
99
|
};
|
|
98
100
|
}
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/progress.props.ts":{"bytes":624,"imports":[{"path":"../modules/progress.type","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"format":"esm"},"src/progress.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/progress.props.ts":{"bytes":624,"imports":[{"path":"../modules/progress.type","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"format":"esm"},"src/progress.tsx":{"bytes":1839,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"src/modules/progress.props.ts","kind":"import-statement","original":"./modules/progress.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":125,"imports":[{"path":"src/progress.tsx","kind":"import-statement","original":"./progress"}],"format":"esm"},"src/modules/progress.type.ts":{"bytes":177,"imports":[],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":125},"src/progress.tsx":{"bytesInOutput":1693},"src/modules/progress.props.ts":{"bytesInOutput":241}},"bytes":3145},"dist/progress.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/progress.tsx","inputs":{"src/progress.tsx":{"bytesInOutput":1833},"src/modules/progress.props.ts":{"bytesInOutput":241}},"bytes":3143},"dist/modules/progress.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/progress.props.ts","inputs":{"src/modules/progress.props.ts":{"bytesInOutput":405}},"bytes":1345},"dist/modules/progress.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/progress.type.ts","inputs":{"src/modules/progress.type.ts":{"bytesInOutput":86}},"bytes":790}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/progress.props.ts":{"bytes":624,"imports":[{"path":"../modules/progress.type","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"format":"esm"},"src/progress.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/progress.props.ts":{"bytes":624,"imports":[{"path":"../modules/progress.type","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"format":"esm"},"src/progress.tsx":{"bytes":1839,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"src/modules/progress.props.ts","kind":"import-statement","original":"./modules/progress.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":125,"imports":[{"path":"src/progress.tsx","kind":"import-statement","original":"./progress"}],"format":"esm"},"src/modules/progress.type.ts":{"bytes":177,"imports":[],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-P2TSWQAT.mjs","kind":"import-statement"},{"path":"dist/chunk-624LFHHP.mjs","kind":"import-statement"}],"exports":["MpProgress"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":109},"dist/progress.mjs":{"imports":[{"path":"dist/chunk-P2TSWQAT.mjs","kind":"import-statement"},{"path":"dist/chunk-624LFHHP.mjs","kind":"import-statement"}],"exports":["MpProgress"],"entryPoint":"src/progress.tsx","inputs":{},"bytes":109},"dist/chunk-P2TSWQAT.mjs":{"imports":[{"path":"dist/chunk-624LFHHP.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"exports":["MpProgress"],"inputs":{"src/progress.tsx":{"bytesInOutput":1591}},"bytes":1704},"dist/modules/progress.props.mjs":{"imports":[{"path":"dist/chunk-624LFHHP.mjs","kind":"import-statement"}],"exports":["progressProps"],"entryPoint":"src/modules/progress.props.ts","inputs":{},"bytes":85},"dist/chunk-624LFHHP.mjs":{"imports":[],"exports":["__name","progressProps"],"inputs":{"src/modules/progress.props.ts":{"bytesInOutput":241}},"bytes":443},"dist/modules/progress.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/progress.type.ts","inputs":{"src/modules/progress.type.ts":{"bytesInOutput":0}},"bytes":0}}}
|
package/dist/progress.d.mts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as vue_jsx_runtime from 'vue/jsx-runtime';
|
|
1
2
|
import * as vue from 'vue';
|
|
2
3
|
import { ProgressVariant, ProgressSize } from './modules/progress.type.mjs';
|
|
3
4
|
|
|
@@ -18,7 +19,7 @@ declare const MpProgress: vue.DefineComponent<{
|
|
|
18
19
|
type: StringConstructor;
|
|
19
20
|
default: string;
|
|
20
21
|
};
|
|
21
|
-
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.
|
|
22
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
22
23
|
variant: {
|
|
23
24
|
type: vue.PropType<ProgressVariant>;
|
|
24
25
|
default: string;
|
package/dist/progress.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as vue_jsx_runtime from 'vue/jsx-runtime';
|
|
1
2
|
import * as vue from 'vue';
|
|
2
3
|
import { ProgressVariant, ProgressSize } from './modules/progress.type.js';
|
|
3
4
|
|
|
@@ -18,7 +19,7 @@ declare const MpProgress: vue.DefineComponent<{
|
|
|
18
19
|
type: StringConstructor;
|
|
19
20
|
default: string;
|
|
20
21
|
};
|
|
21
|
-
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.
|
|
22
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
22
23
|
variant: {
|
|
23
24
|
type: vue.PropType<ProgressVariant>;
|
|
24
25
|
default: string;
|
package/dist/progress.js
CHANGED
|
@@ -54,9 +54,11 @@ var MpProgress = (0, import_vue2.defineComponent)({
|
|
|
54
54
|
name: "MpProgress",
|
|
55
55
|
props: progressProps,
|
|
56
56
|
setup(props) {
|
|
57
|
-
const classes = (0,
|
|
58
|
-
|
|
59
|
-
|
|
57
|
+
const classes = (0, import_vue2.computed)(() => {
|
|
58
|
+
return (0, import_recipes.progressSlotRecipe)({
|
|
59
|
+
size: props.size,
|
|
60
|
+
variant: props.variant
|
|
61
|
+
});
|
|
60
62
|
});
|
|
61
63
|
const progressValue = /* @__PURE__ */ __name((val) => {
|
|
62
64
|
let value = Number(val);
|
|
@@ -75,7 +77,7 @@ var MpProgress = (0, import_vue2.defineComponent)({
|
|
|
75
77
|
color
|
|
76
78
|
} = props;
|
|
77
79
|
return (0, import_vue.createVNode)("div", {
|
|
78
|
-
"class": classes.root,
|
|
80
|
+
"class": classes.value.root,
|
|
79
81
|
"data-pixel-component": "MpProgress",
|
|
80
82
|
"role": "progressbar",
|
|
81
83
|
"aria-valuemax": "100",
|
|
@@ -86,11 +88,11 @@ var MpProgress = (0, import_vue2.defineComponent)({
|
|
|
86
88
|
"--mp-progress-width": progressValue(value)
|
|
87
89
|
}
|
|
88
90
|
}, [props.variant === "linear" && (0, import_vue.createVNode)("div", {
|
|
89
|
-
"class": classes.linear
|
|
91
|
+
"class": classes.value.linear
|
|
90
92
|
}, null), props.variant === "circular" && (0, import_vue.createVNode)("div", {
|
|
91
|
-
"class": classes.circularBase
|
|
93
|
+
"class": classes.value.circularBase
|
|
92
94
|
}, [(0, import_vue.createVNode)("div", {
|
|
93
|
-
"class": classes.circularTrack
|
|
95
|
+
"class": classes.value.circularTrack
|
|
94
96
|
}, null)])]);
|
|
95
97
|
};
|
|
96
98
|
}
|
package/dist/progress.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-progress",
|
|
3
3
|
"description": "Progress component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.3",
|
|
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.
|
|
12
|
-
"@mekari/pixel3-spinner": "0.0.
|
|
13
|
-
"@mekari/pixel3-styled-system": "0.0.
|
|
11
|
+
"@mekari/pixel3-icon": "0.0.3",
|
|
12
|
+
"@mekari/pixel3-spinner": "0.0.3",
|
|
13
|
+
"@mekari/pixel3-styled-system": "0.0.2"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
16
|
"vue": "^3.3.7"
|