@mekari/pixel3-toggle 0.0.5 → 0.0.6-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
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
|
+
import { useId } from "@mekari/pixel3-utils";
|
|
10
11
|
import { toggleSlotRecipe, sharedSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
11
12
|
function _isSlot(s) {
|
|
12
13
|
return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !_isVNode(s);
|
|
@@ -24,6 +25,7 @@ var MpToggle = defineComponent({
|
|
|
24
25
|
}) {
|
|
25
26
|
const classes = toggleSlotRecipe();
|
|
26
27
|
const sharedClasses = sharedSlotRecipe();
|
|
28
|
+
const getId = props.id || `mp-toggle-${useId()}`;
|
|
27
29
|
const handleChecked = /* @__PURE__ */ __name(() => {
|
|
28
30
|
return props.isChecked;
|
|
29
31
|
}, "handleChecked");
|
|
@@ -40,7 +42,6 @@ var MpToggle = defineComponent({
|
|
|
40
42
|
const children = slots.default && slots.default();
|
|
41
43
|
const description = slots.description && slots.description();
|
|
42
44
|
const {
|
|
43
|
-
id,
|
|
44
45
|
name,
|
|
45
46
|
value,
|
|
46
47
|
isDisabled,
|
|
@@ -48,7 +49,7 @@ var MpToggle = defineComponent({
|
|
|
48
49
|
isReadOnly
|
|
49
50
|
} = props;
|
|
50
51
|
return _createVNode("label", {
|
|
51
|
-
"for":
|
|
52
|
+
"for": getId,
|
|
52
53
|
"role": "checkbox",
|
|
53
54
|
"class": classes.root,
|
|
54
55
|
"data-pixel-component": "MpToggle",
|
|
@@ -58,7 +59,7 @@ var MpToggle = defineComponent({
|
|
|
58
59
|
"aria-readonly": isReadOnly,
|
|
59
60
|
"data-has-description": Boolean(description)
|
|
60
61
|
}, [_createVNode("input", _mergeProps({
|
|
61
|
-
"id":
|
|
62
|
+
"id": getId,
|
|
62
63
|
"class": sharedClasses.hidden,
|
|
63
64
|
"type": "checkbox",
|
|
64
65
|
"name": name,
|
package/dist/index.js
CHANGED
|
@@ -29,6 +29,7 @@ module.exports = __toCommonJS(src_exports);
|
|
|
29
29
|
var import_vue = require("vue");
|
|
30
30
|
var import_vue2 = require("vue");
|
|
31
31
|
var import_pixel3_text = require("@mekari/pixel3-text");
|
|
32
|
+
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
32
33
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
33
34
|
|
|
34
35
|
// src/modules/toggle.props.ts
|
|
@@ -74,6 +75,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
74
75
|
}) {
|
|
75
76
|
const classes = (0, import_recipes.toggleSlotRecipe)();
|
|
76
77
|
const sharedClasses = (0, import_recipes.sharedSlotRecipe)();
|
|
78
|
+
const getId = props.id || `mp-toggle-${(0, import_pixel3_utils.useId)()}`;
|
|
77
79
|
const handleChecked = /* @__PURE__ */ __name(() => {
|
|
78
80
|
return props.isChecked;
|
|
79
81
|
}, "handleChecked");
|
|
@@ -90,7 +92,6 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
90
92
|
const children = slots.default && slots.default();
|
|
91
93
|
const description = slots.description && slots.description();
|
|
92
94
|
const {
|
|
93
|
-
id,
|
|
94
95
|
name,
|
|
95
96
|
value,
|
|
96
97
|
isDisabled,
|
|
@@ -98,7 +99,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
98
99
|
isReadOnly
|
|
99
100
|
} = props;
|
|
100
101
|
return (0, import_vue.createVNode)("label", {
|
|
101
|
-
"for":
|
|
102
|
+
"for": getId,
|
|
102
103
|
"role": "checkbox",
|
|
103
104
|
"class": classes.root,
|
|
104
105
|
"data-pixel-component": "MpToggle",
|
|
@@ -108,7 +109,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
108
109
|
"aria-readonly": isReadOnly,
|
|
109
110
|
"data-has-description": Boolean(description)
|
|
110
111
|
}, [(0, import_vue.createVNode)("input", (0, import_vue.mergeProps)({
|
|
111
|
-
"id":
|
|
112
|
+
"id": getId,
|
|
112
113
|
"class": sharedClasses.hidden,
|
|
113
114
|
"type": "checkbox",
|
|
114
115
|
"name": name,
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/toggle.props.ts":{"bytes":398,"imports":[],"format":"esm"},"src/toggle.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/toggle.props.ts":{"bytes":398,"imports":[],"format":"esm"},"src/toggle.tsx":{"bytes":2883,"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-utils","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-utils","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":3013},"src/modules/toggle.props.ts":{"bytesInOutput":288}},"bytes":4500},"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-utils","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":3143},"src/modules/toggle.props.ts":{"bytesInOutput":288}},"bytes":4492},"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":398,"imports":[],"format":"esm"},"src/toggle.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/toggle.props.ts":{"bytes":398,"imports":[],"format":"esm"},"src/toggle.tsx":{"bytes":2883,"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-utils","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-BZ5JG6SK.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-BZ5JG6SK.mjs","kind":"import-statement"},{"path":"dist/chunk-KWTZAGAF.mjs","kind":"import-statement"}],"exports":["MpToggle"],"entryPoint":"src/toggle.tsx","inputs":{},"bytes":105},"dist/chunk-BZ5JG6SK.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-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpToggle"],"inputs":{"src/toggle.tsx":{"bytesInOutput":2826}},"bytes":2933},"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.js
CHANGED
|
@@ -27,6 +27,7 @@ module.exports = __toCommonJS(toggle_exports);
|
|
|
27
27
|
var import_vue = require("vue");
|
|
28
28
|
var import_vue2 = require("vue");
|
|
29
29
|
var import_pixel3_text = require("@mekari/pixel3-text");
|
|
30
|
+
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
30
31
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
31
32
|
|
|
32
33
|
// src/modules/toggle.props.ts
|
|
@@ -72,6 +73,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
72
73
|
}) {
|
|
73
74
|
const classes = (0, import_recipes.toggleSlotRecipe)();
|
|
74
75
|
const sharedClasses = (0, import_recipes.sharedSlotRecipe)();
|
|
76
|
+
const getId = props.id || `mp-toggle-${(0, import_pixel3_utils.useId)()}`;
|
|
75
77
|
const handleChecked = /* @__PURE__ */ __name(() => {
|
|
76
78
|
return props.isChecked;
|
|
77
79
|
}, "handleChecked");
|
|
@@ -88,7 +90,6 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
88
90
|
const children = slots.default && slots.default();
|
|
89
91
|
const description = slots.description && slots.description();
|
|
90
92
|
const {
|
|
91
|
-
id,
|
|
92
93
|
name,
|
|
93
94
|
value,
|
|
94
95
|
isDisabled,
|
|
@@ -96,7 +97,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
96
97
|
isReadOnly
|
|
97
98
|
} = props;
|
|
98
99
|
return (0, import_vue.createVNode)("label", {
|
|
99
|
-
"for":
|
|
100
|
+
"for": getId,
|
|
100
101
|
"role": "checkbox",
|
|
101
102
|
"class": classes.root,
|
|
102
103
|
"data-pixel-component": "MpToggle",
|
|
@@ -106,7 +107,7 @@ var MpToggle = (0, import_vue2.defineComponent)({
|
|
|
106
107
|
"aria-readonly": isReadOnly,
|
|
107
108
|
"data-has-description": Boolean(description)
|
|
108
109
|
}, [(0, import_vue.createVNode)("input", (0, import_vue.mergeProps)({
|
|
109
|
-
"id":
|
|
110
|
+
"id": getId,
|
|
110
111
|
"class": sharedClasses.hidden,
|
|
111
112
|
"type": "checkbox",
|
|
112
113
|
"name": name,
|
package/dist/toggle.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
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.6-dev.0",
|
|
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-text": "0.0.
|
|
14
|
-
"@mekari/pixel3-
|
|
11
|
+
"@mekari/pixel3-icon": "0.0.6-dev.0",
|
|
12
|
+
"@mekari/pixel3-styled-system": "0.0.4-dev.0",
|
|
13
|
+
"@mekari/pixel3-text": "0.0.6-dev.0",
|
|
14
|
+
"@mekari/pixel3-utils": "0.0.4"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"vue": "^3.4.9"
|
|
@@ -36,7 +36,6 @@
|
|
|
36
36
|
"build": "tsup && pnpm build:types",
|
|
37
37
|
"build:fast": "tsup",
|
|
38
38
|
"build:types": "tsup src --dts-only",
|
|
39
|
-
"build:external": "tsup src/index.tsx --external",
|
|
40
39
|
"types:check": "tsc --noEmit",
|
|
41
40
|
"replace-config": "clean-package",
|
|
42
41
|
"restore-config": "clean-package restore"
|