@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.
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  __name,
3
3
  toggleProps
4
- } from "./chunk-LIZN4GWD.mjs";
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.isReadonly) {
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
- isReadonly
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": isReadonly,
56
+ "aria-readonly": isReadOnly,
57
57
  "data-has-description": Boolean(description)
58
58
  }, [_createVNode("input", {
59
59
  "id": id,
@@ -25,7 +25,7 @@ var toggleProps = {
25
25
  isInvalid: {
26
26
  type: Boolean
27
27
  },
28
- isReadonly: {
28
+ isReadOnly: {
29
29
  type: Boolean
30
30
  }
31
31
  };
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.tsx
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
- isReadonly: {
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.isReadonly) {
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
- isReadonly
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": isReadonly,
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
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  MpToggle
3
- } from "./chunk-RHUQV5AD.mjs";
4
- import "./chunk-LIZN4GWD.mjs";
3
+ } from "./chunk-L4GVYBMY.mjs";
4
+ import "./chunk-WEV7WLTZ.mjs";
5
5
  export {
6
6
  MpToggle
7
7
  };
@@ -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.tsx":{"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.tsx","inputs":{"src/index.tsx":{"bytesInOutput":121},"src/toggle.tsx":{"bytesInOutput":2812},"src/modules/toggle.props.ts":{"bytesInOutput":326}},"bytes":4338},"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}}}
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}}}
@@ -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.tsx":{"bytes":121,"imports":[{"path":"src/toggle.tsx","kind":"import-statement","original":"./toggle"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-RHUQV5AD.mjs","kind":"import-statement"},{"path":"dist/chunk-LIZN4GWD.mjs","kind":"import-statement"}],"exports":["MpToggle"],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":0}},"bytes":105},"dist/toggle.mjs":{"imports":[{"path":"dist/chunk-RHUQV5AD.mjs","kind":"import-statement"},{"path":"dist/chunk-LIZN4GWD.mjs","kind":"import-statement"}],"exports":["MpToggle"],"entryPoint":"src/toggle.tsx","inputs":{},"bytes":105},"dist/chunk-RHUQV5AD.mjs":{"imports":[{"path":"dist/chunk-LIZN4GWD.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-LIZN4GWD.mjs","kind":"import-statement"}],"exports":["toggleProps"],"entryPoint":"src/modules/toggle.props.ts","inputs":{},"bytes":81},"dist/chunk-LIZN4GWD.mjs":{"imports":[],"exports":["__name","toggleProps"],"inputs":{"src/modules/toggle.props.ts":{"bytesInOutput":326}},"bytes":524}}}
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}}}
@@ -21,7 +21,7 @@ declare const toggleProps: {
21
21
  isInvalid: {
22
22
  type: BooleanConstructor;
23
23
  };
24
- isReadonly: {
24
+ isReadOnly: {
25
25
  type: BooleanConstructor;
26
26
  };
27
27
  };
@@ -21,7 +21,7 @@ declare const toggleProps: {
21
21
  isInvalid: {
22
22
  type: BooleanConstructor;
23
23
  };
24
- isReadonly: {
24
+ isReadOnly: {
25
25
  type: BooleanConstructor;
26
26
  };
27
27
  };
@@ -46,7 +46,7 @@ var toggleProps = {
46
46
  isInvalid: {
47
47
  type: Boolean
48
48
  },
49
- isReadonly: {
49
+ isReadOnly: {
50
50
  type: Boolean
51
51
  }
52
52
  };
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  toggleProps
3
- } from "../chunk-LIZN4GWD.mjs";
3
+ } from "../chunk-WEV7WLTZ.mjs";
4
4
  export {
5
5
  toggleProps
6
6
  };
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
- isReadonly: {
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
- isReadonly: {
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
- isReadonly: boolean;
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
- isReadonly: {
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
- isReadonly: {
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
- isReadonly: boolean;
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
- isReadonly: {
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.isReadonly) {
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
- isReadonly
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": isReadonly,
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
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  MpToggle
3
- } from "./chunk-RHUQV5AD.mjs";
4
- import "./chunk-LIZN4GWD.mjs";
3
+ } from "./chunk-L4GVYBMY.mjs";
4
+ import "./chunk-WEV7WLTZ.mjs";
5
5
  export {
6
6
  MpToggle
7
7
  };
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.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.0",
12
- "@mekari/pixel3-text": "0.0.0",
13
- "@mekari/pixel3-styled-system": "0.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"