@mekari/pixel3-icon 0.0.1 → 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-IO4NYUR4.mjs → chunk-KXMPDP6B.mjs} +6 -4
- package/dist/icon.js +5 -3
- package/dist/icon.mjs +1 -1
- package/dist/index.js +5 -3
- package/dist/index.mjs +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +2 -2
|
@@ -15,7 +15,7 @@ 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
|
|
|
@@ -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.js
CHANGED
|
@@ -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.js
CHANGED
|
@@ -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":906,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"package.json":{"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":906,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"package.json":{"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}}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
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": [
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"@mekari/pixel3-styled-system": "0.0.1",
|
|
12
|
-
"@mekari/pixel3-utils": "0.0.
|
|
12
|
+
"@mekari/pixel3-utils": "0.0.2"
|
|
13
13
|
},
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"vue": "^3.3.7"
|