@mekari/pixel3-icon 0.0.16 → 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-VYFXFPHQ.mjs → chunk-CLHLMYKU.mjs} +2 -2
- package/dist/{chunk-ZPBDB3A5.mjs → chunk-VPMQTE5U.mjs} +17 -6
- package/dist/data/iconsCategories.d.mts +2 -2
- package/dist/data/iconsCategories.d.ts +2 -2
- package/dist/data/iconsCategories.js +1 -1
- package/dist/data/iconsCategories.mjs +1 -1
- package/dist/icon.d.mts +1 -1
- package/dist/icon.d.ts +1 -1
- package/dist/icon.js +17 -6
- package/dist/icon.mjs +2 -2
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +17 -6
- package/dist/index.mjs +3 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/icon.props.d.mts +5 -5
- package/dist/modules/icon.props.d.ts +5 -5
- package/dist/modules/icon.props.js +2 -2
- 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
|
@@ -5,7 +5,7 @@ var iconProps = {
|
|
|
5
5
|
},
|
|
6
6
|
size: {
|
|
7
7
|
type: String,
|
|
8
|
-
default: "
|
|
8
|
+
default: "sm"
|
|
9
9
|
},
|
|
10
10
|
variant: {
|
|
11
11
|
type: String,
|
|
@@ -13,7 +13,7 @@ var iconProps = {
|
|
|
13
13
|
},
|
|
14
14
|
color: {
|
|
15
15
|
type: String,
|
|
16
|
-
default: "
|
|
16
|
+
default: ""
|
|
17
17
|
},
|
|
18
18
|
viewBox: {
|
|
19
19
|
type: String,
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
} from "./chunk-W4L32OME.mjs";
|
|
10
10
|
import {
|
|
11
11
|
iconProps
|
|
12
|
-
} from "./chunk-
|
|
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
|
-
import { useStorage, canUseDOM } from "@mekari/pixel3-utils";
|
|
27
|
-
var FALLBACK_ICON = '<svg width="
|
|
26
|
+
import { useStorage, canUseDOM, usePixelTheme } from "@mekari/pixel3-utils";
|
|
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,
|
|
@@ -37,11 +37,15 @@ var MpIcon = defineComponent({
|
|
|
37
37
|
name: "MpIcon",
|
|
38
38
|
props: iconProps,
|
|
39
39
|
setup(props) {
|
|
40
|
+
const {
|
|
41
|
+
isNextTheme
|
|
42
|
+
} = usePixelTheme();
|
|
40
43
|
const path = ref(PLACEHOLDER_ICON);
|
|
41
44
|
const icon = ref(FALLBACK_ICON);
|
|
42
45
|
const classes = computed(() => {
|
|
46
|
+
const size = typeof props.size === "string" ? props.size : void 0;
|
|
43
47
|
return iconRecipe({
|
|
44
|
-
size
|
|
48
|
+
size
|
|
45
49
|
});
|
|
46
50
|
});
|
|
47
51
|
watch(() => props.name, (newValue, oldValue) => {
|
|
@@ -132,13 +136,19 @@ var MpIcon = defineComponent({
|
|
|
132
136
|
getIcon().finally(() => {
|
|
133
137
|
handlePath();
|
|
134
138
|
});
|
|
139
|
+
if (isNextTheme.value && props.variant === "duotone") {
|
|
140
|
+
console.warn('[Pixel]: The "duotone" variant in `MpIcon` will be deprecated in the future. Use "fill" instead.');
|
|
141
|
+
}
|
|
135
142
|
});
|
|
136
143
|
return () => {
|
|
137
144
|
const {
|
|
138
145
|
name,
|
|
146
|
+
size,
|
|
139
147
|
color,
|
|
140
148
|
viewBox
|
|
141
149
|
} = props;
|
|
150
|
+
const propColor = token(`colors.${color}`) || color;
|
|
151
|
+
const defaultColor = token(`colors.${isNextTheme.value ? "icon.default" : "gray.600"}`);
|
|
142
152
|
return h("svg", {
|
|
143
153
|
class: classes.value,
|
|
144
154
|
"data-pixel-component": "MpIcon",
|
|
@@ -149,7 +159,8 @@ var MpIcon = defineComponent({
|
|
|
149
159
|
focusable: false,
|
|
150
160
|
innerHTML: path.value,
|
|
151
161
|
style: {
|
|
152
|
-
"--mp-icon-color":
|
|
162
|
+
"--mp-icon-color": propColor || defaultColor,
|
|
163
|
+
"--mp-icon-size": !["sm", "md"].includes(size) ? size : void 0
|
|
153
164
|
}
|
|
154
165
|
});
|
|
155
166
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
declare const alertIcons: readonly ["done", "error", "help", "info", "pending", "priority-high", "priority-low", "priority-medium", "progress", "warning-circular", "warning-triangle"];
|
|
2
2
|
declare const arrowIcons: readonly ["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"];
|
|
3
|
-
declare const conversationIcons: readonly ["call-active", "call-add", "call-declined", "call-disabled", "call-end", "call-incoming", "call-outgoing", "call-pause", "headphone", "mic", "mic-mute"];
|
|
3
|
+
declare const conversationIcons: readonly ["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"];
|
|
4
4
|
declare const featureIcons: readonly ["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"];
|
|
5
5
|
declare const fileIcons: readonly ["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"];
|
|
6
6
|
declare const interfaceEssentialsIcons: readonly ["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"];
|
|
7
7
|
declare const logoIcons: readonly ["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"];
|
|
8
8
|
declare const otherIcons: readonly ["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"];
|
|
9
|
-
declare const allIcons: readonly ["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", "call-active", "call-add", "call-declined", "call-disabled", "call-end", "call-incoming", "call-outgoing", "call-pause", "headphone", "mic", "mic-mute", "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"];
|
|
9
|
+
declare const allIcons: readonly ["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
|
export { alertIcons, allIcons, arrowIcons, conversationIcons, featureIcons, fileIcons, interfaceEssentialsIcons, logoIcons, otherIcons };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
declare const alertIcons: readonly ["done", "error", "help", "info", "pending", "priority-high", "priority-low", "priority-medium", "progress", "warning-circular", "warning-triangle"];
|
|
2
2
|
declare const arrowIcons: readonly ["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"];
|
|
3
|
-
declare const conversationIcons: readonly ["call-active", "call-add", "call-declined", "call-disabled", "call-end", "call-incoming", "call-outgoing", "call-pause", "headphone", "mic", "mic-mute"];
|
|
3
|
+
declare const conversationIcons: readonly ["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"];
|
|
4
4
|
declare const featureIcons: readonly ["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"];
|
|
5
5
|
declare const fileIcons: readonly ["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"];
|
|
6
6
|
declare const interfaceEssentialsIcons: readonly ["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"];
|
|
7
7
|
declare const logoIcons: readonly ["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"];
|
|
8
8
|
declare const otherIcons: readonly ["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"];
|
|
9
|
-
declare const allIcons: readonly ["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", "call-active", "call-add", "call-declined", "call-disabled", "call-end", "call-incoming", "call-outgoing", "call-pause", "headphone", "mic", "mic-mute", "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"];
|
|
9
|
+
declare const allIcons: readonly ["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
|
export { alertIcons, allIcons, arrowIcons, conversationIcons, featureIcons, fileIcons, interfaceEssentialsIcons, logoIcons, otherIcons };
|
|
@@ -33,7 +33,7 @@ __export(iconsCategories_exports, {
|
|
|
33
33
|
module.exports = __toCommonJS(iconsCategories_exports);
|
|
34
34
|
var alertIcons = ["done", "error", "help", "info", "pending", "priority-high", "priority-low", "priority-medium", "progress", "warning-circular", "warning-triangle"];
|
|
35
35
|
var arrowIcons = ["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"];
|
|
36
|
-
var conversationIcons = ["call-active", "call-add", "call-declined", "call-disabled", "call-end", "call-incoming", "call-outgoing", "call-pause", "headphone", "mic", "mic-mute"];
|
|
36
|
+
var conversationIcons = ["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"];
|
|
37
37
|
var featureIcons = ["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"];
|
|
38
38
|
var fileIcons = ["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"];
|
|
39
39
|
var interfaceEssentialsIcons = ["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"];
|
|
@@ -3,7 +3,7 @@ import "../chunk-QZ7VFGWC.mjs";
|
|
|
3
3
|
// src/data/iconsCategories.ts
|
|
4
4
|
var alertIcons = ["done", "error", "help", "info", "pending", "priority-high", "priority-low", "priority-medium", "progress", "warning-circular", "warning-triangle"];
|
|
5
5
|
var arrowIcons = ["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"];
|
|
6
|
-
var conversationIcons = ["call-active", "call-add", "call-declined", "call-disabled", "call-end", "call-incoming", "call-outgoing", "call-pause", "headphone", "mic", "mic-mute"];
|
|
6
|
+
var conversationIcons = ["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"];
|
|
7
7
|
var featureIcons = ["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"];
|
|
8
8
|
var fileIcons = ["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"];
|
|
9
9
|
var interfaceEssentialsIcons = ["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"];
|
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,
|
|
@@ -57,7 +57,7 @@ var iconProps = {
|
|
|
57
57
|
},
|
|
58
58
|
color: {
|
|
59
59
|
type: String,
|
|
60
|
-
default: "
|
|
60
|
+
default: ""
|
|
61
61
|
},
|
|
62
62
|
viewBox: {
|
|
63
63
|
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,
|
|
@@ -83,11 +83,15 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
83
83
|
name: "MpIcon",
|
|
84
84
|
props: iconProps,
|
|
85
85
|
setup(props) {
|
|
86
|
+
const {
|
|
87
|
+
isNextTheme
|
|
88
|
+
} = (0, import_pixel3_utils.usePixelTheme)();
|
|
86
89
|
const path = (0, import_vue.ref)(PLACEHOLDER_ICON);
|
|
87
90
|
const icon = (0, import_vue.ref)(FALLBACK_ICON);
|
|
88
91
|
const classes = (0, import_vue.computed)(() => {
|
|
92
|
+
const size = typeof props.size === "string" ? props.size : void 0;
|
|
89
93
|
return (0, import_recipes.iconRecipe)({
|
|
90
|
-
size
|
|
94
|
+
size
|
|
91
95
|
});
|
|
92
96
|
});
|
|
93
97
|
(0, import_vue.watch)(() => props.name, (newValue, oldValue) => {
|
|
@@ -178,13 +182,19 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
178
182
|
getIcon().finally(() => {
|
|
179
183
|
handlePath();
|
|
180
184
|
});
|
|
185
|
+
if (isNextTheme.value && props.variant === "duotone") {
|
|
186
|
+
console.warn('[Pixel]: The "duotone" variant in `MpIcon` will be deprecated in the future. Use "fill" instead.');
|
|
187
|
+
}
|
|
181
188
|
});
|
|
182
189
|
return () => {
|
|
183
190
|
const {
|
|
184
191
|
name,
|
|
192
|
+
size,
|
|
185
193
|
color,
|
|
186
194
|
viewBox
|
|
187
195
|
} = props;
|
|
196
|
+
const propColor = (0, import_tokens.token)(`colors.${color}`) || color;
|
|
197
|
+
const defaultColor = (0, import_tokens.token)(`colors.${isNextTheme.value ? "icon.default" : "gray.600"}`);
|
|
188
198
|
return (0, import_vue.h)("svg", {
|
|
189
199
|
class: classes.value,
|
|
190
200
|
"data-pixel-component": "MpIcon",
|
|
@@ -195,7 +205,8 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
195
205
|
focusable: false,
|
|
196
206
|
innerHTML: path.value,
|
|
197
207
|
style: {
|
|
198
|
-
"--mp-icon-color":
|
|
208
|
+
"--mp-icon-color": propColor || defaultColor,
|
|
209
|
+
"--mp-icon-size": !["sm", "md"].includes(size) ? size : void 0
|
|
199
210
|
}
|
|
200
211
|
});
|
|
201
212
|
};
|
package/dist/icon.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpIcon
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-VPMQTE5U.mjs";
|
|
4
4
|
import "./chunk-4MXV6Z2I.mjs";
|
|
5
5
|
import "./chunk-4UN4LXHA.mjs";
|
|
6
6
|
import "./chunk-W4L32OME.mjs";
|
|
7
|
-
import "./chunk-
|
|
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,
|
|
@@ -59,7 +59,7 @@ var iconProps = {
|
|
|
59
59
|
},
|
|
60
60
|
color: {
|
|
61
61
|
type: String,
|
|
62
|
-
default: "
|
|
62
|
+
default: ""
|
|
63
63
|
},
|
|
64
64
|
viewBox: {
|
|
65
65
|
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,
|
|
@@ -85,11 +85,15 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
85
85
|
name: "MpIcon",
|
|
86
86
|
props: iconProps,
|
|
87
87
|
setup(props) {
|
|
88
|
+
const {
|
|
89
|
+
isNextTheme
|
|
90
|
+
} = (0, import_pixel3_utils.usePixelTheme)();
|
|
88
91
|
const path = (0, import_vue.ref)(PLACEHOLDER_ICON);
|
|
89
92
|
const icon = (0, import_vue.ref)(FALLBACK_ICON);
|
|
90
93
|
const classes = (0, import_vue.computed)(() => {
|
|
94
|
+
const size = typeof props.size === "string" ? props.size : void 0;
|
|
91
95
|
return (0, import_recipes.iconRecipe)({
|
|
92
|
-
size
|
|
96
|
+
size
|
|
93
97
|
});
|
|
94
98
|
});
|
|
95
99
|
(0, import_vue.watch)(() => props.name, (newValue, oldValue) => {
|
|
@@ -180,13 +184,19 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
180
184
|
getIcon().finally(() => {
|
|
181
185
|
handlePath();
|
|
182
186
|
});
|
|
187
|
+
if (isNextTheme.value && props.variant === "duotone") {
|
|
188
|
+
console.warn('[Pixel]: The "duotone" variant in `MpIcon` will be deprecated in the future. Use "fill" instead.');
|
|
189
|
+
}
|
|
183
190
|
});
|
|
184
191
|
return () => {
|
|
185
192
|
const {
|
|
186
193
|
name,
|
|
194
|
+
size,
|
|
187
195
|
color,
|
|
188
196
|
viewBox
|
|
189
197
|
} = props;
|
|
198
|
+
const propColor = (0, import_tokens.token)(`colors.${color}`) || color;
|
|
199
|
+
const defaultColor = (0, import_tokens.token)(`colors.${isNextTheme.value ? "icon.default" : "gray.600"}`);
|
|
190
200
|
return (0, import_vue.h)("svg", {
|
|
191
201
|
class: classes.value,
|
|
192
202
|
"data-pixel-component": "MpIcon",
|
|
@@ -197,7 +207,8 @@ var MpIcon = (0, import_vue.defineComponent)({
|
|
|
197
207
|
focusable: false,
|
|
198
208
|
innerHTML: path.value,
|
|
199
209
|
style: {
|
|
200
|
-
"--mp-icon-color":
|
|
210
|
+
"--mp-icon-color": propColor || defaultColor,
|
|
211
|
+
"--mp-icon-size": !["sm", "md"].includes(size) ? size : void 0
|
|
201
212
|
}
|
|
202
213
|
});
|
|
203
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
|
+
} from "./chunk-VPMQTE5U.mjs";
|
|
4
5
|
import "./chunk-4MXV6Z2I.mjs";
|
|
5
6
|
import "./chunk-4UN4LXHA.mjs";
|
|
6
7
|
import "./chunk-W4L32OME.mjs";
|
|
7
|
-
import "./chunk-
|
|
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>;
|
|
@@ -18,7 +18,7 @@ declare const iconProps: {
|
|
|
18
18
|
};
|
|
19
19
|
readonly color: {
|
|
20
20
|
readonly type: PropType<ColorToken | CombinedString>;
|
|
21
|
-
readonly default: "
|
|
21
|
+
readonly default: "";
|
|
22
22
|
};
|
|
23
23
|
readonly viewBox: {
|
|
24
24
|
readonly type: PropType<string>;
|
|
@@ -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>;
|
|
@@ -18,7 +18,7 @@ declare const iconProps: {
|
|
|
18
18
|
};
|
|
19
19
|
readonly color: {
|
|
20
20
|
readonly type: PropType<ColorToken | CombinedString>;
|
|
21
|
-
readonly default: "
|
|
21
|
+
readonly default: "";
|
|
22
22
|
};
|
|
23
23
|
readonly viewBox: {
|
|
24
24
|
readonly type: PropType<string>;
|
|
@@ -29,7 +29,7 @@ var iconProps = {
|
|
|
29
29
|
},
|
|
30
30
|
size: {
|
|
31
31
|
type: String,
|
|
32
|
-
default: "
|
|
32
|
+
default: "sm"
|
|
33
33
|
},
|
|
34
34
|
variant: {
|
|
35
35
|
type: String,
|
|
@@ -37,7 +37,7 @@ var iconProps = {
|
|
|
37
37
|
},
|
|
38
38
|
color: {
|
|
39
39
|
type: String,
|
|
40
|
-
default: "
|
|
40
|
+
default: ""
|
|
41
41
|
},
|
|
42
42
|
viewBox: {
|
|
43
43
|
type: String,
|
|
@@ -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.
|
|
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.1",
|
|
12
|
-
"@mekari/pixel3-utils": "0.0.
|
|
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
|