@mekari/pixel3-button 0.0.17-dev.4 → 0.1.0-dev.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 (15) hide show
  1. package/dist/button.d.mts +13 -0
  2. package/dist/button.d.ts +13 -0
  3. package/dist/button.js +13 -5
  4. package/dist/button.mjs +2 -2
  5. package/dist/{chunk-54BGXR5H.mjs → chunk-CHZ43RJA.mjs} +8 -2
  6. package/dist/{chunk-MBFQKBCI.mjs → chunk-RGEEWPLJ.mjs} +6 -4
  7. package/dist/index.js +13 -5
  8. package/dist/index.mjs +2 -2
  9. package/dist/metafile-cjs.json +1 -1
  10. package/dist/metafile-esm.json +1 -1
  11. package/dist/modules/button.props.d.mts +6 -0
  12. package/dist/modules/button.props.d.ts +6 -0
  13. package/dist/modules/button.props.js +8 -2
  14. package/dist/modules/button.props.mjs +1 -1
  15. package/package.json +4 -4
package/dist/button.d.mts CHANGED
@@ -19,9 +19,11 @@ declare const MpButton: vue.DefineComponent<{
19
19
  };
20
20
  isDisabled: {
21
21
  type: BooleanConstructor;
22
+ default: boolean;
22
23
  };
23
24
  isLoading: {
24
25
  type: BooleanConstructor;
26
+ default: boolean;
25
27
  };
26
28
  leftIcon: {
27
29
  type: vue.PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
@@ -29,6 +31,10 @@ declare const MpButton: vue.DefineComponent<{
29
31
  rightIcon: {
30
32
  type: vue.PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
31
33
  };
34
+ isFullWidth: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
32
38
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
33
39
  as: {
34
40
  type: vue.PropType<vue.Component | keyof HTMLElementTagNameMap>;
@@ -44,9 +50,11 @@ declare const MpButton: vue.DefineComponent<{
44
50
  };
45
51
  isDisabled: {
46
52
  type: BooleanConstructor;
53
+ default: boolean;
47
54
  };
48
55
  isLoading: {
49
56
  type: BooleanConstructor;
57
+ default: boolean;
50
58
  };
51
59
  leftIcon: {
52
60
  type: vue.PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
@@ -54,6 +62,10 @@ declare const MpButton: vue.DefineComponent<{
54
62
  rightIcon: {
55
63
  type: vue.PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
56
64
  };
65
+ isFullWidth: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
57
69
  }>> & {
58
70
  onClick?: ((...args: any[]) => any) | undefined;
59
71
  }, {
@@ -62,6 +74,7 @@ declare const MpButton: vue.DefineComponent<{
62
74
  variant: ButtonVariant;
63
75
  isDisabled: boolean;
64
76
  isLoading: boolean;
77
+ isFullWidth: boolean;
65
78
  }, {}>;
66
79
  declare const MpButtonGroup: vue.DefineComponent<{
67
80
  spacing: {
package/dist/button.d.ts CHANGED
@@ -19,9 +19,11 @@ declare const MpButton: vue.DefineComponent<{
19
19
  };
20
20
  isDisabled: {
21
21
  type: BooleanConstructor;
22
+ default: boolean;
22
23
  };
23
24
  isLoading: {
24
25
  type: BooleanConstructor;
26
+ default: boolean;
25
27
  };
26
28
  leftIcon: {
27
29
  type: vue.PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
@@ -29,6 +31,10 @@ declare const MpButton: vue.DefineComponent<{
29
31
  rightIcon: {
30
32
  type: vue.PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
31
33
  };
34
+ isFullWidth: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
32
38
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
33
39
  as: {
34
40
  type: vue.PropType<vue.Component | keyof HTMLElementTagNameMap>;
@@ -44,9 +50,11 @@ declare const MpButton: vue.DefineComponent<{
44
50
  };
45
51
  isDisabled: {
46
52
  type: BooleanConstructor;
53
+ default: boolean;
47
54
  };
48
55
  isLoading: {
49
56
  type: BooleanConstructor;
57
+ default: boolean;
50
58
  };
51
59
  leftIcon: {
52
60
  type: vue.PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
@@ -54,6 +62,10 @@ declare const MpButton: vue.DefineComponent<{
54
62
  rightIcon: {
55
63
  type: vue.PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
56
64
  };
65
+ isFullWidth: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
57
69
  }>> & {
58
70
  onClick?: ((...args: any[]) => any) | undefined;
59
71
  }, {
@@ -62,6 +74,7 @@ declare const MpButton: vue.DefineComponent<{
62
74
  variant: ButtonVariant;
63
75
  isDisabled: boolean;
64
76
  isLoading: boolean;
77
+ isFullWidth: boolean;
65
78
  }, {}>;
66
79
  declare const MpButtonGroup: vue.DefineComponent<{
67
80
  spacing: {
package/dist/button.js CHANGED
@@ -47,16 +47,22 @@ var buttonProps = {
47
47
  default: "primary"
48
48
  },
49
49
  isDisabled: {
50
- type: Boolean
50
+ type: Boolean,
51
+ default: false
51
52
  },
52
53
  isLoading: {
53
- type: Boolean
54
+ type: Boolean,
55
+ default: false
54
56
  },
55
57
  leftIcon: {
56
58
  type: String
57
59
  },
58
60
  rightIcon: {
59
61
  type: String
62
+ },
63
+ isFullWidth: {
64
+ type: Boolean,
65
+ default: false
60
66
  }
61
67
  };
62
68
  var buttonGroupProps = {
@@ -102,7 +108,8 @@ var MpButton = (0, import_vue2.defineComponent)({
102
108
  isDisabled,
103
109
  isLoading,
104
110
  leftIcon,
105
- rightIcon
111
+ rightIcon,
112
+ isFullWidth
106
113
  } = props;
107
114
  const Component = props.as;
108
115
  const iconVariant = isNextTheme.value ? "outline" : ["secondary", "textLink"].includes(variant) ? "duotone" : "outline";
@@ -112,8 +119,9 @@ var MpButton = (0, import_vue2.defineComponent)({
112
119
  "data-has-icon": variant !== "textLink" && (rightIcon || leftIcon) ? true : void 0,
113
120
  "data-icon-position": rightIcon ? "right" : leftIcon ? "left" : void 0,
114
121
  "data-has-label": variant !== "textLink" && children ? true : void 0,
115
- "disabled": isDisabled ? true : void 0,
116
- "aria-disabled": isDisabled,
122
+ "data-is-full-width": isFullWidth || void 0,
123
+ "disabled": isDisabled || void 0,
124
+ "aria-disabled": isDisabled || void 0,
117
125
  "onClick": onClick
118
126
  }, {
119
127
  default: () => [isLoading && !isDisabled && (0, import_vue.createVNode)("span", {
package/dist/button.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpButton,
3
3
  MpButtonGroup
4
- } from "./chunk-MBFQKBCI.mjs";
5
- import "./chunk-54BGXR5H.mjs";
4
+ } from "./chunk-RGEEWPLJ.mjs";
5
+ import "./chunk-CHZ43RJA.mjs";
6
6
  export {
7
7
  MpButton,
8
8
  MpButtonGroup
package/dist/{chunk-54BGXR5H.mjs → chunk-CHZ43RJA.mjs} RENAMED
@@ -16,16 +16,22 @@ var buttonProps = {
16
16
  default: "primary"
17
17
  },
18
18
  isDisabled: {
19
- type: Boolean
19
+ type: Boolean,
20
+ default: false
20
21
  },
21
22
  isLoading: {
22
- type: Boolean
23
+ type: Boolean,
24
+ default: false
23
25
  },
24
26
  leftIcon: {
25
27
  type: String
26
28
  },
27
29
  rightIcon: {
28
30
  type: String
31
+ },
32
+ isFullWidth: {
33
+ type: Boolean,
34
+ default: false
29
35
  }
30
36
  };
31
37
  var buttonGroupProps = {
package/dist/{chunk-MBFQKBCI.mjs → chunk-RGEEWPLJ.mjs} RENAMED
@@ -2,7 +2,7 @@ import {
2
2
  __name,
3
3
  buttonGroupProps,
4
4
  buttonProps
5
- } from "./chunk-54BGXR5H.mjs";
5
+ } from "./chunk-CHZ43RJA.mjs";
6
6
 
7
7
  // src/button.tsx
8
8
  import { createVNode as _createVNode } from "vue";
@@ -43,7 +43,8 @@ var MpButton = defineComponent({
43
43
  isDisabled,
44
44
  isLoading,
45
45
  leftIcon,
46
- rightIcon
46
+ rightIcon,
47
+ isFullWidth
47
48
  } = props;
48
49
  const Component = props.as;
49
50
  const iconVariant = isNextTheme.value ? "outline" : ["secondary", "textLink"].includes(variant) ? "duotone" : "outline";
@@ -53,8 +54,9 @@ var MpButton = defineComponent({
53
54
  "data-has-icon": variant !== "textLink" && (rightIcon || leftIcon) ? true : void 0,
54
55
  "data-icon-position": rightIcon ? "right" : leftIcon ? "left" : void 0,
55
56
  "data-has-label": variant !== "textLink" && children ? true : void 0,
56
- "disabled": isDisabled ? true : void 0,
57
- "aria-disabled": isDisabled,
57
+ "data-is-full-width": isFullWidth || void 0,
58
+ "disabled": isDisabled || void 0,
59
+ "aria-disabled": isDisabled || void 0,
58
60
  "onClick": onClick
59
61
  }, {
60
62
  default: () => [isLoading && !isDisabled && _createVNode("span", {
package/dist/index.js CHANGED
@@ -49,16 +49,22 @@ var buttonProps = {
49
49
  default: "primary"
50
50
  },
51
51
  isDisabled: {
52
- type: Boolean
52
+ type: Boolean,
53
+ default: false
53
54
  },
54
55
  isLoading: {
55
- type: Boolean
56
+ type: Boolean,
57
+ default: false
56
58
  },
57
59
  leftIcon: {
58
60
  type: String
59
61
  },
60
62
  rightIcon: {
61
63
  type: String
64
+ },
65
+ isFullWidth: {
66
+ type: Boolean,
67
+ default: false
62
68
  }
63
69
  };
64
70
  var buttonGroupProps = {
@@ -104,7 +110,8 @@ var MpButton = (0, import_vue2.defineComponent)({
104
110
  isDisabled,
105
111
  isLoading,
106
112
  leftIcon,
107
- rightIcon
113
+ rightIcon,
114
+ isFullWidth
108
115
  } = props;
109
116
  const Component = props.as;
110
117
  const iconVariant = isNextTheme.value ? "outline" : ["secondary", "textLink"].includes(variant) ? "duotone" : "outline";
@@ -114,8 +121,9 @@ var MpButton = (0, import_vue2.defineComponent)({
114
121
  "data-has-icon": variant !== "textLink" && (rightIcon || leftIcon) ? true : void 0,
115
122
  "data-icon-position": rightIcon ? "right" : leftIcon ? "left" : void 0,
116
123
  "data-has-label": variant !== "textLink" && children ? true : void 0,
117
- "disabled": isDisabled ? true : void 0,
118
- "aria-disabled": isDisabled,
124
+ "data-is-full-width": isFullWidth || void 0,
125
+ "disabled": isDisabled || void 0,
126
+ "aria-disabled": isDisabled || void 0,
119
127
  "onClick": onClick
120
128
  }, {
121
129
  default: () => [isLoading && !isDisabled && (0, import_vue.createVNode)("span", {
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpButton,
3
3
  MpButtonGroup
4
- } from "./chunk-MBFQKBCI.mjs";
5
- import "./chunk-54BGXR5H.mjs";
4
+ } from "./chunk-RGEEWPLJ.mjs";
5
+ import "./chunk-CHZ43RJA.mjs";
6
6
  import "./chunk-6IMGI6CD.mjs";
7
7
  export {
8
8
  MpButton,
package/dist/metafile-cjs.json CHANGED
@@ -1 +1 @@
1
- {"inputs":{"src/modules/button.props.ts":{"bytes":1093,"imports":[],"format":"esm"},"src/button.tsx":{"bytes":3308,"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":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/button.types.ts":{"bytes":235,"imports":[],"format":"esm"},"src/index.ts":{"bytes":176,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"},{"path":"src/modules/button.types.ts","kind":"import-statement","original":"./modules/button.types"}],"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},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/button.tsx","inputs":{"src/button.tsx":{"bytesInOutput":3345},"src/modules/button.props.ts":{"bytesInOutput":461}},"bytes":4884},"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},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":159},"src/button.tsx":{"bytesInOutput":3177},"src/modules/button.props.ts":{"bytesInOutput":461}},"bytes":4892},"dist/modules/button.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.props.ts","inputs":{"src/modules/button.props.ts":{"bytesInOutput":659}},"bytes":1615},"dist/modules/button.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.types.ts","inputs":{"src/modules/button.types.ts":{"bytesInOutput":84}},"bytes":787}}}
1
+ {"inputs":{"src/modules/button.props.ts":{"bytes":1193,"imports":[],"format":"esm"},"src/button.tsx":{"bytes":3392,"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":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/button.types.ts":{"bytes":235,"imports":[],"format":"esm"},"src/index.ts":{"bytes":176,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"},{"path":"src/modules/button.types.ts","kind":"import-statement","original":"./modules/button.types"}],"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},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/button.tsx","inputs":{"src/button.tsx":{"bytesInOutput":3423},"src/modules/button.props.ts":{"bytesInOutput":561}},"bytes":5062},"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},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":159},"src/button.tsx":{"bytesInOutput":3255},"src/modules/button.props.ts":{"bytesInOutput":561}},"bytes":5070},"dist/modules/button.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.props.ts","inputs":{"src/modules/button.props.ts":{"bytesInOutput":759}},"bytes":1715},"dist/modules/button.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.types.ts","inputs":{"src/modules/button.types.ts":{"bytesInOutput":84}},"bytes":787}}}
package/dist/metafile-esm.json CHANGED
@@ -1 +1 @@
1
- {"inputs":{"src/modules/button.props.ts":{"bytes":1093,"imports":[],"format":"esm"},"src/button.tsx":{"bytes":3308,"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":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/button.types.ts":{"bytes":235,"imports":[],"format":"esm"},"src/index.ts":{"bytes":176,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"},{"path":"src/modules/button.types.ts","kind":"import-statement","original":"./modules/button.types"}],"format":"esm"}},"outputs":{"dist/button.mjs":{"imports":[{"path":"dist/chunk-MBFQKBCI.mjs","kind":"import-statement"},{"path":"dist/chunk-54BGXR5H.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/button.tsx","inputs":{},"bytes":139},"dist/index.mjs":{"imports":[{"path":"dist/chunk-MBFQKBCI.mjs","kind":"import-statement"},{"path":"dist/chunk-54BGXR5H.mjs","kind":"import-statement"},{"path":"dist/chunk-6IMGI6CD.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":170},"dist/chunk-MBFQKBCI.mjs":{"imports":[{"path":"dist/chunk-54BGXR5H.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},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpButton","MpButtonGroup"],"inputs":{"src/button.tsx":{"bytesInOutput":2909}},"bytes":3053},"dist/modules/button.props.mjs":{"imports":[{"path":"dist/chunk-54BGXR5H.mjs","kind":"import-statement"}],"exports":["buttonGroupProps","buttonProps"],"entryPoint":"src/modules/button.props.ts","inputs":{},"bytes":121},"dist/chunk-54BGXR5H.mjs":{"imports":[],"exports":["__name","buttonGroupProps","buttonProps"],"inputs":{"src/modules/button.props.ts":{"bytesInOutput":461}},"bytes":679},"dist/modules/button.types.mjs":{"imports":[{"path":"dist/chunk-6IMGI6CD.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/button.types.ts","inputs":{},"bytes":32},"dist/chunk-6IMGI6CD.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/button.types.ts":{"bytesInOutput":0}},"bytes":0}}}
1
+ {"inputs":{"src/modules/button.props.ts":{"bytes":1193,"imports":[],"format":"esm"},"src/button.tsx":{"bytes":3392,"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":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/button.types.ts":{"bytes":235,"imports":[],"format":"esm"},"src/index.ts":{"bytes":176,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"},{"path":"src/modules/button.types.ts","kind":"import-statement","original":"./modules/button.types"}],"format":"esm"}},"outputs":{"dist/button.mjs":{"imports":[{"path":"dist/chunk-RGEEWPLJ.mjs","kind":"import-statement"},{"path":"dist/chunk-CHZ43RJA.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/button.tsx","inputs":{},"bytes":139},"dist/index.mjs":{"imports":[{"path":"dist/chunk-RGEEWPLJ.mjs","kind":"import-statement"},{"path":"dist/chunk-CHZ43RJA.mjs","kind":"import-statement"},{"path":"dist/chunk-6IMGI6CD.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":170},"dist/chunk-RGEEWPLJ.mjs":{"imports":[{"path":"dist/chunk-CHZ43RJA.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},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpButton","MpButtonGroup"],"inputs":{"src/button.tsx":{"bytesInOutput":2987}},"bytes":3131},"dist/modules/button.props.mjs":{"imports":[{"path":"dist/chunk-CHZ43RJA.mjs","kind":"import-statement"}],"exports":["buttonGroupProps","buttonProps"],"entryPoint":"src/modules/button.props.ts","inputs":{},"bytes":121},"dist/chunk-CHZ43RJA.mjs":{"imports":[],"exports":["__name","buttonGroupProps","buttonProps"],"inputs":{"src/modules/button.props.ts":{"bytesInOutput":561}},"bytes":779},"dist/modules/button.types.mjs":{"imports":[{"path":"dist/chunk-6IMGI6CD.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/button.types.ts","inputs":{},"bytes":32},"dist/chunk-6IMGI6CD.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/button.types.ts":{"bytesInOutput":0}},"bytes":0}}}
package/dist/modules/button.props.d.mts CHANGED
@@ -18,9 +18,11 @@ declare const buttonProps: {
18
18
  };
19
19
  isDisabled: {
20
20
  type: BooleanConstructor;
21
+ default: boolean;
21
22
  };
22
23
  isLoading: {
23
24
  type: BooleanConstructor;
25
+ default: boolean;
24
26
  };
25
27
  leftIcon: {
26
28
  type: PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
@@ -28,6 +30,10 @@ declare const buttonProps: {
28
30
  rightIcon: {
29
31
  type: PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
30
32
  };
33
+ isFullWidth: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
31
37
  };
32
38
  declare const buttonGroupProps: {
33
39
  spacing: {
package/dist/modules/button.props.d.ts CHANGED
@@ -18,9 +18,11 @@ declare const buttonProps: {
18
18
  };
19
19
  isDisabled: {
20
20
  type: BooleanConstructor;
21
+ default: boolean;
21
22
  };
22
23
  isLoading: {
23
24
  type: BooleanConstructor;
25
+ default: boolean;
24
26
  };
25
27
  leftIcon: {
26
28
  type: PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
@@ -28,6 +30,10 @@ declare const buttonProps: {
28
30
  rightIcon: {
29
31
  type: PropType<"function" | "caption" | "code" | "img" | "input" | "link" | "progress" | "search" | "textarea" | "time" | "delete" | "add" | "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "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" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "action" | "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" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "condition" | "connected_apps" | "contact" | "dashboard" | "data-connect" | "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" | "file-transfer" | "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" | "plugin-builder" | "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" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "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" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-field-2" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-center" | "text-editor-align-justify" | "text-editor-align-left" | "text-editor-align-right" | "text-editor-banner" | "text-editor-bold" | "text-editor-bullet-list" | "text-editor-button" | "text-editor-decrease-indent" | "text-editor-divider" | "text-editor-footer" | "text-editor-increase-indent" | "text-editor-italic" | "text-editor-link" | "text-editor-logo" | "text-editor-mention" | "text-editor-move" | "text-editor-number-list" | "text-editor-paragraph" | "text-editor-reset-format" | "text-editor-strike" | "text-editor-text-color" | "text-editor-text" | "text-editor-underline" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "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" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
30
32
  };
33
+ isFullWidth: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
31
37
  };
32
38
  declare const buttonGroupProps: {
33
39
  spacing: {
package/dist/modules/button.props.js CHANGED
@@ -38,16 +38,22 @@ var buttonProps = {
38
38
  default: "primary"
39
39
  },
40
40
  isDisabled: {
41
- type: Boolean
41
+ type: Boolean,
42
+ default: false
42
43
  },
43
44
  isLoading: {
44
- type: Boolean
45
+ type: Boolean,
46
+ default: false
45
47
  },
46
48
  leftIcon: {
47
49
  type: String
48
50
  },
49
51
  rightIcon: {
50
52
  type: String
53
+ },
54
+ isFullWidth: {
55
+ type: Boolean,
56
+ default: false
51
57
  }
52
58
  };
53
59
  var buttonGroupProps = {
package/dist/modules/button.props.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  buttonGroupProps,
3
3
  buttonProps
4
- } from "../chunk-54BGXR5H.mjs";
4
+ } from "../chunk-CHZ43RJA.mjs";
5
5
  export {
6
6
  buttonGroupProps,
7
7
  buttonProps
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-button",
3
3
  "description": "Button component for mekari pixel 3",
4
- "version": "0.0.17-dev.4",
4
+ "version": "0.1.0-dev.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.17-dev.4",
12
- "@mekari/pixel3-spinner": "0.0.17-dev.4",
13
- "@mekari/pixel3-styled-system": "0.1.2-dev.2",
11
+ "@mekari/pixel3-icon": "0.0.17-dev.5",
12
+ "@mekari/pixel3-spinner": "0.0.17-dev.5",
13
+ "@mekari/pixel3-styled-system": "0.1.2-dev.3",
14
14
  "@mekari/pixel3-utils": "0.0.7-dev.1"
15
15
  },
16
16
  "peerDependencies": {