@mekari/pixel3-button 0.0.3 → 0.0.5

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.
Files changed (17) hide show
  1. package/dist/button.d.mts +13 -8
  2. package/dist/button.d.ts +13 -8
  3. package/dist/button.js +2 -1
  4. package/dist/button.mjs +2 -2
  5. package/dist/{chunk-5JNYXGFY.mjs → chunk-BSH3FNBJ.mjs} +2 -1
  6. package/dist/{chunk-LSFNX7UA.mjs → chunk-CGHIPVSN.mjs} +1 -1
  7. package/dist/index.d.mts +3 -1
  8. package/dist/index.d.ts +3 -1
  9. package/dist/index.js +2 -1
  10. package/dist/index.mjs +2 -2
  11. package/dist/metafile-cjs.json +1 -1
  12. package/dist/metafile-esm.json +1 -1
  13. package/dist/modules/button.props.d.mts +6 -3
  14. package/dist/modules/button.props.d.ts +6 -3
  15. package/dist/modules/button.props.js +2 -1
  16. package/dist/modules/button.props.mjs +1 -1
  17. package/package.json +7 -6
package/dist/button.d.mts CHANGED
@@ -1,6 +1,8 @@
1
1
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
+ import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
2
3
  import { ButtonSize, ButtonVariant } from './modules/button.type.mjs';
3
4
  import * as vue from 'vue';
5
+ import { SpacingToken } from '@mekari/pixel3-styled-system/tokens';
4
6
 
5
7
  declare const MpButton: vue.DefineComponent<{
6
8
  as: {
@@ -13,6 +15,7 @@ declare const MpButton: vue.DefineComponent<{
13
15
  };
14
16
  variant: {
15
17
  type: vue.PropType<ButtonVariant>;
18
+ default: string;
16
19
  };
17
20
  isDisabled: {
18
21
  type: BooleanConstructor;
@@ -21,10 +24,10 @@ declare const MpButton: vue.DefineComponent<{
21
24
  type: BooleanConstructor;
22
25
  };
23
26
  leftIcon: {
24
- type: StringConstructor;
27
+ type: vue.PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | _mekari_pixel3_utils.CombinedString>;
25
28
  };
26
29
  rightIcon: {
27
- type: StringConstructor;
30
+ type: vue.PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | _mekari_pixel3_utils.CombinedString>;
28
31
  };
29
32
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
30
33
  as: {
@@ -37,6 +40,7 @@ declare const MpButton: vue.DefineComponent<{
37
40
  };
38
41
  variant: {
39
42
  type: vue.PropType<ButtonVariant>;
43
+ default: string;
40
44
  };
41
45
  isDisabled: {
42
46
  type: BooleanConstructor;
@@ -45,22 +49,23 @@ declare const MpButton: vue.DefineComponent<{
45
49
  type: BooleanConstructor;
46
50
  };
47
51
  leftIcon: {
48
- type: StringConstructor;
52
+ type: vue.PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | _mekari_pixel3_utils.CombinedString>;
49
53
  };
50
54
  rightIcon: {
51
- type: StringConstructor;
55
+ type: vue.PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | _mekari_pixel3_utils.CombinedString>;
52
56
  };
53
57
  }>> & {
54
58
  onClick?: ((...args: any[]) => any) | undefined;
55
59
  }, {
56
- as: keyof HTMLElementTagNameMap;
57
60
  size: ButtonSize;
61
+ variant: ButtonVariant;
62
+ as: keyof HTMLElementTagNameMap;
58
63
  isDisabled: boolean;
59
64
  isLoading: boolean;
60
65
  }, {}>;
61
66
  declare const MpButtonGroup: vue.DefineComponent<{
62
67
  spacing: {
63
- type: vue.PropType<string>;
68
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | SpacingToken>;
64
69
  default: string;
65
70
  };
66
71
  isSplit: {
@@ -68,14 +73,14 @@ declare const MpButtonGroup: vue.DefineComponent<{
68
73
  };
69
74
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
70
75
  spacing: {
71
- type: vue.PropType<string>;
76
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | SpacingToken>;
72
77
  default: string;
73
78
  };
74
79
  isSplit: {
75
80
  type: BooleanConstructor;
76
81
  };
77
82
  }>>, {
78
- spacing: string;
83
+ spacing: _mekari_pixel3_utils.CombinedString | SpacingToken;
79
84
  isSplit: boolean;
80
85
  }, {}>;
81
86
 
package/dist/button.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
+ import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
2
3
  import { ButtonSize, ButtonVariant } from './modules/button.type.js';
3
4
  import * as vue from 'vue';
5
+ import { SpacingToken } from '@mekari/pixel3-styled-system/tokens';
4
6
 
5
7
  declare const MpButton: vue.DefineComponent<{
6
8
  as: {
@@ -13,6 +15,7 @@ declare const MpButton: vue.DefineComponent<{
13
15
  };
14
16
  variant: {
15
17
  type: vue.PropType<ButtonVariant>;
18
+ default: string;
16
19
  };
17
20
  isDisabled: {
18
21
  type: BooleanConstructor;
@@ -21,10 +24,10 @@ declare const MpButton: vue.DefineComponent<{
21
24
  type: BooleanConstructor;
22
25
  };
23
26
  leftIcon: {
24
- type: StringConstructor;
27
+ type: vue.PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | _mekari_pixel3_utils.CombinedString>;
25
28
  };
26
29
  rightIcon: {
27
- type: StringConstructor;
30
+ type: vue.PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | _mekari_pixel3_utils.CombinedString>;
28
31
  };
29
32
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
30
33
  as: {
@@ -37,6 +40,7 @@ declare const MpButton: vue.DefineComponent<{
37
40
  };
38
41
  variant: {
39
42
  type: vue.PropType<ButtonVariant>;
43
+ default: string;
40
44
  };
41
45
  isDisabled: {
42
46
  type: BooleanConstructor;
@@ -45,22 +49,23 @@ declare const MpButton: vue.DefineComponent<{
45
49
  type: BooleanConstructor;
46
50
  };
47
51
  leftIcon: {
48
- type: StringConstructor;
52
+ type: vue.PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | _mekari_pixel3_utils.CombinedString>;
49
53
  };
50
54
  rightIcon: {
51
- type: StringConstructor;
55
+ type: vue.PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | _mekari_pixel3_utils.CombinedString>;
52
56
  };
53
57
  }>> & {
54
58
  onClick?: ((...args: any[]) => any) | undefined;
55
59
  }, {
56
- as: keyof HTMLElementTagNameMap;
57
60
  size: ButtonSize;
61
+ variant: ButtonVariant;
62
+ as: keyof HTMLElementTagNameMap;
58
63
  isDisabled: boolean;
59
64
  isLoading: boolean;
60
65
  }, {}>;
61
66
  declare const MpButtonGroup: vue.DefineComponent<{
62
67
  spacing: {
63
- type: vue.PropType<string>;
68
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | SpacingToken>;
64
69
  default: string;
65
70
  };
66
71
  isSplit: {
@@ -68,14 +73,14 @@ declare const MpButtonGroup: vue.DefineComponent<{
68
73
  };
69
74
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
70
75
  spacing: {
71
- type: vue.PropType<string>;
76
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | SpacingToken>;
72
77
  default: string;
73
78
  };
74
79
  isSplit: {
75
80
  type: BooleanConstructor;
76
81
  };
77
82
  }>>, {
78
- spacing: string;
83
+ spacing: _mekari_pixel3_utils.CombinedString | SpacingToken;
79
84
  isSplit: boolean;
80
85
  }, {}>;
81
86
 
package/dist/button.js CHANGED
@@ -43,7 +43,8 @@ var buttonProps = {
43
43
  default: "md"
44
44
  },
45
45
  variant: {
46
- type: String
46
+ type: String,
47
+ default: "primary"
47
48
  },
48
49
  isDisabled: {
49
50
  type: Boolean
package/dist/button.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpButton,
3
3
  MpButtonGroup
4
- } from "./chunk-LSFNX7UA.mjs";
5
- import "./chunk-5JNYXGFY.mjs";
4
+ } from "./chunk-CGHIPVSN.mjs";
5
+ import "./chunk-BSH3FNBJ.mjs";
6
6
  export {
7
7
  MpButton,
8
8
  MpButtonGroup
package/dist/{chunk-5JNYXGFY.mjs → chunk-BSH3FNBJ.mjs} RENAMED
@@ -12,7 +12,8 @@ var buttonProps = {
12
12
  default: "md"
13
13
  },
14
14
  variant: {
15
- type: String
15
+ type: String,
16
+ default: "primary"
16
17
  },
17
18
  isDisabled: {
18
19
  type: Boolean
package/dist/{chunk-LSFNX7UA.mjs → chunk-CGHIPVSN.mjs} RENAMED
@@ -2,7 +2,7 @@ import {
2
2
  __name,
3
3
  buttonGroupProps,
4
4
  buttonProps
5
- } from "./chunk-5JNYXGFY.mjs";
5
+ } from "./chunk-BSH3FNBJ.mjs";
6
6
 
7
7
  // src/button.tsx
8
8
  import { createVNode as _createVNode } from "vue";
package/dist/index.d.mts CHANGED
@@ -1,4 +1,6 @@
1
1
  export { MpButton, MpButtonGroup } from './button.mjs';
2
+ export { ButtonSize, ButtonVariant } from './modules/button.type.mjs';
2
3
  import 'vue/jsx-runtime';
3
- import './modules/button.type.mjs';
4
+ import '@mekari/pixel3-utils';
4
5
  import 'vue';
6
+ import '@mekari/pixel3-styled-system/tokens';
package/dist/index.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  export { MpButton, MpButtonGroup } from './button.js';
2
+ export { ButtonSize, ButtonVariant } from './modules/button.type.js';
2
3
  import 'vue/jsx-runtime';
3
- import './modules/button.type.js';
4
+ import '@mekari/pixel3-utils';
4
5
  import 'vue';
6
+ import '@mekari/pixel3-styled-system/tokens';
package/dist/index.js CHANGED
@@ -45,7 +45,8 @@ var buttonProps = {
45
45
  default: "md"
46
46
  },
47
47
  variant: {
48
- type: String
48
+ type: String,
49
+ default: "primary"
49
50
  },
50
51
  isDisabled: {
51
52
  type: Boolean
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpButton,
3
3
  MpButtonGroup
4
- } from "./chunk-LSFNX7UA.mjs";
5
- import "./chunk-5JNYXGFY.mjs";
4
+ } from "./chunk-CGHIPVSN.mjs";
5
+ import "./chunk-BSH3FNBJ.mjs";
6
6
  export {
7
7
  MpButton,
8
8
  MpButtonGroup
package/dist/metafile-cjs.json CHANGED
@@ -1 +1 @@
1
- {"inputs":{"src/modules/button.props.ts":{"bytes":861,"imports":[{"path":"./button.type","kind":"import-statement","external":true}],"format":"esm"},"src/button.tsx":{"bytes":2811,"imports":[{"path":"vue","kind":"import-statement","external":true},{"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-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"src/modules/button.props.ts","kind":"import-statement","original":"./modules/button.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":136,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"}],"format":"esm"},"src/modules/button.type.ts":{"bytes":209,"imports":[],"format":"esm"}},"outputs":{"dist/button.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"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-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/button.tsx","inputs":{"src/button.tsx":{"bytesInOutput":2938},"src/modules/button.props.ts":{"bytesInOutput":427}},"bytes":4443},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"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-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":159},"src/button.tsx":{"bytesInOutput":2770},"src/modules/button.props.ts":{"bytesInOutput":427}},"bytes":4451},"dist/modules/button.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.props.ts","inputs":{"src/modules/button.props.ts":{"bytesInOutput":625}},"bytes":1581},"dist/modules/button.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.type.ts","inputs":{"src/modules/button.type.ts":{"bytesInOutput":82}},"bytes":784}}}
1
+ {"inputs":{"src/modules/button.props.ts":{"bytes":1093,"imports":[],"format":"esm"},"src/button.tsx":{"bytes":2811,"imports":[{"path":"vue","kind":"import-statement","external":true},{"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-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"src/modules/button.props.ts","kind":"import-statement","original":"./modules/button.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":208,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"}],"format":"esm"},"src/modules/button.type.ts":{"bytes":209,"imports":[],"format":"esm"}},"outputs":{"dist/button.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"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-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/button.tsx","inputs":{"src/button.tsx":{"bytesInOutput":2938},"src/modules/button.props.ts":{"bytesInOutput":451}},"bytes":4467},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"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-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":159},"src/button.tsx":{"bytesInOutput":2770},"src/modules/button.props.ts":{"bytesInOutput":451}},"bytes":4475},"dist/modules/button.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.props.ts","inputs":{"src/modules/button.props.ts":{"bytesInOutput":649}},"bytes":1605},"dist/modules/button.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.type.ts","inputs":{"src/modules/button.type.ts":{"bytesInOutput":82}},"bytes":784}}}
package/dist/metafile-esm.json CHANGED
@@ -1 +1 @@
1
- {"inputs":{"src/modules/button.props.ts":{"bytes":861,"imports":[{"path":"./button.type","kind":"import-statement","external":true}],"format":"esm"},"src/button.tsx":{"bytes":2811,"imports":[{"path":"vue","kind":"import-statement","external":true},{"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-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"src/modules/button.props.ts","kind":"import-statement","original":"./modules/button.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":136,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"}],"format":"esm"},"src/modules/button.type.ts":{"bytes":209,"imports":[],"format":"esm"}},"outputs":{"dist/button.mjs":{"imports":[{"path":"dist/chunk-LSFNX7UA.mjs","kind":"import-statement"},{"path":"dist/chunk-5JNYXGFY.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/button.tsx","inputs":{},"bytes":139},"dist/index.mjs":{"imports":[{"path":"dist/chunk-LSFNX7UA.mjs","kind":"import-statement"},{"path":"dist/chunk-5JNYXGFY.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":139},"dist/chunk-LSFNX7UA.mjs":{"imports":[{"path":"dist/chunk-5JNYXGFY.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"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-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true}],"exports":["MpButton","MpButtonGroup"],"inputs":{"src/button.tsx":{"bytesInOutput":2532}},"bytes":2676},"dist/modules/button.props.mjs":{"imports":[{"path":"dist/chunk-5JNYXGFY.mjs","kind":"import-statement"}],"exports":["buttonGroupProps","buttonProps"],"entryPoint":"src/modules/button.props.ts","inputs":{},"bytes":121},"dist/chunk-5JNYXGFY.mjs":{"imports":[],"exports":["__name","buttonGroupProps","buttonProps"],"inputs":{"src/modules/button.props.ts":{"bytesInOutput":427}},"bytes":645},"dist/modules/button.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/button.type.ts","inputs":{"src/modules/button.type.ts":{"bytesInOutput":0}},"bytes":0}}}
1
+ {"inputs":{"src/modules/button.props.ts":{"bytes":1093,"imports":[],"format":"esm"},"src/button.tsx":{"bytes":2811,"imports":[{"path":"vue","kind":"import-statement","external":true},{"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-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"src/modules/button.props.ts","kind":"import-statement","original":"./modules/button.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":208,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"}],"format":"esm"},"src/modules/button.type.ts":{"bytes":209,"imports":[],"format":"esm"}},"outputs":{"dist/button.mjs":{"imports":[{"path":"dist/chunk-CGHIPVSN.mjs","kind":"import-statement"},{"path":"dist/chunk-BSH3FNBJ.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/button.tsx","inputs":{},"bytes":139},"dist/index.mjs":{"imports":[{"path":"dist/chunk-CGHIPVSN.mjs","kind":"import-statement"},{"path":"dist/chunk-BSH3FNBJ.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":139},"dist/chunk-CGHIPVSN.mjs":{"imports":[{"path":"dist/chunk-BSH3FNBJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"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-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true}],"exports":["MpButton","MpButtonGroup"],"inputs":{"src/button.tsx":{"bytesInOutput":2532}},"bytes":2676},"dist/modules/button.props.mjs":{"imports":[{"path":"dist/chunk-BSH3FNBJ.mjs","kind":"import-statement"}],"exports":["buttonGroupProps","buttonProps"],"entryPoint":"src/modules/button.props.ts","inputs":{},"bytes":121},"dist/chunk-BSH3FNBJ.mjs":{"imports":[],"exports":["__name","buttonGroupProps","buttonProps"],"inputs":{"src/modules/button.props.ts":{"bytesInOutput":451}},"bytes":669},"dist/modules/button.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/button.type.ts","inputs":{"src/modules/button.type.ts":{"bytesInOutput":0}},"bytes":0}}}
package/dist/modules/button.props.d.mts CHANGED
@@ -1,5 +1,7 @@
1
1
  import { PropType } from 'vue';
2
+ import { SpacingToken } from '@mekari/pixel3-styled-system/tokens';
2
3
  import { ButtonSize, ButtonVariant } from './button.type.mjs';
4
+ import { CombinedString } from '@mekari/pixel3-utils';
3
5
 
4
6
  declare const buttonProps: {
5
7
  as: {
@@ -12,6 +14,7 @@ declare const buttonProps: {
12
14
  };
13
15
  variant: {
14
16
  type: PropType<ButtonVariant>;
17
+ default: string;
15
18
  };
16
19
  isDisabled: {
17
20
  type: BooleanConstructor;
@@ -20,15 +23,15 @@ declare const buttonProps: {
20
23
  type: BooleanConstructor;
21
24
  };
22
25
  leftIcon: {
23
- type: StringConstructor;
26
+ type: PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | CombinedString>;
24
27
  };
25
28
  rightIcon: {
26
- type: StringConstructor;
29
+ type: PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | CombinedString>;
27
30
  };
28
31
  };
29
32
  declare const buttonGroupProps: {
30
33
  spacing: {
31
- type: PropType<string>;
34
+ type: PropType<CombinedString | SpacingToken>;
32
35
  default: string;
33
36
  };
34
37
  isSplit: {
package/dist/modules/button.props.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import { PropType } from 'vue';
2
+ import { SpacingToken } from '@mekari/pixel3-styled-system/tokens';
2
3
  import { ButtonSize, ButtonVariant } from './button.type.js';
4
+ import { CombinedString } from '@mekari/pixel3-utils';
3
5
 
4
6
  declare const buttonProps: {
5
7
  as: {
@@ -12,6 +14,7 @@ declare const buttonProps: {
12
14
  };
13
15
  variant: {
14
16
  type: PropType<ButtonVariant>;
17
+ default: string;
15
18
  };
16
19
  isDisabled: {
17
20
  type: BooleanConstructor;
@@ -20,15 +23,15 @@ declare const buttonProps: {
20
23
  type: BooleanConstructor;
21
24
  };
22
25
  leftIcon: {
23
- type: StringConstructor;
26
+ type: PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | CombinedString>;
24
27
  };
25
28
  rightIcon: {
26
- type: StringConstructor;
29
+ type: PropType<"stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-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" | "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" | "priority-low" | "priority-medium" | "priority-high" | "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" | "X" | "done" | "error" | "help" | "info" | "pending" | "progress" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "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" | "dislike" | "decrease-kpi" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "filter" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "schedule" | "security" | "sent" | "share" | "stamp" | "succesion-plan" | "talent-management" | "team" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "time" | "undo" | "upload" | "verified" | "video-recorder" | CombinedString>;
27
30
  };
28
31
  };
29
32
  declare const buttonGroupProps: {
30
33
  spacing: {
31
- type: PropType<string>;
34
+ type: PropType<CombinedString | SpacingToken>;
32
35
  default: string;
33
36
  };
34
37
  isSplit: {
package/dist/modules/button.props.js CHANGED
@@ -34,7 +34,8 @@ var buttonProps = {
34
34
  default: "md"
35
35
  },
36
36
  variant: {
37
- type: String
37
+ type: String,
38
+ default: "primary"
38
39
  },
39
40
  isDisabled: {
40
41
  type: Boolean
package/dist/modules/button.props.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  buttonGroupProps,
3
3
  buttonProps
4
- } from "../chunk-5JNYXGFY.mjs";
4
+ } from "../chunk-BSH3FNBJ.mjs";
5
5
  export {
6
6
  buttonGroupProps,
7
7
  buttonProps
package/package.json CHANGED
@@ -1,22 +1,23 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-button",
3
3
  "description": "Button component for mekari pixel 3",
4
- "version": "0.0.3",
4
+ "version": "0.0.5",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
8
8
  "dist"
9
9
  ],
10
10
  "dependencies": {
11
- "@mekari/pixel3-icon": "0.0.3",
12
- "@mekari/pixel3-spinner": "0.0.3",
13
- "@mekari/pixel3-styled-system": "0.0.2"
11
+ "@mekari/pixel3-icon": "0.0.5",
12
+ "@mekari/pixel3-spinner": "0.0.5",
13
+ "@mekari/pixel3-styled-system": "0.0.3",
14
+ "@mekari/pixel3-utils": "0.0.4"
14
15
  },
15
16
  "peerDependencies": {
16
- "vue": "^3.3.7"
17
+ "vue": "^3.4.9"
17
18
  },
18
19
  "devDependencies": {
19
- "vue": "^3.3.7"
20
+ "vue": "^3.4.9"
20
21
  },
21
22
  "publishConfig": {
22
23
  "access": "public"