@mekari/pixel3-toggle 0.0.0 → 0.0.1
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-RHUQV5AD.mjs → chunk-L4GVYBMY.mjs} +4 -4
- package/dist/{chunk-LIZN4GWD.mjs → chunk-WEV7WLTZ.mjs} +1 -1
- package/dist/index.js +5 -5
- package/dist/index.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/toggle.props.d.mts +1 -1
- package/dist/modules/toggle.props.d.ts +1 -1
- package/dist/modules/toggle.props.js +1 -1
- package/dist/modules/toggle.props.mjs +1 -1
- package/dist/toggle.d.mts +4 -4
- package/dist/toggle.d.ts +4 -4
- package/dist/toggle.js +4 -4
- package/dist/toggle.mjs +2 -2
- package/package.json +4 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
__name,
|
|
3
3
|
toggleProps
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-WEV7WLTZ.mjs";
|
|
5
5
|
|
|
6
6
|
// src/toggle.tsx
|
|
7
7
|
import { isVNode as _isVNode, createVNode as _createVNode } from "vue";
|
|
@@ -26,7 +26,7 @@ var MpToggle = defineComponent({
|
|
|
26
26
|
return props.isChecked;
|
|
27
27
|
}, "handleChecked");
|
|
28
28
|
const onChange = /* @__PURE__ */ __name(() => {
|
|
29
|
-
if (!props.isDisabled || !props.
|
|
29
|
+
if (!props.isDisabled || !props.isReadOnly) {
|
|
30
30
|
emit("change", !props.isChecked, props.value);
|
|
31
31
|
emit("update:isChecked", !props.isChecked);
|
|
32
32
|
}
|
|
@@ -43,7 +43,7 @@ var MpToggle = defineComponent({
|
|
|
43
43
|
value,
|
|
44
44
|
isDisabled,
|
|
45
45
|
isInvalid,
|
|
46
|
-
|
|
46
|
+
isReadOnly
|
|
47
47
|
} = props;
|
|
48
48
|
return _createVNode("label", {
|
|
49
49
|
"for": id,
|
|
@@ -53,7 +53,7 @@ var MpToggle = defineComponent({
|
|
|
53
53
|
"aria-checked": handleChecked(),
|
|
54
54
|
"aria-disabled": isDisabled,
|
|
55
55
|
"aria-invalid": isInvalid,
|
|
56
|
-
"aria-readonly":
|
|
56
|
+
"aria-readonly": isReadOnly,
|
|
57
57
|
"data-has-description": Boolean(description)
|
|
58
58
|
}, [_createVNode("input", {
|
|
59
59
|
"id": id,
|
package/dist/index.js
CHANGED
|
@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
20
|
|
|
21
|
-
// src/index.
|
|
21
|
+
// src/index.ts
|
|
22
22
|
var src_exports = {};
|
|
23
23
|
__export(src_exports, {
|
|
24
24
|
MpToggle: () => MpToggle
|
|
@@ -55,7 +55,7 @@ var toggleProps = {
|
|
|
55
55
|
isInvalid: {
|
|
56
56
|
type: Boolean
|
|
57
57
|
},
|
|
58
|
-
|
|
58
|
+
isReadOnly: {
|
|
59
59
|
type: Boolean
|
|
60
60
|
}
|
|
61
61
|
};
|
|
@@ -79,7 +79,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
79
79
|
return props.isChecked;
|
|
80
80
|
}, "handleChecked");
|
|
81
81
|
const onChange = /* @__PURE__ */ __name(() => {
|
|
82
|
-
if (!props.isDisabled || !props.
|
|
82
|
+
if (!props.isDisabled || !props.isReadOnly) {
|
|
83
83
|
emit("change", !props.isChecked, props.value);
|
|
84
84
|
emit("update:isChecked", !props.isChecked);
|
|
85
85
|
}
|
|
@@ -96,7 +96,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
96
96
|
value,
|
|
97
97
|
isDisabled,
|
|
98
98
|
isInvalid,
|
|
99
|
-
|
|
99
|
+
isReadOnly
|
|
100
100
|
} = props;
|
|
101
101
|
return (0, import_vue.createVNode)("label", {
|
|
102
102
|
"for": id,
|
|
@@ -106,7 +106,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
106
106
|
"aria-checked": handleChecked(),
|
|
107
107
|
"aria-disabled": isDisabled,
|
|
108
108
|
"aria-invalid": isInvalid,
|
|
109
|
-
"aria-readonly":
|
|
109
|
+
"aria-readonly": isReadOnly,
|
|
110
110
|
"data-has-description": Boolean(description)
|
|
111
111
|
}, [(0, import_vue.createVNode)("input", {
|
|
112
112
|
"id": id,
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/toggle.props.ts":{"bytes":436,"imports":[],"format":"esm"},"src/toggle.tsx":{"bytes":2708,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toggle.props.ts","kind":"import-statement","original":"./modules/toggle.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.
|
|
1
|
+
{"inputs":{"src/modules/toggle.props.ts":{"bytes":436,"imports":[],"format":"esm"},"src/toggle.tsx":{"bytes":2708,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toggle.props.ts","kind":"import-statement","original":"./modules/toggle.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":121,"imports":[{"path":"src/toggle.tsx","kind":"import-statement","original":"./toggle"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","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":121},"src/toggle.tsx":{"bytesInOutput":2812},"src/modules/toggle.props.ts":{"bytesInOutput":326}},"bytes":4337},"dist/toggle.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/toggle.tsx","inputs":{"src/toggle.tsx":{"bytesInOutput":2942},"src/modules/toggle.props.ts":{"bytesInOutput":326}},"bytes":4329},"dist/modules/toggle.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/toggle.props.ts","inputs":{"src/modules/toggle.props.ts":{"bytesInOutput":480}},"bytes":1416}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/toggle.props.ts":{"bytes":436,"imports":[],"format":"esm"},"src/toggle.tsx":{"bytes":2708,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toggle.props.ts","kind":"import-statement","original":"./modules/toggle.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.
|
|
1
|
+
{"inputs":{"src/modules/toggle.props.ts":{"bytes":436,"imports":[],"format":"esm"},"src/toggle.tsx":{"bytes":2708,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/toggle.props.ts","kind":"import-statement","original":"./modules/toggle.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":121,"imports":[{"path":"src/toggle.tsx","kind":"import-statement","original":"./toggle"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-L4GVYBMY.mjs","kind":"import-statement"},{"path":"dist/chunk-WEV7WLTZ.mjs","kind":"import-statement"}],"exports":["MpToggle"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":105},"dist/toggle.mjs":{"imports":[{"path":"dist/chunk-L4GVYBMY.mjs","kind":"import-statement"},{"path":"dist/chunk-WEV7WLTZ.mjs","kind":"import-statement"}],"exports":["MpToggle"],"entryPoint":"src/toggle.tsx","inputs":{},"bytes":105},"dist/chunk-L4GVYBMY.mjs":{"imports":[{"path":"dist/chunk-WEV7WLTZ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpToggle"],"inputs":{"src/toggle.tsx":{"bytesInOutput":2651}},"bytes":2758},"dist/modules/toggle.props.mjs":{"imports":[{"path":"dist/chunk-WEV7WLTZ.mjs","kind":"import-statement"}],"exports":["toggleProps"],"entryPoint":"src/modules/toggle.props.ts","inputs":{},"bytes":81},"dist/chunk-WEV7WLTZ.mjs":{"imports":[],"exports":["__name","toggleProps"],"inputs":{"src/modules/toggle.props.ts":{"bytesInOutput":326}},"bytes":524}}}
|
package/dist/toggle.d.mts
CHANGED
|
@@ -23,7 +23,7 @@ declare const MpToggle: vue.DefineComponent<{
|
|
|
23
23
|
isInvalid: {
|
|
24
24
|
type: BooleanConstructor;
|
|
25
25
|
};
|
|
26
|
-
|
|
26
|
+
isReadOnly: {
|
|
27
27
|
type: BooleanConstructor;
|
|
28
28
|
};
|
|
29
29
|
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "change" | "update:isChecked")[], "click" | "change" | "update:isChecked", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
@@ -49,19 +49,19 @@ declare const MpToggle: vue.DefineComponent<{
|
|
|
49
49
|
isInvalid: {
|
|
50
50
|
type: BooleanConstructor;
|
|
51
51
|
};
|
|
52
|
-
|
|
52
|
+
isReadOnly: {
|
|
53
53
|
type: BooleanConstructor;
|
|
54
54
|
};
|
|
55
55
|
}>> & {
|
|
56
|
-
onClick?: ((...args: any[]) => any) | undefined;
|
|
57
56
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
57
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
58
58
|
"onUpdate:isChecked"?: ((...args: any[]) => any) | undefined;
|
|
59
59
|
}, {
|
|
60
60
|
id: string;
|
|
61
61
|
isChecked: boolean;
|
|
62
62
|
isDisabled: boolean;
|
|
63
63
|
isInvalid: boolean;
|
|
64
|
-
|
|
64
|
+
isReadOnly: boolean;
|
|
65
65
|
}, {}>;
|
|
66
66
|
|
|
67
67
|
export { MpToggle };
|
package/dist/toggle.d.ts
CHANGED
|
@@ -23,7 +23,7 @@ declare const MpToggle: vue.DefineComponent<{
|
|
|
23
23
|
isInvalid: {
|
|
24
24
|
type: BooleanConstructor;
|
|
25
25
|
};
|
|
26
|
-
|
|
26
|
+
isReadOnly: {
|
|
27
27
|
type: BooleanConstructor;
|
|
28
28
|
};
|
|
29
29
|
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "change" | "update:isChecked")[], "click" | "change" | "update:isChecked", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
@@ -49,19 +49,19 @@ declare const MpToggle: vue.DefineComponent<{
|
|
|
49
49
|
isInvalid: {
|
|
50
50
|
type: BooleanConstructor;
|
|
51
51
|
};
|
|
52
|
-
|
|
52
|
+
isReadOnly: {
|
|
53
53
|
type: BooleanConstructor;
|
|
54
54
|
};
|
|
55
55
|
}>> & {
|
|
56
|
-
onClick?: ((...args: any[]) => any) | undefined;
|
|
57
56
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
57
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
58
58
|
"onUpdate:isChecked"?: ((...args: any[]) => any) | undefined;
|
|
59
59
|
}, {
|
|
60
60
|
id: string;
|
|
61
61
|
isChecked: boolean;
|
|
62
62
|
isDisabled: boolean;
|
|
63
63
|
isInvalid: boolean;
|
|
64
|
-
|
|
64
|
+
isReadOnly: boolean;
|
|
65
65
|
}, {}>;
|
|
66
66
|
|
|
67
67
|
export { MpToggle };
|
package/dist/toggle.js
CHANGED
|
@@ -53,7 +53,7 @@ var toggleProps = {
|
|
|
53
53
|
isInvalid: {
|
|
54
54
|
type: Boolean
|
|
55
55
|
},
|
|
56
|
-
|
|
56
|
+
isReadOnly: {
|
|
57
57
|
type: Boolean
|
|
58
58
|
}
|
|
59
59
|
};
|
|
@@ -77,7 +77,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
77
77
|
return props.isChecked;
|
|
78
78
|
}, "handleChecked");
|
|
79
79
|
const onChange = /* @__PURE__ */ __name(() => {
|
|
80
|
-
if (!props.isDisabled || !props.
|
|
80
|
+
if (!props.isDisabled || !props.isReadOnly) {
|
|
81
81
|
emit("change", !props.isChecked, props.value);
|
|
82
82
|
emit("update:isChecked", !props.isChecked);
|
|
83
83
|
}
|
|
@@ -94,7 +94,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
94
94
|
value,
|
|
95
95
|
isDisabled,
|
|
96
96
|
isInvalid,
|
|
97
|
-
|
|
97
|
+
isReadOnly
|
|
98
98
|
} = props;
|
|
99
99
|
return (0, import_vue.createVNode)("label", {
|
|
100
100
|
"for": id,
|
|
@@ -104,7 +104,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
104
104
|
"aria-checked": handleChecked(),
|
|
105
105
|
"aria-disabled": isDisabled,
|
|
106
106
|
"aria-invalid": isInvalid,
|
|
107
|
-
"aria-readonly":
|
|
107
|
+
"aria-readonly": isReadOnly,
|
|
108
108
|
"data-has-description": Boolean(description)
|
|
109
109
|
}, [(0, import_vue.createVNode)("input", {
|
|
110
110
|
"id": id,
|
package/dist/toggle.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-toggle",
|
|
3
3
|
"description": "Toggle component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.1",
|
|
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-text": "0.0.
|
|
13
|
-
"@mekari/pixel3-styled-system": "0.0.
|
|
11
|
+
"@mekari/pixel3-icon": "0.0.1",
|
|
12
|
+
"@mekari/pixel3-text": "0.0.1",
|
|
13
|
+
"@mekari/pixel3-styled-system": "0.0.1"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
16
|
"vue": "^3.3.7"
|