@mekari/pixel3-icon 0.0.17-dev.0 → 0.0.17-dev.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.
- package/dist/{chunk-YAG7COHP.mjs → chunk-CLHLMYKU.mjs} +1 -1
- package/dist/{chunk-XGRN4JGT.mjs → chunk-VPMQTE5U.mjs} +13 -10
- package/dist/icon.d.mts +1 -1
- package/dist/icon.d.ts +1 -1
- package/dist/icon.js +8 -5
- package/dist/icon.mjs +3 -3
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +8 -5
- package/dist/index.mjs +4 -3
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/icon.props.d.mts +4 -4
- package/dist/modules/icon.props.d.ts +4 -4
- package/dist/modules/icon.props.js +1 -1
- package/dist/modules/icon.props.mjs +1 -1
- package/dist/modules/{icon.type.d.mts → icon.types.d.mts} +1 -1
- package/dist/modules/{icon.type.d.ts → icon.types.d.ts} +1 -1
- package/dist/modules/{icon.type.js → icon.types.js} +3 -3
- package/dist/modules/icon.types.mjs +1 -0
- package/package.json +5 -4
- /package/dist/{modules/icon.type.mjs → chunk-IAOGVFNF.mjs} +0 -0
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
specialIcons_default
|
|
3
|
-
} from "./chunk-W4L32OME.mjs";
|
|
4
|
-
import {
|
|
5
|
-
iconProps
|
|
6
|
-
} from "./chunk-YAG7COHP.mjs";
|
|
7
1
|
import {
|
|
8
2
|
config_default
|
|
9
3
|
} from "./chunk-4MXV6Z2I.mjs";
|
|
10
4
|
import {
|
|
11
5
|
iconsWithoutVariant_default
|
|
12
6
|
} from "./chunk-4UN4LXHA.mjs";
|
|
7
|
+
import {
|
|
8
|
+
specialIcons_default
|
|
9
|
+
} from "./chunk-W4L32OME.mjs";
|
|
10
|
+
import {
|
|
11
|
+
iconProps
|
|
12
|
+
} from "./chunk-CLHLMYKU.mjs";
|
|
13
13
|
import {
|
|
14
14
|
__name
|
|
15
15
|
} from "./chunk-QZ7VFGWC.mjs";
|
|
@@ -20,11 +20,11 @@ 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.17-dev.0";
|
|
24
24
|
|
|
25
25
|
// src/icon.tsx
|
|
26
26
|
import { useStorage, canUseDOM, usePixelTheme } from "@mekari/pixel3-utils";
|
|
27
|
-
var FALLBACK_ICON = '<svg width="
|
|
27
|
+
var FALLBACK_ICON = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg" d="M13.7166 5.7961L13.1591 6.29783L13.1591 6.29783L13.7166 5.7961ZM14.4898 6.6552L13.9323 7.15692L13.9323 7.15692L14.4898 6.6552ZM14.4898 13.3448L15.0473 13.8466L15.0473 13.8466L14.4898 13.3448ZM13.7166 14.2039L13.1591 13.7022L13.1591 13.7022L13.7166 14.2039ZM6.28365 14.2039L6.84112 13.7022L6.84112 13.7022L6.28365 14.2039ZM5.51046 13.3448L4.95299 13.8466L4.95299 13.8466L5.51046 13.3448ZM5.51046 6.6552L4.95299 6.15348L4.95299 6.15348L5.51046 6.6552ZM6.28365 5.7961L6.84112 6.29783L6.84112 6.29783L6.28365 5.7961ZM9.99564 12.5834C9.58143 12.5834 9.24564 12.9191 9.24564 13.3334C9.24564 13.7476 9.58143 14.0834 9.99564 14.0834V12.5834ZM10.0031 14.0834C10.4173 14.0834 10.7531 13.7476 10.7531 13.3334C10.7531 12.9191 10.4173 12.5834 10.0031 12.5834V14.0834ZM7.58345 8.75002C7.58345 9.16424 7.91924 9.50002 8.33345 9.50002C8.74767 9.50002 9.08345 9.16424 9.08345 8.75002H7.58345ZM9.46979 10.303C9.1769 10.5959 9.1769 11.0708 9.46979 11.3637C9.76268 11.6566 10.2376 11.6566 10.5305 11.3637L9.46979 10.303ZM13.1591 6.29783L13.9323 7.15692L15.0472 6.15347L14.2741 5.29438L13.1591 6.29783ZM13.9323 12.8431L13.1591 13.7022L14.2741 14.7057L15.0473 13.8466L13.9323 12.8431ZM6.84112 13.7022L6.06793 12.8431L4.95299 13.8466L5.72618 14.7057L6.84112 13.7022ZM6.06793 7.15692L6.84112 6.29783L5.72618 5.29438L4.95299 6.15348L6.06793 7.15692ZM6.06793 12.8431C5.33892 12.0331 4.84121 11.4779 4.51715 11.0093C4.20526 10.5582 4.11353 10.2686 4.11353 10H2.61353C2.61353 10.6908 2.87962 11.2784 3.28337 11.8624C3.67496 12.4287 4.25072 13.0663 4.95299 13.8466L6.06793 12.8431ZM4.95299 6.15348C4.25071 6.93378 3.67496 7.57135 3.28337 8.13768C2.87962 8.7216 2.61353 9.3093 2.61353 10H4.11353C4.11353 9.73141 4.20526 9.44185 4.51715 8.99078C4.8412 8.52212 5.33892 7.96694 6.06793 7.15692L4.95299 6.15348ZM13.1591 13.7022C12.2765 14.6829 11.6659 15.3587 11.1423 15.7992C10.6351 16.2259 10.3069 16.3462 10.0001 16.3462V17.8462C10.8068 17.8462 11.4691 17.4845 12.1079 16.9471C12.7303 16.4235 13.4213 15.6532 14.2741 14.7057L13.1591 13.7022ZM5.72618 14.7057C6.57893 15.6532 7.26991 16.4235 7.89231 16.9471C8.53117 17.4845 9.19348 17.8462 10.0001 17.8462V16.3462C9.69335 16.3462 9.36512 16.2259 8.85794 15.7992C8.3343 15.3587 7.72374 14.6829 6.84112 13.7022L5.72618 14.7057ZM13.9323 7.15692C14.6613 7.96694 15.159 8.52212 15.4831 8.99078C15.795 9.44185 15.8867 9.73141 15.8867 10H17.3867C17.3867 9.3093 17.1206 8.7216 16.7169 8.13768C16.3253 7.57134 15.7495 6.93378 15.0472 6.15347L13.9323 7.15692ZM15.0473 13.8466C15.7495 13.0663 16.3253 12.4287 16.7169 11.8624C17.1206 11.2784 17.3867 10.6908 17.3867 10H15.8867C15.8867 10.2686 15.795 10.5582 15.4831 11.0093C15.159 11.4779 14.6613 12.0331 13.9323 12.8431L15.0473 13.8466ZM14.2741 5.29438C13.4213 4.34688 12.7303 3.57655 12.1079 3.05295C11.4691 2.51552 10.8068 2.15381 10.0001 2.15381V3.65381C10.3069 3.65381 10.6351 3.77415 11.1423 4.20081C11.6659 4.64132 12.2765 5.31713 13.1591 6.29783L14.2741 5.29438ZM6.84112 6.29783C7.72374 5.31713 8.3343 4.64132 8.85794 4.20081C9.36512 3.77415 9.69335 3.65381 10.0001 3.65381V2.15381C9.19348 2.15381 8.53117 2.51552 7.89231 3.05296C7.26991 3.57655 6.57893 4.34688 5.72618 5.29438L6.84112 6.29783ZM9.99564 14.0834H10.0031V12.5834H9.99564V14.0834ZM9.08345 8.75002V8.33336H7.58345V8.75002H9.08345ZM10.6187 9.15413L9.46979 10.303L10.5305 11.3637L11.6794 10.2148L10.6187 9.15413ZM10.9168 8.33336V8.43446H12.4168V8.33336H10.9168ZM10.0001 7.41669C10.5064 7.41669 10.9168 7.8271 10.9168 8.33336H12.4168C12.4168 6.99867 11.3348 5.91669 10.0001 5.91669V7.41669ZM11.6794 10.2148C12.1515 9.74262 12.4168 9.10221 12.4168 8.43446H10.9168C10.9168 8.70439 10.8096 8.96326 10.6187 9.15413L11.6794 10.2148ZM9.08345 8.33336C9.08345 7.8271 9.49386 7.41669 10.0001 7.41669V5.91669C8.66543 5.91669 7.58345 6.99867 7.58345 8.33336H9.08345Z" fill="#626B79"/></svg>';
|
|
28
28
|
var PLACEHOLDER_ICON = '<circle cx="12" cy="12" r="10" stroke="#626B79" stroke-width="1" fill="transparent"/>';
|
|
29
29
|
var STORAGE = canUseDOM ? useStorage("mekari-pixel-icon", {
|
|
30
30
|
version,
|
|
@@ -43,8 +43,9 @@ var MpIcon = defineComponent({
|
|
|
43
43
|
const path = ref(PLACEHOLDER_ICON);
|
|
44
44
|
const icon = ref(FALLBACK_ICON);
|
|
45
45
|
const classes = computed(() => {
|
|
46
|
+
const size = typeof props.size === "string" ? props.size : void 0;
|
|
46
47
|
return iconRecipe({
|
|
47
|
-
size
|
|
48
|
+
size
|
|
48
49
|
});
|
|
49
50
|
});
|
|
50
51
|
watch(() => props.name, (newValue, oldValue) => {
|
|
@@ -142,6 +143,7 @@ var MpIcon = defineComponent({
|
|
|
142
143
|
return () => {
|
|
143
144
|
const {
|
|
144
145
|
name,
|
|
146
|
+
size,
|
|
145
147
|
color,
|
|
146
148
|
viewBox
|
|
147
149
|
} = props;
|
|
@@ -157,7 +159,8 @@ var MpIcon = defineComponent({
|
|
|
157
159
|
focusable: false,
|
|
158
160
|
innerHTML: path.value,
|
|
159
161
|
style: {
|
|
160
|
-
"--mp-icon-color": propColor || defaultColor
|
|
162
|
+
"--mp-icon-color": propColor || defaultColor,
|
|
163
|
+
"--mp-icon-size": !["sm", "md"].includes(size) ? size : void 0
|
|
161
164
|
}
|
|
162
165
|
});
|
|
163
166
|
};
|
package/dist/icon.d.mts
CHANGED
package/dist/icon.d.ts
CHANGED
package/dist/icon.js
CHANGED
|
@@ -49,7 +49,7 @@ var iconProps = {
|
|
|
49
49
|
},
|
|
50
50
|
size: {
|
|
51
51
|
type: String,
|
|
52
|
-
default: "
|
|
52
|
+
default: "sm"
|
|
53
53
|
},
|
|
54
54
|
variant: {
|
|
55
55
|
type: String,
|
|
@@ -66,11 +66,11 @@ var iconProps = {
|
|
|
66
66
|
};
|
|
67
67
|
|
|
68
68
|
// package.json
|
|
69
|
-
var version = "0.0.
|
|
69
|
+
var version = "0.0.17-dev.0";
|
|
70
70
|
|
|
71
71
|
// src/icon.tsx
|
|
72
72
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
73
|
-
var FALLBACK_ICON = '<svg width="
|
|
73
|
+
var FALLBACK_ICON = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg" d="M13.7166 5.7961L13.1591 6.29783L13.1591 6.29783L13.7166 5.7961ZM14.4898 6.6552L13.9323 7.15692L13.9323 7.15692L14.4898 6.6552ZM14.4898 13.3448L15.0473 13.8466L15.0473 13.8466L14.4898 13.3448ZM13.7166 14.2039L13.1591 13.7022L13.1591 13.7022L13.7166 14.2039ZM6.28365 14.2039L6.84112 13.7022L6.84112 13.7022L6.28365 14.2039ZM5.51046 13.3448L4.95299 13.8466L4.95299 13.8466L5.51046 13.3448ZM5.51046 6.6552L4.95299 6.15348L4.95299 6.15348L5.51046 6.6552ZM6.28365 5.7961L6.84112 6.29783L6.84112 6.29783L6.28365 5.7961ZM9.99564 12.5834C9.58143 12.5834 9.24564 12.9191 9.24564 13.3334C9.24564 13.7476 9.58143 14.0834 9.99564 14.0834V12.5834ZM10.0031 14.0834C10.4173 14.0834 10.7531 13.7476 10.7531 13.3334C10.7531 12.9191 10.4173 12.5834 10.0031 12.5834V14.0834ZM7.58345 8.75002C7.58345 9.16424 7.91924 9.50002 8.33345 9.50002C8.74767 9.50002 9.08345 9.16424 9.08345 8.75002H7.58345ZM9.46979 10.303C9.1769 10.5959 9.1769 11.0708 9.46979 11.3637C9.76268 11.6566 10.2376 11.6566 10.5305 11.3637L9.46979 10.303ZM13.1591 6.29783L13.9323 7.15692L15.0472 6.15347L14.2741 5.29438L13.1591 6.29783ZM13.9323 12.8431L13.1591 13.7022L14.2741 14.7057L15.0473 13.8466L13.9323 12.8431ZM6.84112 13.7022L6.06793 12.8431L4.95299 13.8466L5.72618 14.7057L6.84112 13.7022ZM6.06793 7.15692L6.84112 6.29783L5.72618 5.29438L4.95299 6.15348L6.06793 7.15692ZM6.06793 12.8431C5.33892 12.0331 4.84121 11.4779 4.51715 11.0093C4.20526 10.5582 4.11353 10.2686 4.11353 10H2.61353C2.61353 10.6908 2.87962 11.2784 3.28337 11.8624C3.67496 12.4287 4.25072 13.0663 4.95299 13.8466L6.06793 12.8431ZM4.95299 6.15348C4.25071 6.93378 3.67496 7.57135 3.28337 8.13768C2.87962 8.7216 2.61353 9.3093 2.61353 10H4.11353C4.11353 9.73141 4.20526 9.44185 4.51715 8.99078C4.8412 8.52212 5.33892 7.96694 6.06793 7.15692L4.95299 6.15348ZM13.1591 13.7022C12.2765 14.6829 11.6659 15.3587 11.1423 15.7992C10.6351 16.2259 10.3069 16.3462 10.0001 16.3462V17.8462C10.8068 17.8462 11.4691 17.4845 12.1079 16.9471C12.7303 16.4235 13.4213 15.6532 14.2741 14.7057L13.1591 13.7022ZM5.72618 14.7057C6.57893 15.6532 7.26991 16.4235 7.89231 16.9471C8.53117 17.4845 9.19348 17.8462 10.0001 17.8462V16.3462C9.69335 16.3462 9.36512 16.2259 8.85794 15.7992C8.3343 15.3587 7.72374 14.6829 6.84112 13.7022L5.72618 14.7057ZM13.9323 7.15692C14.6613 7.96694 15.159 8.52212 15.4831 8.99078C15.795 9.44185 15.8867 9.73141 15.8867 10H17.3867C17.3867 9.3093 17.1206 8.7216 16.7169 8.13768C16.3253 7.57134 15.7495 6.93378 15.0472 6.15347L13.9323 7.15692ZM15.0473 13.8466C15.7495 13.0663 16.3253 12.4287 16.7169 11.8624C17.1206 11.2784 17.3867 10.6908 17.3867 10H15.8867C15.8867 10.2686 15.795 10.5582 15.4831 11.0093C15.159 11.4779 14.6613 12.0331 13.9323 12.8431L15.0473 13.8466ZM14.2741 5.29438C13.4213 4.34688 12.7303 3.57655 12.1079 3.05295C11.4691 2.51552 10.8068 2.15381 10.0001 2.15381V3.65381C10.3069 3.65381 10.6351 3.77415 11.1423 4.20081C11.6659 4.64132 12.2765 5.31713 13.1591 6.29783L14.2741 5.29438ZM6.84112 6.29783C7.72374 5.31713 8.3343 4.64132 8.85794 4.20081C9.36512 3.77415 9.69335 3.65381 10.0001 3.65381V2.15381C9.19348 2.15381 8.53117 2.51552 7.89231 3.05296C7.26991 3.57655 6.57893 4.34688 5.72618 5.29438L6.84112 6.29783ZM9.99564 14.0834H10.0031V12.5834H9.99564V14.0834ZM9.08345 8.75002V8.33336H7.58345V8.75002H9.08345ZM10.6187 9.15413L9.46979 10.303L10.5305 11.3637L11.6794 10.2148L10.6187 9.15413ZM10.9168 8.33336V8.43446H12.4168V8.33336H10.9168ZM10.0001 7.41669C10.5064 7.41669 10.9168 7.8271 10.9168 8.33336H12.4168C12.4168 6.99867 11.3348 5.91669 10.0001 5.91669V7.41669ZM11.6794 10.2148C12.1515 9.74262 12.4168 9.10221 12.4168 8.43446H10.9168C10.9168 8.70439 10.8096 8.96326 10.6187 9.15413L11.6794 10.2148ZM9.08345 8.33336C9.08345 7.8271 9.49386 7.41669 10.0001 7.41669V5.91669C8.66543 5.91669 7.58345 6.99867 7.58345 8.33336H9.08345Z" fill="#626B79"/></svg>';
|
|
74
74
|
var PLACEHOLDER_ICON = '<circle cx="12" cy="12" r="10" stroke="#626B79" stroke-width="1" fill="transparent"/>';
|
|
75
75
|
var STORAGE = import_pixel3_utils.canUseDOM ? (0, import_pixel3_utils.useStorage)("mekari-pixel-icon", {
|
|
76
76
|
version,
|
|
@@ -89,8 +89,9 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
89
89
|
const path = (0, import_vue.ref)(PLACEHOLDER_ICON);
|
|
90
90
|
const icon = (0, import_vue.ref)(FALLBACK_ICON);
|
|
91
91
|
const classes = (0, import_vue.computed)(() => {
|
|
92
|
+
const size = typeof props.size === "string" ? props.size : void 0;
|
|
92
93
|
return (0, import_recipes.iconRecipe)({
|
|
93
|
-
size
|
|
94
|
+
size
|
|
94
95
|
});
|
|
95
96
|
});
|
|
96
97
|
(0, import_vue.watch)(() => props.name, (newValue, oldValue) => {
|
|
@@ -188,6 +189,7 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
188
189
|
return () => {
|
|
189
190
|
const {
|
|
190
191
|
name,
|
|
192
|
+
size,
|
|
191
193
|
color,
|
|
192
194
|
viewBox
|
|
193
195
|
} = props;
|
|
@@ -203,7 +205,8 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
203
205
|
focusable: false,
|
|
204
206
|
innerHTML: path.value,
|
|
205
207
|
style: {
|
|
206
|
-
"--mp-icon-color": propColor || defaultColor
|
|
208
|
+
"--mp-icon-color": propColor || defaultColor,
|
|
209
|
+
"--mp-icon-size": !["sm", "md"].includes(size) ? size : void 0
|
|
207
210
|
}
|
|
208
211
|
});
|
|
209
212
|
};
|
package/dist/icon.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpIcon
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-W4L32OME.mjs";
|
|
5
|
-
import "./chunk-YAG7COHP.mjs";
|
|
3
|
+
} from "./chunk-VPMQTE5U.mjs";
|
|
6
4
|
import "./chunk-4MXV6Z2I.mjs";
|
|
7
5
|
import "./chunk-4UN4LXHA.mjs";
|
|
6
|
+
import "./chunk-W4L32OME.mjs";
|
|
7
|
+
import "./chunk-CLHLMYKU.mjs";
|
|
8
8
|
import "./chunk-QZ7VFGWC.mjs";
|
|
9
9
|
export {
|
|
10
10
|
MpIcon
|
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { MpIcon } from './icon.mjs';
|
|
2
|
-
export { IconName, IconSize, IconVariant } from './modules/icon.
|
|
2
|
+
export { IconName, IconSize, IconVariant } from './modules/icon.types.mjs';
|
|
3
3
|
import './modules/icon.props.mjs';
|
|
4
4
|
import 'vue';
|
|
5
5
|
import '@mekari/pixel3-styled-system/tokens';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { MpIcon } from './icon.js';
|
|
2
|
-
export { IconName, IconSize, IconVariant } from './modules/icon.
|
|
2
|
+
export { IconName, IconSize, IconVariant } from './modules/icon.types.js';
|
|
3
3
|
import './modules/icon.props.js';
|
|
4
4
|
import 'vue';
|
|
5
5
|
import '@mekari/pixel3-styled-system/tokens';
|
package/dist/index.js
CHANGED
|
@@ -51,7 +51,7 @@ var iconProps = {
|
|
|
51
51
|
},
|
|
52
52
|
size: {
|
|
53
53
|
type: String,
|
|
54
|
-
default: "
|
|
54
|
+
default: "sm"
|
|
55
55
|
},
|
|
56
56
|
variant: {
|
|
57
57
|
type: String,
|
|
@@ -68,11 +68,11 @@ var iconProps = {
|
|
|
68
68
|
};
|
|
69
69
|
|
|
70
70
|
// package.json
|
|
71
|
-
var version = "0.0.
|
|
71
|
+
var version = "0.0.17-dev.0";
|
|
72
72
|
|
|
73
73
|
// src/icon.tsx
|
|
74
74
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
75
|
-
var FALLBACK_ICON = '<svg width="
|
|
75
|
+
var FALLBACK_ICON = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg" d="M13.7166 5.7961L13.1591 6.29783L13.1591 6.29783L13.7166 5.7961ZM14.4898 6.6552L13.9323 7.15692L13.9323 7.15692L14.4898 6.6552ZM14.4898 13.3448L15.0473 13.8466L15.0473 13.8466L14.4898 13.3448ZM13.7166 14.2039L13.1591 13.7022L13.1591 13.7022L13.7166 14.2039ZM6.28365 14.2039L6.84112 13.7022L6.84112 13.7022L6.28365 14.2039ZM5.51046 13.3448L4.95299 13.8466L4.95299 13.8466L5.51046 13.3448ZM5.51046 6.6552L4.95299 6.15348L4.95299 6.15348L5.51046 6.6552ZM6.28365 5.7961L6.84112 6.29783L6.84112 6.29783L6.28365 5.7961ZM9.99564 12.5834C9.58143 12.5834 9.24564 12.9191 9.24564 13.3334C9.24564 13.7476 9.58143 14.0834 9.99564 14.0834V12.5834ZM10.0031 14.0834C10.4173 14.0834 10.7531 13.7476 10.7531 13.3334C10.7531 12.9191 10.4173 12.5834 10.0031 12.5834V14.0834ZM7.58345 8.75002C7.58345 9.16424 7.91924 9.50002 8.33345 9.50002C8.74767 9.50002 9.08345 9.16424 9.08345 8.75002H7.58345ZM9.46979 10.303C9.1769 10.5959 9.1769 11.0708 9.46979 11.3637C9.76268 11.6566 10.2376 11.6566 10.5305 11.3637L9.46979 10.303ZM13.1591 6.29783L13.9323 7.15692L15.0472 6.15347L14.2741 5.29438L13.1591 6.29783ZM13.9323 12.8431L13.1591 13.7022L14.2741 14.7057L15.0473 13.8466L13.9323 12.8431ZM6.84112 13.7022L6.06793 12.8431L4.95299 13.8466L5.72618 14.7057L6.84112 13.7022ZM6.06793 7.15692L6.84112 6.29783L5.72618 5.29438L4.95299 6.15348L6.06793 7.15692ZM6.06793 12.8431C5.33892 12.0331 4.84121 11.4779 4.51715 11.0093C4.20526 10.5582 4.11353 10.2686 4.11353 10H2.61353C2.61353 10.6908 2.87962 11.2784 3.28337 11.8624C3.67496 12.4287 4.25072 13.0663 4.95299 13.8466L6.06793 12.8431ZM4.95299 6.15348C4.25071 6.93378 3.67496 7.57135 3.28337 8.13768C2.87962 8.7216 2.61353 9.3093 2.61353 10H4.11353C4.11353 9.73141 4.20526 9.44185 4.51715 8.99078C4.8412 8.52212 5.33892 7.96694 6.06793 7.15692L4.95299 6.15348ZM13.1591 13.7022C12.2765 14.6829 11.6659 15.3587 11.1423 15.7992C10.6351 16.2259 10.3069 16.3462 10.0001 16.3462V17.8462C10.8068 17.8462 11.4691 17.4845 12.1079 16.9471C12.7303 16.4235 13.4213 15.6532 14.2741 14.7057L13.1591 13.7022ZM5.72618 14.7057C6.57893 15.6532 7.26991 16.4235 7.89231 16.9471C8.53117 17.4845 9.19348 17.8462 10.0001 17.8462V16.3462C9.69335 16.3462 9.36512 16.2259 8.85794 15.7992C8.3343 15.3587 7.72374 14.6829 6.84112 13.7022L5.72618 14.7057ZM13.9323 7.15692C14.6613 7.96694 15.159 8.52212 15.4831 8.99078C15.795 9.44185 15.8867 9.73141 15.8867 10H17.3867C17.3867 9.3093 17.1206 8.7216 16.7169 8.13768C16.3253 7.57134 15.7495 6.93378 15.0472 6.15347L13.9323 7.15692ZM15.0473 13.8466C15.7495 13.0663 16.3253 12.4287 16.7169 11.8624C17.1206 11.2784 17.3867 10.6908 17.3867 10H15.8867C15.8867 10.2686 15.795 10.5582 15.4831 11.0093C15.159 11.4779 14.6613 12.0331 13.9323 12.8431L15.0473 13.8466ZM14.2741 5.29438C13.4213 4.34688 12.7303 3.57655 12.1079 3.05295C11.4691 2.51552 10.8068 2.15381 10.0001 2.15381V3.65381C10.3069 3.65381 10.6351 3.77415 11.1423 4.20081C11.6659 4.64132 12.2765 5.31713 13.1591 6.29783L14.2741 5.29438ZM6.84112 6.29783C7.72374 5.31713 8.3343 4.64132 8.85794 4.20081C9.36512 3.77415 9.69335 3.65381 10.0001 3.65381V2.15381C9.19348 2.15381 8.53117 2.51552 7.89231 3.05296C7.26991 3.57655 6.57893 4.34688 5.72618 5.29438L6.84112 6.29783ZM9.99564 14.0834H10.0031V12.5834H9.99564V14.0834ZM9.08345 8.75002V8.33336H7.58345V8.75002H9.08345ZM10.6187 9.15413L9.46979 10.303L10.5305 11.3637L11.6794 10.2148L10.6187 9.15413ZM10.9168 8.33336V8.43446H12.4168V8.33336H10.9168ZM10.0001 7.41669C10.5064 7.41669 10.9168 7.8271 10.9168 8.33336H12.4168C12.4168 6.99867 11.3348 5.91669 10.0001 5.91669V7.41669ZM11.6794 10.2148C12.1515 9.74262 12.4168 9.10221 12.4168 8.43446H10.9168C10.9168 8.70439 10.8096 8.96326 10.6187 9.15413L11.6794 10.2148ZM9.08345 8.33336C9.08345 7.8271 9.49386 7.41669 10.0001 7.41669V5.91669C8.66543 5.91669 7.58345 6.99867 7.58345 8.33336H9.08345Z" fill="#626B79"/></svg>';
|
|
76
76
|
var PLACEHOLDER_ICON = '<circle cx="12" cy="12" r="10" stroke="#626B79" stroke-width="1" fill="transparent"/>';
|
|
77
77
|
var STORAGE = import_pixel3_utils.canUseDOM ? (0, import_pixel3_utils.useStorage)("mekari-pixel-icon", {
|
|
78
78
|
version,
|
|
@@ -91,8 +91,9 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
91
91
|
const path = (0, import_vue.ref)(PLACEHOLDER_ICON);
|
|
92
92
|
const icon = (0, import_vue.ref)(FALLBACK_ICON);
|
|
93
93
|
const classes = (0, import_vue.computed)(() => {
|
|
94
|
+
const size = typeof props.size === "string" ? props.size : void 0;
|
|
94
95
|
return (0, import_recipes.iconRecipe)({
|
|
95
|
-
size
|
|
96
|
+
size
|
|
96
97
|
});
|
|
97
98
|
});
|
|
98
99
|
(0, import_vue.watch)(() => props.name, (newValue, oldValue) => {
|
|
@@ -190,6 +191,7 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
190
191
|
return () => {
|
|
191
192
|
const {
|
|
192
193
|
name,
|
|
194
|
+
size,
|
|
193
195
|
color,
|
|
194
196
|
viewBox
|
|
195
197
|
} = props;
|
|
@@ -205,7 +207,8 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
205
207
|
focusable: false,
|
|
206
208
|
innerHTML: path.value,
|
|
207
209
|
style: {
|
|
208
|
-
"--mp-icon-color": propColor || defaultColor
|
|
210
|
+
"--mp-icon-color": propColor || defaultColor,
|
|
211
|
+
"--mp-icon-size": !["sm", "md"].includes(size) ? size : void 0
|
|
209
212
|
}
|
|
210
213
|
});
|
|
211
214
|
};
|
package/dist/index.mjs
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import "./chunk-IAOGVFNF.mjs";
|
|
1
2
|
import {
|
|
2
3
|
MpIcon
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-W4L32OME.mjs";
|
|
5
|
-
import "./chunk-YAG7COHP.mjs";
|
|
4
|
+
} from "./chunk-VPMQTE5U.mjs";
|
|
6
5
|
import "./chunk-4MXV6Z2I.mjs";
|
|
7
6
|
import "./chunk-4UN4LXHA.mjs";
|
|
7
|
+
import "./chunk-W4L32OME.mjs";
|
|
8
|
+
import "./chunk-CLHLMYKU.mjs";
|
|
8
9
|
import "./chunk-QZ7VFGWC.mjs";
|
|
9
10
|
export {
|
|
10
11
|
MpIcon
|
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/data/iconsWithoutVariant.ts":{"bytes":2382,"imports":[],"format":"esm"},"src/data/specialIcons.ts":{"bytes":1561,"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":2382,"imports":[],"format":"esm"},"src/data/specialIcons.ts":{"bytes":1561,"imports":[],"format":"esm"},"src/data/config.ts":{"bytes":163,"imports":[],"format":"esm"},"src/modules/icon.props.ts":{"bytes":967,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"package.json":{"bytes":777,"imports":[]},"src/icon.tsx":{"bytes":9441,"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":"@mekari/pixel3-styled-system/types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/icon.types.ts":{"bytes":287,"imports":[{"path":"../data/iconsCategories","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":155,"imports":[{"path":"src/icon.tsx","kind":"import-statement","original":"./icon"},{"path":"src/modules/icon.types.ts","kind":"import-statement","original":"./modules/icon.types"}],"format":"esm"},"src/data/iconsCategories.ts":{"bytes":5689,"imports":[],"format":"esm"},"src/data/iconsWithoutFill.ts":{"bytes":426,"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":9118},"src/data/iconsWithoutVariant.ts":{"bytesInOutput":2260},"src/data/specialIcons.ts":{"bytesInOutput":1426},"src/data/config.ts":{"bytesInOutput":85},"src/modules/icon.props.ts":{"bytesInOutput":273},"package.json":{"bytesInOutput":30}},"bytes":14350},"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":8998},"src/data/iconsWithoutVariant.ts":{"bytesInOutput":2260},"src/data/specialIcons.ts":{"bytesInOutput":1426},"src/data/config.ts":{"bytesInOutput":85},"src/modules/icon.props.ts":{"bytesInOutput":273},"package.json":{"bytesInOutput":30}},"bytes":14364},"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":5805}},"bytes":6871},"dist/data/iconsWithoutFill.js":{"imports":[],"exports":[],"entryPoint":"src/data/iconsWithoutFill.ts","inputs":{"src/data/iconsWithoutFill.ts":{"bytesInOutput":471}},"bytes":1303},"dist/data/iconsWithoutVariant.js":{"imports":[],"exports":[],"entryPoint":"src/data/iconsWithoutVariant.ts","inputs":{"src/data/iconsWithoutVariant.ts":{"bytesInOutput":2447}},"bytes":3282},"dist/data/specialIcons.js":{"imports":[],"exports":[],"entryPoint":"src/data/specialIcons.ts","inputs":{"src/data/specialIcons.ts":{"bytesInOutput":1585}},"bytes":2413},"dist/modules/icon.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/icon.props.ts","inputs":{"src/modules/icon.props.ts":{"bytesInOutput":417}},"bytes":1349},"dist/modules/icon.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/icon.types.ts","inputs":{"src/modules/icon.types.ts":{"bytesInOutput":80}},"bytes":781}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/data/iconsWithoutVariant.ts":{"bytes":2382,"imports":[],"format":"esm"},"src/data/specialIcons.ts":{"bytes":1561,"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":2382,"imports":[],"format":"esm"},"src/data/specialIcons.ts":{"bytes":1561,"imports":[],"format":"esm"},"src/data/config.ts":{"bytes":163,"imports":[],"format":"esm"},"src/modules/icon.props.ts":{"bytes":967,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"package.json":{"bytes":777,"imports":[]},"src/icon.tsx":{"bytes":9441,"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":"@mekari/pixel3-styled-system/types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/icon.types.ts":{"bytes":287,"imports":[{"path":"../data/iconsCategories","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":155,"imports":[{"path":"src/icon.tsx","kind":"import-statement","original":"./icon"},{"path":"src/modules/icon.types.ts","kind":"import-statement","original":"./modules/icon.types"}],"format":"esm"},"src/data/iconsCategories.ts":{"bytes":5689,"imports":[],"format":"esm"},"src/data/iconsWithoutFill.ts":{"bytes":426,"imports":[],"format":"esm"}},"outputs":{"dist/modules/icon.types.mjs":{"imports":[{"path":"dist/chunk-IAOGVFNF.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/icon.types.ts","inputs":{},"bytes":32},"dist/icon.mjs":{"imports":[{"path":"dist/chunk-VPMQTE5U.mjs","kind":"import-statement"},{"path":"dist/chunk-4MXV6Z2I.mjs","kind":"import-statement"},{"path":"dist/chunk-4UN4LXHA.mjs","kind":"import-statement"},{"path":"dist/chunk-W4L32OME.mjs","kind":"import-statement"},{"path":"dist/chunk-CLHLMYKU.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-IAOGVFNF.mjs","kind":"import-statement"},{"path":"dist/chunk-VPMQTE5U.mjs","kind":"import-statement"},{"path":"dist/chunk-4MXV6Z2I.mjs","kind":"import-statement"},{"path":"dist/chunk-4UN4LXHA.mjs","kind":"import-statement"},{"path":"dist/chunk-W4L32OME.mjs","kind":"import-statement"},{"path":"dist/chunk-CLHLMYKU.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":256},"dist/chunk-IAOGVFNF.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/icon.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-VPMQTE5U.mjs":{"imports":[{"path":"dist/chunk-4MXV6Z2I.mjs","kind":"import-statement"},{"path":"dist/chunk-4UN4LXHA.mjs","kind":"import-statement"},{"path":"dist/chunk-W4L32OME.mjs","kind":"import-statement"},{"path":"dist/chunk-CLHLMYKU.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":8776},"package.json":{"bytesInOutput":30}},"bytes":9170},"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","conversationIcons","featureIcons","fileIcons","interfaceEssentialsIcons","logoIcons","otherIcons"],"entryPoint":"src/data/iconsCategories.ts","inputs":{"src/data/iconsCategories.ts":{"bytesInOutput":5350}},"bytes":5570},"dist/data/iconsWithoutFill.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["default"],"entryPoint":"src/data/iconsWithoutFill.ts","inputs":{"src/data/iconsWithoutFill.ts":{"bytesInOutput":296}},"bytes":411},"dist/data/iconsWithoutVariant.mjs":{"imports":[{"path":"dist/chunk-4UN4LXHA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["default"],"entryPoint":"src/data/iconsWithoutVariant.ts","inputs":{},"bytes":156},"dist/chunk-4UN4LXHA.mjs":{"imports":[],"exports":["iconsWithoutVariant_default"],"inputs":{"src/data/iconsWithoutVariant.ts":{"bytesInOutput":2260}},"bytes":2338},"dist/data/specialIcons.mjs":{"imports":[{"path":"dist/chunk-W4L32OME.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["default"],"entryPoint":"src/data/specialIcons.ts","inputs":{},"bytes":142},"dist/chunk-W4L32OME.mjs":{"imports":[],"exports":["specialIcons_default"],"inputs":{"src/data/specialIcons.ts":{"bytesInOutput":1426}},"bytes":1490},"dist/modules/icon.props.mjs":{"imports":[{"path":"dist/chunk-CLHLMYKU.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-CLHLMYKU.mjs":{"imports":[],"exports":["iconProps"],"inputs":{"src/modules/icon.props.ts":{"bytesInOutput":273}},"bytes":327},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { PropType, ExtractPublicPropTypes } from 'vue';
|
|
2
2
|
import { ColorToken } from '@mekari/pixel3-styled-system/tokens';
|
|
3
|
-
import {
|
|
3
|
+
import { IconVariant } from './icon.types.mjs';
|
|
4
4
|
import { CombinedString, ComponentWithProps } from '@mekari/pixel3-utils';
|
|
5
5
|
import '../data/iconsCategories.mjs';
|
|
6
6
|
|
|
7
7
|
declare const iconProps: {
|
|
8
8
|
readonly name: {
|
|
9
|
-
readonly type: PropType<"
|
|
9
|
+
readonly type: PropType<"done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "add-ons" | "ai-assist" | "api" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-banner" | "text-editor-button" | "text-editor-divider" | "text-editor-footer" | "text-editor-logo" | "text-editor-move" | "text-editor-paragraph" | "text-editor-text" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
|
|
10
10
|
};
|
|
11
11
|
readonly size: {
|
|
12
|
-
readonly type: PropType<
|
|
13
|
-
readonly default: "
|
|
12
|
+
readonly type: PropType<string>;
|
|
13
|
+
readonly default: "sm";
|
|
14
14
|
};
|
|
15
15
|
readonly variant: {
|
|
16
16
|
readonly type: PropType<IconVariant>;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { PropType, ExtractPublicPropTypes } from 'vue';
|
|
2
2
|
import { ColorToken } from '@mekari/pixel3-styled-system/tokens';
|
|
3
|
-
import {
|
|
3
|
+
import { IconVariant } from './icon.types.js';
|
|
4
4
|
import { CombinedString, ComponentWithProps } from '@mekari/pixel3-utils';
|
|
5
5
|
import '../data/iconsCategories.js';
|
|
6
6
|
|
|
7
7
|
declare const iconProps: {
|
|
8
8
|
readonly name: {
|
|
9
|
-
readonly type: PropType<"
|
|
9
|
+
readonly type: PropType<"done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "add-ons" | "ai-assist" | "api" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-banner" | "text-editor-button" | "text-editor-divider" | "text-editor-footer" | "text-editor-logo" | "text-editor-move" | "text-editor-paragraph" | "text-editor-text" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
|
|
10
10
|
};
|
|
11
11
|
readonly size: {
|
|
12
|
-
readonly type: PropType<
|
|
13
|
-
readonly default: "
|
|
12
|
+
readonly type: PropType<string>;
|
|
13
|
+
readonly default: "sm";
|
|
14
14
|
};
|
|
15
15
|
readonly variant: {
|
|
16
16
|
readonly type: PropType<IconVariant>;
|
|
@@ -2,6 +2,6 @@ import { allIcons } from '../data/iconsCategories.mjs';
|
|
|
2
2
|
|
|
3
3
|
type IconName = typeof allIcons[number];
|
|
4
4
|
type IconVariant = 'outline' | 'duotone' | 'fill';
|
|
5
|
-
type IconSize = 'sm' | 'md';
|
|
5
|
+
type IconSize = 'sm' | 'md' | string;
|
|
6
6
|
|
|
7
7
|
export { IconName, IconSize, IconVariant };
|
|
@@ -2,6 +2,6 @@ import { allIcons } from '../data/iconsCategories.js';
|
|
|
2
2
|
|
|
3
3
|
type IconName = typeof allIcons[number];
|
|
4
4
|
type IconVariant = 'outline' | 'duotone' | 'fill';
|
|
5
|
-
type IconSize = 'sm' | 'md';
|
|
5
|
+
type IconSize = 'sm' | 'md' | string;
|
|
6
6
|
|
|
7
7
|
export { IconName, IconSize, IconVariant };
|
|
@@ -13,6 +13,6 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
13
13
|
};
|
|
14
14
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
15
|
|
|
16
|
-
// src/modules/icon.
|
|
17
|
-
var
|
|
18
|
-
module.exports = __toCommonJS(
|
|
16
|
+
// src/modules/icon.types.ts
|
|
17
|
+
var icon_types_exports = {};
|
|
18
|
+
module.exports = __toCommonJS(icon_types_exports);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "../chunk-IAOGVFNF.mjs";
|
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.17-dev.
|
|
4
|
+
"version": "0.0.17-dev.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-styled-system": "0.1.2-dev.
|
|
12
|
-
"@mekari/pixel3-utils": "0.0.7-dev.
|
|
11
|
+
"@mekari/pixel3-styled-system": "0.1.2-dev.1",
|
|
12
|
+
"@mekari/pixel3-utils": "0.0.7-dev.1"
|
|
13
13
|
},
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"vue": "^3.4.9"
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
"build:types": "tsup src --dts-only",
|
|
37
37
|
"types:check": "tsc --noEmit",
|
|
38
38
|
"replace-config": "clean-package",
|
|
39
|
-
"restore-config": "clean-package restore"
|
|
39
|
+
"restore-config": "clean-package restore",
|
|
40
|
+
"types:vue": "vue-tsc --noEmit"
|
|
40
41
|
}
|
|
41
42
|
}
|
|
File without changes
|