@mekari/pixel3-icon 0.0.1-alpha.0 → 0.0.2
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-SWYNLONQ.mjs → chunk-KXMPDP6B.mjs} +7 -5
- package/dist/icon.d.mts +5 -50
- package/dist/icon.d.ts +5 -50
- package/dist/icon.js +6 -4
- package/dist/icon.mjs +1 -1
- package/dist/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +7 -5
- package/dist/index.mjs +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/icon.props.d.mts +19 -16
- package/dist/modules/icon.props.d.ts +19 -16
- package/package.json +3 -3
|
@@ -15,12 +15,12 @@ import {
|
|
|
15
15
|
} from "./chunk-QZ7VFGWC.mjs";
|
|
16
16
|
|
|
17
17
|
// src/icon.tsx
|
|
18
|
-
import { defineComponent, h, ref, onMounted, watch } from "vue";
|
|
18
|
+
import { defineComponent, h, ref, onMounted, watch, computed } from "vue";
|
|
19
19
|
import { token } from "@mekari/pixel3-styled-system/tokens";
|
|
20
20
|
import { iconRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
21
21
|
|
|
22
22
|
// package.json
|
|
23
|
-
var version = "0.0.
|
|
23
|
+
var version = "0.0.1";
|
|
24
24
|
|
|
25
25
|
// src/icon.tsx
|
|
26
26
|
import { useStorage } from "@mekari/pixel3-utils";
|
|
@@ -36,8 +36,10 @@ var MpIcon = defineComponent({
|
|
|
36
36
|
});
|
|
37
37
|
const path = ref(PLACEHOLDER_ICON);
|
|
38
38
|
const icon = ref(FALLBACK_ICON);
|
|
39
|
-
const classes =
|
|
40
|
-
|
|
39
|
+
const classes = computed(() => {
|
|
40
|
+
return iconRecipe({
|
|
41
|
+
size: props.size
|
|
42
|
+
});
|
|
41
43
|
});
|
|
42
44
|
watch(() => props.name, (newValue, oldValue) => {
|
|
43
45
|
if (newValue !== oldValue) {
|
|
@@ -135,7 +137,7 @@ var MpIcon = defineComponent({
|
|
|
135
137
|
viewBox
|
|
136
138
|
} = props;
|
|
137
139
|
return h("svg", {
|
|
138
|
-
class: classes,
|
|
140
|
+
class: classes.value,
|
|
139
141
|
"data-pixel-component": "MpIcon",
|
|
140
142
|
"data-icon-name": name,
|
|
141
143
|
viewBox,
|
package/dist/icon.d.mts
CHANGED
|
@@ -1,53 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { MpIconType } from './modules/icon.props.mjs';
|
|
2
|
+
import 'vue';
|
|
3
|
+
import './modules/icon.type.mjs';
|
|
4
|
+
import '@mekari/pixel3-utils';
|
|
3
5
|
|
|
4
|
-
declare const MpIcon:
|
|
5
|
-
name: {
|
|
6
|
-
type: StringConstructor;
|
|
7
|
-
};
|
|
8
|
-
size: {
|
|
9
|
-
type: vue.PropType<IconSize>;
|
|
10
|
-
default: string;
|
|
11
|
-
};
|
|
12
|
-
variant: {
|
|
13
|
-
type: vue.PropType<IconVariant>;
|
|
14
|
-
default: string;
|
|
15
|
-
};
|
|
16
|
-
color: {
|
|
17
|
-
type: vue.PropType<string>;
|
|
18
|
-
default: string;
|
|
19
|
-
};
|
|
20
|
-
viewBox: {
|
|
21
|
-
type: StringConstructor;
|
|
22
|
-
default: string;
|
|
23
|
-
};
|
|
24
|
-
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
25
|
-
[key: string]: any;
|
|
26
|
-
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
27
|
-
name: {
|
|
28
|
-
type: StringConstructor;
|
|
29
|
-
};
|
|
30
|
-
size: {
|
|
31
|
-
type: vue.PropType<IconSize>;
|
|
32
|
-
default: string;
|
|
33
|
-
};
|
|
34
|
-
variant: {
|
|
35
|
-
type: vue.PropType<IconVariant>;
|
|
36
|
-
default: string;
|
|
37
|
-
};
|
|
38
|
-
color: {
|
|
39
|
-
type: vue.PropType<string>;
|
|
40
|
-
default: string;
|
|
41
|
-
};
|
|
42
|
-
viewBox: {
|
|
43
|
-
type: StringConstructor;
|
|
44
|
-
default: string;
|
|
45
|
-
};
|
|
46
|
-
}>>, {
|
|
47
|
-
size: IconSize;
|
|
48
|
-
variant: IconVariant;
|
|
49
|
-
color: string;
|
|
50
|
-
viewBox: string;
|
|
51
|
-
}, {}>;
|
|
6
|
+
declare const MpIcon: MpIconType;
|
|
52
7
|
|
|
53
8
|
export { MpIcon };
|
package/dist/icon.d.ts
CHANGED
|
@@ -1,53 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import { MpIconType } from './modules/icon.props.js';
|
|
2
|
+
import 'vue';
|
|
3
|
+
import './modules/icon.type.js';
|
|
4
|
+
import '@mekari/pixel3-utils';
|
|
3
5
|
|
|
4
|
-
declare const MpIcon:
|
|
5
|
-
name: {
|
|
6
|
-
type: StringConstructor;
|
|
7
|
-
};
|
|
8
|
-
size: {
|
|
9
|
-
type: vue.PropType<IconSize>;
|
|
10
|
-
default: string;
|
|
11
|
-
};
|
|
12
|
-
variant: {
|
|
13
|
-
type: vue.PropType<IconVariant>;
|
|
14
|
-
default: string;
|
|
15
|
-
};
|
|
16
|
-
color: {
|
|
17
|
-
type: vue.PropType<string>;
|
|
18
|
-
default: string;
|
|
19
|
-
};
|
|
20
|
-
viewBox: {
|
|
21
|
-
type: StringConstructor;
|
|
22
|
-
default: string;
|
|
23
|
-
};
|
|
24
|
-
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
25
|
-
[key: string]: any;
|
|
26
|
-
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
27
|
-
name: {
|
|
28
|
-
type: StringConstructor;
|
|
29
|
-
};
|
|
30
|
-
size: {
|
|
31
|
-
type: vue.PropType<IconSize>;
|
|
32
|
-
default: string;
|
|
33
|
-
};
|
|
34
|
-
variant: {
|
|
35
|
-
type: vue.PropType<IconVariant>;
|
|
36
|
-
default: string;
|
|
37
|
-
};
|
|
38
|
-
color: {
|
|
39
|
-
type: vue.PropType<string>;
|
|
40
|
-
default: string;
|
|
41
|
-
};
|
|
42
|
-
viewBox: {
|
|
43
|
-
type: StringConstructor;
|
|
44
|
-
default: string;
|
|
45
|
-
};
|
|
46
|
-
}>>, {
|
|
47
|
-
size: IconSize;
|
|
48
|
-
variant: IconVariant;
|
|
49
|
-
color: string;
|
|
50
|
-
viewBox: string;
|
|
51
|
-
}, {}>;
|
|
6
|
+
declare const MpIcon: MpIconType;
|
|
52
7
|
|
|
53
8
|
export { MpIcon };
|
package/dist/icon.js
CHANGED
|
@@ -66,7 +66,7 @@ var iconProps = {
|
|
|
66
66
|
};
|
|
67
67
|
|
|
68
68
|
// package.json
|
|
69
|
-
var version = "0.0.
|
|
69
|
+
var version = "0.0.1";
|
|
70
70
|
|
|
71
71
|
// src/icon.tsx
|
|
72
72
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
@@ -82,8 +82,10 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
82
82
|
});
|
|
83
83
|
const path = (0, import_vue.ref)(PLACEHOLDER_ICON);
|
|
84
84
|
const icon = (0, import_vue.ref)(FALLBACK_ICON);
|
|
85
|
-
const classes = (0,
|
|
86
|
-
|
|
85
|
+
const classes = (0, import_vue.computed)(() => {
|
|
86
|
+
return (0, import_recipes.iconRecipe)({
|
|
87
|
+
size: props.size
|
|
88
|
+
});
|
|
87
89
|
});
|
|
88
90
|
(0, import_vue.watch)(() => props.name, (newValue, oldValue) => {
|
|
89
91
|
if (newValue !== oldValue) {
|
|
@@ -181,7 +183,7 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
181
183
|
viewBox
|
|
182
184
|
} = props;
|
|
183
185
|
return (0, import_vue.h)("svg", {
|
|
184
|
-
class: classes,
|
|
186
|
+
class: classes.value,
|
|
185
187
|
"data-pixel-component": "MpIcon",
|
|
186
188
|
"data-icon-name": name,
|
|
187
189
|
viewBox,
|
package/dist/icon.mjs
CHANGED
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
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
|
MpIcon: () => MpIcon
|
|
@@ -68,7 +68,7 @@ var iconProps = {
|
|
|
68
68
|
};
|
|
69
69
|
|
|
70
70
|
// package.json
|
|
71
|
-
var version = "0.0.
|
|
71
|
+
var version = "0.0.1";
|
|
72
72
|
|
|
73
73
|
// src/icon.tsx
|
|
74
74
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
@@ -84,8 +84,10 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
84
84
|
});
|
|
85
85
|
const path = (0, import_vue.ref)(PLACEHOLDER_ICON);
|
|
86
86
|
const icon = (0, import_vue.ref)(FALLBACK_ICON);
|
|
87
|
-
const classes = (0,
|
|
88
|
-
|
|
87
|
+
const classes = (0, import_vue.computed)(() => {
|
|
88
|
+
return (0, import_recipes.iconRecipe)({
|
|
89
|
+
size: props.size
|
|
90
|
+
});
|
|
89
91
|
});
|
|
90
92
|
(0, import_vue.watch)(() => props.name, (newValue, oldValue) => {
|
|
91
93
|
if (newValue !== oldValue) {
|
|
@@ -183,7 +185,7 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
183
185
|
viewBox
|
|
184
186
|
} = props;
|
|
185
187
|
return (0, import_vue.h)("svg", {
|
|
186
|
-
class: classes,
|
|
188
|
+
class: classes.value,
|
|
187
189
|
"data-pixel-component": "MpIcon",
|
|
188
190
|
"data-icon-name": name,
|
|
189
191
|
viewBox,
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/data/iconsWithoutVariant.ts":{"bytes":1882,"imports":[],"format":"esm"},"src/data/specialIcons.ts":{"bytes":1317,"imports":[],"format":"esm"},"src/data/config.ts":{"bytes":163,"imports":[],"format":"esm"},"src/modules/icon.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/data/iconsWithoutVariant.ts":{"bytes":1882,"imports":[],"format":"esm"},"src/data/specialIcons.ts":{"bytes":1317,"imports":[],"format":"esm"},"src/data/config.ts":{"bytes":163,"imports":[],"format":"esm"},"src/modules/icon.props.ts":{"bytes":906,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"package.json":{"bytes":787,"imports":[]},"src/icon.tsx":{"bytes":8808,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/data/iconsWithoutVariant.ts","kind":"import-statement","original":"./data/iconsWithoutVariant"},{"path":"src/data/specialIcons.ts","kind":"import-statement","original":"./data/specialIcons"},{"path":"src/data/config.ts","kind":"import-statement","original":"./data/config"},{"path":"src/modules/icon.props.ts","kind":"import-statement","original":"./modules/icon.props"},{"path":"package.json","kind":"import-statement","original":"../package.json"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":117,"imports":[{"path":"src/icon.tsx","kind":"import-statement","original":"./icon"}],"format":"esm"},"src/data/iconsCategories.ts":{"bytes":4402,"imports":[],"format":"esm"},"src/modules/icon.type.ts":{"bytes":178,"imports":[],"format":"esm"}},"outputs":{"dist/icon.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/icon.tsx","inputs":{"src/icon.tsx":{"bytesInOutput":8468},"src/data/iconsWithoutVariant.ts":{"bytesInOutput":1750},"src/data/specialIcons.ts":{"bytesInOutput":1162},"src/data/config.ts":{"bytesInOutput":85},"src/modules/icon.props.ts":{"bytesInOutput":281},"package.json":{"bytesInOutput":23}},"bytes":12927},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":117},"src/icon.tsx":{"bytesInOutput":8348},"src/data/iconsWithoutVariant.ts":{"bytesInOutput":1750},"src/data/specialIcons.ts":{"bytesInOutput":1162},"src/data/config.ts":{"bytesInOutput":85},"src/modules/icon.props.ts":{"bytesInOutput":281},"package.json":{"bytesInOutput":23}},"bytes":12941},"dist/data/config.js":{"imports":[],"exports":[],"entryPoint":"src/data/config.ts","inputs":{"src/data/config.ts":{"bytesInOutput":220}},"bytes":1042},"dist/data/iconsCategories.js":{"imports":[],"exports":[],"entryPoint":"src/data/iconsCategories.ts","inputs":{"src/data/iconsCategories.ts":{"bytesInOutput":4512}},"bytes":5557},"dist/data/iconsWithoutVariant.js":{"imports":[],"exports":[],"entryPoint":"src/data/iconsWithoutVariant.ts","inputs":{"src/data/iconsWithoutVariant.ts":{"bytesInOutput":1937}},"bytes":2772},"dist/data/specialIcons.js":{"imports":[],"exports":[],"entryPoint":"src/data/specialIcons.ts","inputs":{"src/data/specialIcons.ts":{"bytesInOutput":1321}},"bytes":2149},"dist/modules/icon.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/icon.props.ts","inputs":{"src/modules/icon.props.ts":{"bytesInOutput":425}},"bytes":1357},"dist/modules/icon.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/icon.type.ts","inputs":{"src/modules/icon.type.ts":{"bytesInOutput":78}},"bytes":778}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/data/iconsWithoutVariant.ts":{"bytes":1882,"imports":[],"format":"esm"},"src/data/specialIcons.ts":{"bytes":1317,"imports":[],"format":"esm"},"src/data/config.ts":{"bytes":163,"imports":[],"format":"esm"},"src/modules/icon.props.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/data/iconsWithoutVariant.ts":{"bytes":1882,"imports":[],"format":"esm"},"src/data/specialIcons.ts":{"bytes":1317,"imports":[],"format":"esm"},"src/data/config.ts":{"bytes":163,"imports":[],"format":"esm"},"src/modules/icon.props.ts":{"bytes":906,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"package.json":{"bytes":787,"imports":[]},"src/icon.tsx":{"bytes":8808,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/data/iconsWithoutVariant.ts","kind":"import-statement","original":"./data/iconsWithoutVariant"},{"path":"src/data/specialIcons.ts","kind":"import-statement","original":"./data/specialIcons"},{"path":"src/data/config.ts","kind":"import-statement","original":"./data/config"},{"path":"src/modules/icon.props.ts","kind":"import-statement","original":"./modules/icon.props"},{"path":"package.json","kind":"import-statement","original":"../package.json"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":117,"imports":[{"path":"src/icon.tsx","kind":"import-statement","original":"./icon"}],"format":"esm"},"src/data/iconsCategories.ts":{"bytes":4402,"imports":[],"format":"esm"},"src/modules/icon.type.ts":{"bytes":178,"imports":[],"format":"esm"}},"outputs":{"dist/icon.mjs":{"imports":[{"path":"dist/chunk-KXMPDP6B.mjs","kind":"import-statement"},{"path":"dist/chunk-4MXV6Z2I.mjs","kind":"import-statement"},{"path":"dist/chunk-RMUCNXRJ.mjs","kind":"import-statement"},{"path":"dist/chunk-UVKSW4B4.mjs","kind":"import-statement"},{"path":"dist/chunk-VYFXFPHQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpIcon"],"entryPoint":"src/icon.tsx","inputs":{},"bytes":225},"dist/index.mjs":{"imports":[{"path":"dist/chunk-KXMPDP6B.mjs","kind":"import-statement"},{"path":"dist/chunk-4MXV6Z2I.mjs","kind":"import-statement"},{"path":"dist/chunk-RMUCNXRJ.mjs","kind":"import-statement"},{"path":"dist/chunk-UVKSW4B4.mjs","kind":"import-statement"},{"path":"dist/chunk-VYFXFPHQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpIcon"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":225},"dist/chunk-KXMPDP6B.mjs":{"imports":[{"path":"dist/chunk-4MXV6Z2I.mjs","kind":"import-statement"},{"path":"dist/chunk-RMUCNXRJ.mjs","kind":"import-statement"},{"path":"dist/chunk-UVKSW4B4.mjs","kind":"import-statement"},{"path":"dist/chunk-VYFXFPHQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpIcon"],"inputs":{"src/icon.tsx":{"bytesInOutput":8180},"package.json":{"bytesInOutput":23}},"bytes":8567},"dist/data/config.mjs":{"imports":[{"path":"dist/chunk-4MXV6Z2I.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["default"],"entryPoint":"src/data/config.ts","inputs":{},"bytes":130},"dist/chunk-4MXV6Z2I.mjs":{"imports":[],"exports":["config_default"],"inputs":{"src/data/config.ts":{"bytesInOutput":85}},"bytes":137},"dist/data/iconsCategories.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["alertIcons","allIcons","arrowIcons","featureIcons","fileIcons","interfaceEssentialsIcons","logoIcons","otherIcons"],"entryPoint":"src/data/iconsCategories.ts","inputs":{"src/data/iconsCategories.ts":{"bytesInOutput":4103}},"bytes":4302},"dist/data/iconsWithoutVariant.mjs":{"imports":[{"path":"dist/chunk-RMUCNXRJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["default"],"entryPoint":"src/data/iconsWithoutVariant.ts","inputs":{},"bytes":156},"dist/chunk-RMUCNXRJ.mjs":{"imports":[],"exports":["iconsWithoutVariant_default"],"inputs":{"src/data/iconsWithoutVariant.ts":{"bytesInOutput":1750}},"bytes":1828},"dist/data/specialIcons.mjs":{"imports":[{"path":"dist/chunk-UVKSW4B4.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["default"],"entryPoint":"src/data/specialIcons.ts","inputs":{},"bytes":142},"dist/chunk-UVKSW4B4.mjs":{"imports":[],"exports":["specialIcons_default"],"inputs":{"src/data/specialIcons.ts":{"bytesInOutput":1162}},"bytes":1226},"dist/modules/icon.props.mjs":{"imports":[{"path":"dist/chunk-VYFXFPHQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["iconProps"],"entryPoint":"src/modules/icon.props.ts","inputs":{},"bytes":109},"dist/chunk-VYFXFPHQ.mjs":{"imports":[],"exports":["iconProps"],"inputs":{"src/modules/icon.props.ts":{"bytesInOutput":281}},"bytes":335},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/icon.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/icon.type.ts","inputs":{"src/modules/icon.type.ts":{"bytesInOutput":0}},"bytes":0}}}
|
|
@@ -1,26 +1,29 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
1
|
+
import { PropType, ExtractPublicPropTypes } from 'vue';
|
|
2
2
|
import { IconSize, IconVariant } from './icon.type.mjs';
|
|
3
|
+
import { ComponentWithProps } from '@mekari/pixel3-utils';
|
|
3
4
|
|
|
4
5
|
declare const iconProps: {
|
|
5
|
-
name: {
|
|
6
|
-
type:
|
|
6
|
+
readonly name: {
|
|
7
|
+
readonly type: PropType<string | undefined>;
|
|
7
8
|
};
|
|
8
|
-
size: {
|
|
9
|
-
type: PropType<IconSize>;
|
|
10
|
-
default:
|
|
9
|
+
readonly size: {
|
|
10
|
+
readonly type: PropType<IconSize>;
|
|
11
|
+
readonly default: "md";
|
|
11
12
|
};
|
|
12
|
-
variant: {
|
|
13
|
-
type: PropType<IconVariant>;
|
|
14
|
-
default:
|
|
13
|
+
readonly variant: {
|
|
14
|
+
readonly type: PropType<IconVariant>;
|
|
15
|
+
readonly default: "outline";
|
|
15
16
|
};
|
|
16
|
-
color: {
|
|
17
|
-
type: PropType<string>;
|
|
18
|
-
default:
|
|
17
|
+
readonly color: {
|
|
18
|
+
readonly type: PropType<string>;
|
|
19
|
+
readonly default: "gray.600";
|
|
19
20
|
};
|
|
20
|
-
viewBox: {
|
|
21
|
-
type:
|
|
22
|
-
default:
|
|
21
|
+
readonly viewBox: {
|
|
22
|
+
readonly type: PropType<string>;
|
|
23
|
+
readonly default: "0 0 24 24";
|
|
23
24
|
};
|
|
24
25
|
};
|
|
26
|
+
type IconPropsType = ExtractPublicPropTypes<typeof iconProps>;
|
|
27
|
+
type MpIconType = ComponentWithProps<IconPropsType>;
|
|
25
28
|
|
|
26
|
-
export { iconProps };
|
|
29
|
+
export { IconPropsType, MpIconType, iconProps };
|
|
@@ -1,26 +1,29 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
1
|
+
import { PropType, ExtractPublicPropTypes } from 'vue';
|
|
2
2
|
import { IconSize, IconVariant } from './icon.type.js';
|
|
3
|
+
import { ComponentWithProps } from '@mekari/pixel3-utils';
|
|
3
4
|
|
|
4
5
|
declare const iconProps: {
|
|
5
|
-
name: {
|
|
6
|
-
type:
|
|
6
|
+
readonly name: {
|
|
7
|
+
readonly type: PropType<string | undefined>;
|
|
7
8
|
};
|
|
8
|
-
size: {
|
|
9
|
-
type: PropType<IconSize>;
|
|
10
|
-
default:
|
|
9
|
+
readonly size: {
|
|
10
|
+
readonly type: PropType<IconSize>;
|
|
11
|
+
readonly default: "md";
|
|
11
12
|
};
|
|
12
|
-
variant: {
|
|
13
|
-
type: PropType<IconVariant>;
|
|
14
|
-
default:
|
|
13
|
+
readonly variant: {
|
|
14
|
+
readonly type: PropType<IconVariant>;
|
|
15
|
+
readonly default: "outline";
|
|
15
16
|
};
|
|
16
|
-
color: {
|
|
17
|
-
type: PropType<string>;
|
|
18
|
-
default:
|
|
17
|
+
readonly color: {
|
|
18
|
+
readonly type: PropType<string>;
|
|
19
|
+
readonly default: "gray.600";
|
|
19
20
|
};
|
|
20
|
-
viewBox: {
|
|
21
|
-
type:
|
|
22
|
-
default:
|
|
21
|
+
readonly viewBox: {
|
|
22
|
+
readonly type: PropType<string>;
|
|
23
|
+
readonly default: "0 0 24 24";
|
|
23
24
|
};
|
|
24
25
|
};
|
|
26
|
+
type IconPropsType = ExtractPublicPropTypes<typeof iconProps>;
|
|
27
|
+
type MpIconType = ComponentWithProps<IconPropsType>;
|
|
25
28
|
|
|
26
|
-
export { iconProps };
|
|
29
|
+
export { IconPropsType, MpIconType, iconProps };
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-icon",
|
|
3
3
|
"description": "Icon component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@mekari/pixel3-styled-system": "0.0.1
|
|
12
|
-
"@mekari/pixel3-utils": "0.0.
|
|
11
|
+
"@mekari/pixel3-styled-system": "0.0.1",
|
|
12
|
+
"@mekari/pixel3-utils": "0.0.2"
|
|
13
13
|
},
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"vue": "^3.3.7"
|