@mekari/pixel3-toggle 0.0.3 → 0.0.5
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-L4GVYBMY.mjs → chunk-GW32QUPX.mjs} +7 -5
- package/dist/{chunk-WEV7WLTZ.mjs → chunk-KWTZAGAF.mjs} +0 -3
- package/dist/index.js +5 -6
- 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 +0 -3
- package/dist/modules/toggle.props.d.ts +0 -3
- package/dist/modules/toggle.props.js +0 -3
- package/dist/modules/toggle.props.mjs +1 -1
- package/dist/toggle.d.mts +0 -6
- package/dist/toggle.d.ts +0 -6
- package/dist/toggle.js +5 -6
- package/dist/toggle.mjs +2 -2
- package/package.json +7 -6
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
__name,
|
|
3
3
|
toggleProps
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-KWTZAGAF.mjs";
|
|
5
5
|
|
|
6
6
|
// src/toggle.tsx
|
|
7
|
-
import { isVNode as _isVNode, createVNode as _createVNode } from "vue";
|
|
7
|
+
import { isVNode as _isVNode, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
|
|
8
8
|
import { defineComponent } from "vue";
|
|
9
9
|
import { MpText } from "@mekari/pixel3-text";
|
|
10
10
|
import { toggleSlotRecipe, sharedSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
@@ -16,9 +16,11 @@ var MpToggle = defineComponent({
|
|
|
16
16
|
name: "MpToggle",
|
|
17
17
|
props: toggleProps,
|
|
18
18
|
emits: ["click", "change", "update:isChecked"],
|
|
19
|
+
inheritAttrs: false,
|
|
19
20
|
setup(props, {
|
|
20
21
|
slots,
|
|
21
|
-
emit
|
|
22
|
+
emit,
|
|
23
|
+
attrs
|
|
22
24
|
}) {
|
|
23
25
|
const classes = toggleSlotRecipe();
|
|
24
26
|
const sharedClasses = sharedSlotRecipe();
|
|
@@ -55,7 +57,7 @@ var MpToggle = defineComponent({
|
|
|
55
57
|
"aria-invalid": isInvalid,
|
|
56
58
|
"aria-readonly": isReadOnly,
|
|
57
59
|
"data-has-description": Boolean(description)
|
|
58
|
-
}, [_createVNode("input", {
|
|
60
|
+
}, [_createVNode("input", _mergeProps({
|
|
59
61
|
"id": id,
|
|
60
62
|
"class": sharedClasses.hidden,
|
|
61
63
|
"type": "checkbox",
|
|
@@ -65,7 +67,7 @@ var MpToggle = defineComponent({
|
|
|
65
67
|
"disabled": isDisabled ? true : void 0,
|
|
66
68
|
"onChange": onChange,
|
|
67
69
|
"onClick": onClick
|
|
68
|
-
}, null), _createVNode("div", {
|
|
70
|
+
}, attrs), null), _createVNode("div", {
|
|
69
71
|
"class": classes.control
|
|
70
72
|
}, [_createVNode("div", null, null)]), _createVNode("div", {
|
|
71
73
|
"class": classes.label
|
package/dist/index.js
CHANGED
|
@@ -43,9 +43,6 @@ var toggleProps = {
|
|
|
43
43
|
value: {
|
|
44
44
|
type: String
|
|
45
45
|
},
|
|
46
|
-
modelValue: {
|
|
47
|
-
type: String
|
|
48
|
-
},
|
|
49
46
|
isChecked: {
|
|
50
47
|
type: Boolean
|
|
51
48
|
},
|
|
@@ -69,9 +66,11 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
69
66
|
name: "MpToggle",
|
|
70
67
|
props: toggleProps,
|
|
71
68
|
emits: ["click", "change", "update:isChecked"],
|
|
69
|
+
inheritAttrs: false,
|
|
72
70
|
setup(props, {
|
|
73
71
|
slots,
|
|
74
|
-
emit
|
|
72
|
+
emit,
|
|
73
|
+
attrs
|
|
75
74
|
}) {
|
|
76
75
|
const classes = (0, import_recipes.toggleSlotRecipe)();
|
|
77
76
|
const sharedClasses = (0, import_recipes.sharedSlotRecipe)();
|
|
@@ -108,7 +107,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
108
107
|
"aria-invalid": isInvalid,
|
|
109
108
|
"aria-readonly": isReadOnly,
|
|
110
109
|
"data-has-description": Boolean(description)
|
|
111
|
-
}, [(0, import_vue.createVNode)("input", {
|
|
110
|
+
}, [(0, import_vue.createVNode)("input", (0, import_vue.mergeProps)({
|
|
112
111
|
"id": id,
|
|
113
112
|
"class": sharedClasses.hidden,
|
|
114
113
|
"type": "checkbox",
|
|
@@ -118,7 +117,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
118
117
|
"disabled": isDisabled ? true : void 0,
|
|
119
118
|
"onChange": onChange,
|
|
120
119
|
"onClick": onClick
|
|
121
|
-
}, null), (0, import_vue.createVNode)("div", {
|
|
120
|
+
}, attrs), null), (0, import_vue.createVNode)("div", {
|
|
122
121
|
"class": classes.control
|
|
123
122
|
}, [(0, import_vue.createVNode)("div", null, null)]), (0, import_vue.createVNode)("div", {
|
|
124
123
|
"class": classes.label
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/toggle.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/toggle.props.ts":{"bytes":398,"imports":[],"format":"esm"},"src/toggle.tsx":{"bytes":2789,"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":2881},"src/modules/toggle.props.ts":{"bytesInOutput":288}},"bytes":4368},"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":3011},"src/modules/toggle.props.ts":{"bytesInOutput":288}},"bytes":4360},"dist/modules/toggle.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/toggle.props.ts","inputs":{"src/modules/toggle.props.ts":{"bytesInOutput":442}},"bytes":1378}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/toggle.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/toggle.props.ts":{"bytes":398,"imports":[],"format":"esm"},"src/toggle.tsx":{"bytes":2789,"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-GW32QUPX.mjs","kind":"import-statement"},{"path":"dist/chunk-KWTZAGAF.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-GW32QUPX.mjs","kind":"import-statement"},{"path":"dist/chunk-KWTZAGAF.mjs","kind":"import-statement"}],"exports":["MpToggle"],"entryPoint":"src/toggle.tsx","inputs":{},"bytes":105},"dist/chunk-GW32QUPX.mjs":{"imports":[{"path":"dist/chunk-KWTZAGAF.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":2732}},"bytes":2839},"dist/modules/toggle.props.mjs":{"imports":[{"path":"dist/chunk-KWTZAGAF.mjs","kind":"import-statement"}],"exports":["toggleProps"],"entryPoint":"src/modules/toggle.props.ts","inputs":{},"bytes":81},"dist/chunk-KWTZAGAF.mjs":{"imports":[],"exports":["__name","toggleProps"],"inputs":{"src/modules/toggle.props.ts":{"bytesInOutput":288}},"bytes":486}}}
|
package/dist/toggle.d.mts
CHANGED
|
@@ -12,9 +12,6 @@ declare const MpToggle: vue.DefineComponent<{
|
|
|
12
12
|
value: {
|
|
13
13
|
type: StringConstructor;
|
|
14
14
|
};
|
|
15
|
-
modelValue: {
|
|
16
|
-
type: StringConstructor;
|
|
17
|
-
};
|
|
18
15
|
isChecked: {
|
|
19
16
|
type: BooleanConstructor;
|
|
20
17
|
};
|
|
@@ -38,9 +35,6 @@ declare const MpToggle: vue.DefineComponent<{
|
|
|
38
35
|
value: {
|
|
39
36
|
type: StringConstructor;
|
|
40
37
|
};
|
|
41
|
-
modelValue: {
|
|
42
|
-
type: StringConstructor;
|
|
43
|
-
};
|
|
44
38
|
isChecked: {
|
|
45
39
|
type: BooleanConstructor;
|
|
46
40
|
};
|
package/dist/toggle.d.ts
CHANGED
|
@@ -12,9 +12,6 @@ declare const MpToggle: vue.DefineComponent<{
|
|
|
12
12
|
value: {
|
|
13
13
|
type: StringConstructor;
|
|
14
14
|
};
|
|
15
|
-
modelValue: {
|
|
16
|
-
type: StringConstructor;
|
|
17
|
-
};
|
|
18
15
|
isChecked: {
|
|
19
16
|
type: BooleanConstructor;
|
|
20
17
|
};
|
|
@@ -38,9 +35,6 @@ declare const MpToggle: vue.DefineComponent<{
|
|
|
38
35
|
value: {
|
|
39
36
|
type: StringConstructor;
|
|
40
37
|
};
|
|
41
|
-
modelValue: {
|
|
42
|
-
type: StringConstructor;
|
|
43
|
-
};
|
|
44
38
|
isChecked: {
|
|
45
39
|
type: BooleanConstructor;
|
|
46
40
|
};
|
package/dist/toggle.js
CHANGED
|
@@ -41,9 +41,6 @@ var toggleProps = {
|
|
|
41
41
|
value: {
|
|
42
42
|
type: String
|
|
43
43
|
},
|
|
44
|
-
modelValue: {
|
|
45
|
-
type: String
|
|
46
|
-
},
|
|
47
44
|
isChecked: {
|
|
48
45
|
type: Boolean
|
|
49
46
|
},
|
|
@@ -67,9 +64,11 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
67
64
|
name: "MpToggle",
|
|
68
65
|
props: toggleProps,
|
|
69
66
|
emits: ["click", "change", "update:isChecked"],
|
|
67
|
+
inheritAttrs: false,
|
|
70
68
|
setup(props, {
|
|
71
69
|
slots,
|
|
72
|
-
emit
|
|
70
|
+
emit,
|
|
71
|
+
attrs
|
|
73
72
|
}) {
|
|
74
73
|
const classes = (0, import_recipes.toggleSlotRecipe)();
|
|
75
74
|
const sharedClasses = (0, import_recipes.sharedSlotRecipe)();
|
|
@@ -106,7 +105,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
106
105
|
"aria-invalid": isInvalid,
|
|
107
106
|
"aria-readonly": isReadOnly,
|
|
108
107
|
"data-has-description": Boolean(description)
|
|
109
|
-
}, [(0, import_vue.createVNode)("input", {
|
|
108
|
+
}, [(0, import_vue.createVNode)("input", (0, import_vue.mergeProps)({
|
|
110
109
|
"id": id,
|
|
111
110
|
"class": sharedClasses.hidden,
|
|
112
111
|
"type": "checkbox",
|
|
@@ -116,7 +115,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
116
115
|
"disabled": isDisabled ? true : void 0,
|
|
117
116
|
"onChange": onChange,
|
|
118
117
|
"onClick": onClick
|
|
119
|
-
}, null), (0, import_vue.createVNode)("div", {
|
|
118
|
+
}, attrs), null), (0, import_vue.createVNode)("div", {
|
|
120
119
|
"class": classes.control
|
|
121
120
|
}, [(0, import_vue.createVNode)("div", null, null)]), (0, import_vue.createVNode)("div", {
|
|
122
121
|
"class": classes.label
|
package/dist/toggle.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,22 +1,23 @@
|
|
|
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.5",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@mekari/pixel3-
|
|
12
|
-
"@mekari/pixel3-
|
|
13
|
-
"@mekari/pixel3-
|
|
11
|
+
"@mekari/pixel3-styled-system": "0.0.3",
|
|
12
|
+
"@mekari/pixel3-utils": "0.0.4",
|
|
13
|
+
"@mekari/pixel3-text": "0.0.5",
|
|
14
|
+
"@mekari/pixel3-icon": "0.0.5"
|
|
14
15
|
},
|
|
15
16
|
"peerDependencies": {
|
|
16
|
-
"vue": "^3.
|
|
17
|
+
"vue": "^3.4.9"
|
|
17
18
|
},
|
|
18
19
|
"devDependencies": {
|
|
19
|
-
"vue": "^3.
|
|
20
|
+
"vue": "^3.4.9"
|
|
20
21
|
},
|
|
21
22
|
"publishConfig": {
|
|
22
23
|
"access": "public"
|