primevue 4.1.0 → 4.2.0

package/breadcrumb/index.mjs

@@ -158,8 +158,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, _ctx.ptm('separator')), [renderSlot(_ctx.$slots, "separator", {}, function () {
       return [createVNode(_component_ChevronRightIcon, mergeProps({
         "aria-hidden": "true",
+        "class": _ctx.cx('separatorIcon'),
         ref_for: true
-      }, _ctx.ptm('separatorIcon')), null, 16)];
+      }, _ctx.ptm('separatorIcon')), null, 16, ["class"])];
     })], 16)) : createCommentVNode("", true), createVNode(_component_BreadcrumbItem, {
       item: item,
       index: i,

package/breadcrumb/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/breadcrumb/BaseBreadcrumb.vue","../../src/breadcrumb/BreadcrumbItem.vue","../../src/breadcrumb/BreadcrumbItem.vue?vue&type=template&id=0beececf&lang.js","../../src/breadcrumb/Breadcrumb.vue","../../src/breadcrumb/Breadcrumb.vue?vue&type=template&id=6f2d4914&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport BreadcrumbStyle from 'primevue/breadcrumb/style';\n\nexport default {\n    name: 'BaseBreadcrumb',\n    extends: BaseComponent,\n    props: {\n        model: {\n            type: Array,\n            default: null\n        },\n        home: {\n            type: null,\n            default: null\n        }\n    },\n    style: BreadcrumbStyle,\n    provide() {\n        return {\n            $pcBreadcrumb: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <li v-if=\"visible()\" :class=\"[cx('item'), item.class]\" v-bind=\"ptm('item', ptmOptions)\">\n        <template v-if=\"!templates.item\">\n            <a :href=\"item.url || '#'\" :class=\"cx('itemLink')\" :target=\"item.target\" :aria-current=\"isCurrentUrl()\" @click=\"onClick\" v-bind=\"ptm('itemLink', ptmOptions)\">\n                <component v-if=\"templates && templates.itemicon\" :is=\"templates.itemicon\" :item=\"item\" :class=\"cx('itemIcon', ptmOptions)\" />\n                <span v-else-if=\"item.icon\" :class=\"[cx('itemIcon'), item.icon]\" v-bind=\"ptm('itemIcon', ptmOptions)\" />\n                <span v-if=\"item.label\" :class=\"cx('itemLabel')\" v-bind=\"ptm('itemLabel', ptmOptions)\">{{ label() }}</span>\n            </a>\n        </template>\n        <component v-else :is=\"templates.item\" :item=\"item\" :label=\"label()\" :props=\"getMenuItemProps\"></component>\n    </li>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport { mergeProps } from 'vue';\n\nexport default {\n    name: 'BreadcrumbItem',\n    hostName: 'Breadcrumb',\n    extends: BaseComponent,\n    props: {\n        item: null,\n        templates: null,\n        index: null\n    },\n    methods: {\n        onClick(event) {\n            if (this.item.command) {\n                this.item.command({\n                    originalEvent: event,\n                    item: this.item\n                });\n            }\n        },\n        visible() {\n            return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;\n        },\n        disabled() {\n            return typeof this.item.disabled === 'function' ? this.item.disabled() : this.item.disabled;\n        },\n        label() {\n            return typeof this.item.label === 'function' ? this.item.label() : this.item.label;\n        },\n        isCurrentUrl() {\n            const { to, url } = this.item;\n            const lastPath = typeof window !== 'undefined' ? window.location.pathname : '';\n\n            return to === lastPath || url === lastPath ? 'page' : undefined;\n        }\n    },\n    computed: {\n        ptmOptions() {\n            return {\n                context: {\n                    item: this.item,\n                    index: this.index\n                }\n            };\n        },\n        getMenuItemProps() {\n            return {\n                action: mergeProps(\n                    {\n                        class: this.cx('itemLink'),\n                        'aria-current': this.isCurrentUrl(),\n                        onClick: ($event) => this.onClick($event)\n                    },\n                    this.ptm('itemLink', this.ptmOptions)\n                ),\n                icon: mergeProps(\n                    {\n                        class: [this.cx('icon'), this.item.icon]\n                    },\n                    this.ptm('icon', this.ptmOptions)\n                ),\n                label: mergeProps(\n                    {\n                        class: this.cx('label')\n                    },\n                    this.ptm('label', this.ptmOptions)\n                )\n            };\n        }\n    }\n};\n</script>\n","<template>\n    <li v-if=\"visible()\" :class=\"[cx('item'), item.class]\" v-bind=\"ptm('item', ptmOptions)\">\n        <template v-if=\"!templates.item\">\n            <a :href=\"item.url || '#'\" :class=\"cx('itemLink')\" :target=\"item.target\" :aria-current=\"isCurrentUrl()\" @click=\"onClick\" v-bind=\"ptm('itemLink', ptmOptions)\">\n                <component v-if=\"templates && templates.itemicon\" :is=\"templates.itemicon\" :item=\"item\" :class=\"cx('itemIcon', ptmOptions)\" />\n                <span v-else-if=\"item.icon\" :class=\"[cx('itemIcon'), item.icon]\" v-bind=\"ptm('itemIcon', ptmOptions)\" />\n                <span v-if=\"item.label\" :class=\"cx('itemLabel')\" v-bind=\"ptm('itemLabel', ptmOptions)\">{{ label() }}</span>\n            </a>\n        </template>\n        <component v-else :is=\"templates.item\" :item=\"item\" :label=\"label()\" :props=\"getMenuItemProps\"></component>\n    </li>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport { mergeProps } from 'vue';\n\nexport default {\n    name: 'BreadcrumbItem',\n    hostName: 'Breadcrumb',\n    extends: BaseComponent,\n    props: {\n        item: null,\n        templates: null,\n        index: null\n    },\n    methods: {\n        onClick(event) {\n            if (this.item.command) {\n                this.item.command({\n                    originalEvent: event,\n                    item: this.item\n                });\n            }\n        },\n        visible() {\n            return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;\n        },\n        disabled() {\n            return typeof this.item.disabled === 'function' ? this.item.disabled() : this.item.disabled;\n        },\n        label() {\n            return typeof this.item.label === 'function' ? this.item.label() : this.item.label;\n        },\n        isCurrentUrl() {\n            const { to, url } = this.item;\n            const lastPath = typeof window !== 'undefined' ? window.location.pathname : '';\n\n            return to === lastPath || url === lastPath ? 'page' : undefined;\n        }\n    },\n    computed: {\n        ptmOptions() {\n            return {\n                context: {\n                    item: this.item,\n                    index: this.index\n                }\n            };\n        },\n        getMenuItemProps() {\n            return {\n                action: mergeProps(\n                    {\n                        class: this.cx('itemLink'),\n                        'aria-current': this.isCurrentUrl(),\n                        onClick: ($event) => this.onClick($event)\n                    },\n                    this.ptm('itemLink', this.ptmOptions)\n                ),\n                icon: mergeProps(\n                    {\n                        class: [this.cx('icon'), this.item.icon]\n                    },\n                    this.ptm('icon', this.ptmOptions)\n                ),\n                label: mergeProps(\n                    {\n                        class: this.cx('label')\n                    },\n                    this.ptm('label', this.ptmOptions)\n                )\n            };\n        }\n    }\n};\n</script>\n","<template>\n    <nav :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <ol :class=\"cx('list')\" v-bind=\"ptm('list')\">\n            <BreadcrumbItem v-if=\"home\" :item=\"home\" :class=\"cx('homeItem')\" :templates=\"$slots\" :pt=\"pt\" :unstyled=\"unstyled\" v-bind=\"ptm('homeItem')\" />\n            <template v-for=\"(item, i) of model\" :key=\"item.label + '_' + i\">\n                <li v-if=\"home || i !== 0\" :class=\"cx('separator')\" v-bind=\"ptm('separator')\">\n                    <slot name=\"separator\">\n                        <ChevronRightIcon aria-hidden=\"true\" v-bind=\"ptm('separatorIcon')\" />\n                    </slot>\n                </li>\n                <BreadcrumbItem :item=\"item\" :index=\"i\" :templates=\"$slots\" :pt=\"pt\" :unstyled=\"unstyled\" />\n            </template>\n        </ol>\n    </nav>\n</template>\n\n<script>\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport BaseBreadcrumb from './BaseBreadcrumb.vue';\nimport BreadcrumbItem from './BreadcrumbItem.vue';\n\nexport default {\n    name: 'Breadcrumb',\n    extends: BaseBreadcrumb,\n    inheritAttrs: false,\n    components: {\n        BreadcrumbItem,\n        ChevronRightIcon\n    }\n};\n</script>\n","<template>\n    <nav :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <ol :class=\"cx('list')\" v-bind=\"ptm('list')\">\n            <BreadcrumbItem v-if=\"home\" :item=\"home\" :class=\"cx('homeItem')\" :templates=\"$slots\" :pt=\"pt\" :unstyled=\"unstyled\" v-bind=\"ptm('homeItem')\" />\n            <template v-for=\"(item, i) of model\" :key=\"item.label + '_' + i\">\n                <li v-if=\"home || i !== 0\" :class=\"cx('separator')\" v-bind=\"ptm('separator')\">\n                    <slot name=\"separator\">\n                        <ChevronRightIcon aria-hidden=\"true\" v-bind=\"ptm('separatorIcon')\" />\n                    </slot>\n                </li>\n                <BreadcrumbItem :item=\"item\" :index=\"i\" :templates=\"$slots\" :pt=\"pt\" :unstyled=\"unstyled\" />\n            </template>\n        </ol>\n    </nav>\n</template>\n\n<script>\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport BaseBreadcrumb from './BaseBreadcrumb.vue';\nimport BreadcrumbItem from './BreadcrumbItem.vue';\n\nexport default {\n    name: 'Breadcrumb',\n    extends: BaseBreadcrumb,\n    inheritAttrs: false,\n    components: {\n        BreadcrumbItem,\n        ChevronRightIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","model","type","Array","home","style","BreadcrumbStyle","provide","$pcBreadcrumb","$parentInstance","hostName","item","templates","index","methods","onClick","event","command","originalEvent","visible","disabled","label","isCurrentUrl","_this$item","to","url","lastPath","window","location","pathname","undefined","computed","ptmOptions","context","getMenuItemProps","_this","action","mergeProps","cx","$event","ptm","icon","$options","_openBlock","_createElementBlock","_mergeProps","_ctx","$props","href","target","apply","arguments","itemicon","_createBlock","_resolveDynamicComponent","_normalizeClass","_toDisplayString","BaseBreadcrumb","inheritAttrs","components","BreadcrumbItem","ChevronRightIcon","ptmi","_createElementVNode","_component_BreadcrumbItem","$slots","pt","unstyled","_Fragment","_renderList","i","_renderSlot","_createVNode","_component_ChevronRightIcon"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,gBAAgB;AACtB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,KAAK;MACX,SAAS,EAAA,IAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,IAAI,EAAE,IAAI;MACV,SAAS,EAAA,IAAA;AACb,KAAA;GACH;AACDG,EAAAA,KAAK,EAAEC,eAAe;EACtBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,aAAa,EAAE,IAAI;AACnBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACPD,eAAe;AACXX,EAAAA,IAAI,EAAE,gBAAgB;AACtBY,EAAAA,QAAQ,EAAE,YAAY;AACtB,EAAA,SAAA,EAASX,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHW,IAAAA,IAAI,EAAE,IAAI;AACVC,IAAAA,SAAS,EAAE,IAAI;AACfC,IAAAA,KAAK,EAAE,IAAA;GACV;AACDC,EAAAA,OAAO,EAAE;AACLC,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACC,KAAK,EAAE;AACX,MAAA,IAAI,IAAI,CAACL,IAAI,CAACM,OAAO,EAAE;AACnB,QAAA,IAAI,CAACN,IAAI,CAACM,OAAO,CAAC;AACdC,UAAAA,aAAa,EAAEF,KAAK;UACpBL,IAAI,EAAE,IAAI,CAACA,IAAAA;AACf,SAAC,CAAC,CAAA;AACN,OAAA;KACH;IACDQ,OAAO,EAAA,SAAPA,OAAOA,GAAG;MACN,OAAO,OAAO,IAAI,CAACR,IAAI,CAACQ,OAAM,KAAM,aAAa,IAAI,CAACR,IAAI,CAACQ,OAAO,EAAG,GAAE,IAAI,CAACR,IAAI,CAACQ,OAAM,KAAM,KAAK,CAAA;KACrG;IACDC,QAAQ,EAAA,SAARA,QAAQA,GAAG;MACP,OAAO,OAAO,IAAI,CAACT,IAAI,CAACS,QAAO,KAAM,UAAS,GAAI,IAAI,CAACT,IAAI,CAACS,QAAQ,EAAC,GAAI,IAAI,CAACT,IAAI,CAACS,QAAQ,CAAA;KAC9F;IACDC,KAAK,EAAA,SAALA,KAAKA,GAAG;MACJ,OAAO,OAAO,IAAI,CAACV,IAAI,CAACU,KAAI,KAAM,UAAW,GAAE,IAAI,CAACV,IAAI,CAACU,KAAK,EAAC,GAAI,IAAI,CAACV,IAAI,CAACU,KAAK,CAAA;KACrF;IACDC,YAAY,EAAA,SAAZA,YAAYA,GAAG;AACX,MAAA,IAAAC,UAAA,GAAoB,IAAI,CAACZ,IAAI;QAArBa,EAAE,GAAAD,UAAA,CAAFC,EAAE;QAAEC,iBAAAA;AACZ,MAAA,IAAMC,QAAO,GAAI,OAAOC,MAAO,KAAI,WAAU,GAAIA,MAAM,CAACC,QAAQ,CAACC,QAAS,GAAE,EAAE,CAAA;MAE9E,OAAOL,EAAC,KAAME,QAAO,IAAKD,GAAE,KAAMC,QAAO,GAAI,MAAK,GAAII,SAAS,CAAA;AACnE,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;IACNC,UAAU,EAAA,SAAVA,UAAUA,GAAG;MACT,OAAO;AACHC,QAAAA,OAAO,EAAE;UACLtB,IAAI,EAAE,IAAI,CAACA,IAAI;UACfE,KAAK,EAAE,IAAI,CAACA,KAAAA;AAChB,SAAA;OACH,CAAA;KACJ;IACDqB,gBAAgB,EAAA,SAAhBA,gBAAgBA,GAAG;AAAA,MAAA,IAAAC,KAAA,GAAA,IAAA,CAAA;MACf,OAAO;QACHC,MAAM,EAAEC,UAAU,CACd;AACI,UAAA,OAAA,EAAO,IAAI,CAACC,EAAE,CAAC,UAAU,CAAC;AAC1B,UAAA,cAAc,EAAE,IAAI,CAAChB,YAAY,EAAE;AACnCP,UAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGwB,MAAM,EAAA;AAAA,YAAA,OAAKJ,KAAI,CAACpB,OAAO,CAACwB,MAAM,CAAA,CAAA;AAAA,WAAA;SAC3C,EACD,IAAI,CAACC,GAAG,CAAC,UAAU,EAAE,IAAI,CAACR,UAAU,CACxC,CAAC;QACDS,IAAI,EAAEJ,UAAU,CACZ;AACI,UAAA,OAAA,EAAO,CAAC,IAAI,CAACC,EAAE,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC3B,IAAI,CAAC8B,IAAI,CAAA;SAC1C,EACD,IAAI,CAACD,GAAG,CAAC,MAAM,EAAE,IAAI,CAACR,UAAU,CACpC,CAAC;QACDX,KAAK,EAAEgB,UAAU,CACb;AACI,UAAA,OAAA,EAAO,IAAI,CAACC,EAAE,CAAC,OAAO,CAAA;SACzB,EACD,IAAI,CAACE,GAAG,CAAC,OAAO,EAAE,IAAI,CAACR,UAAU,CACrC,CAAA;OACH,CAAA;AACL,KAAA;AACJ,GAAA;AACJ,CAAC;;;;SCpFaU,QAAO,CAAAvB,OAAA,EAAA,IAAjBwB,SAAA,EAAA,EAAAC,kBAAA,CASI,MATJC,UASI,CAAA;;IATkB,OAAQ,EAAA,CAAAC,IAAA,CAAAR,EAAE,CAAU,MAAA,CAAA,EAAAS,MAAA,CAAApC,IAAI,CAAM,OAAA,CAAA,CAAA;AAAW,GAAA,EAAAmC,IAAA,CAAAN,GAAG,SAASE,QAAU,CAAAV,UAAA,CAAA,CAAA,EAAA,CAChE,CAAAe,MAAA,CAAAnC,SAAS,CAACD,IAAI,IAC3BgC,SAAA,EAAA,EAAAC,kBAAA,CAIG,KAJHC,UAIG,CAAA;;AAJCG,IAAAA,IAAI,EAAED,MAAI,CAAApC,IAAA,CAACc,GAAE,IAAA,GAAA;AAAW,IAAA,OAAA,EAAOqB,IAAE,CAAAR,EAAA,CAAA,UAAA,CAAA;AAAeW,IAAAA,MAAM,EAAEF,MAAI,CAAApC,IAAA,CAACsC,MAAM;AAAG,IAAA,cAAY,EAAEP,QAAY,CAAApB,YAAA,EAAA;IAAKP,OAAK;aAAE2B,QAAO,CAAA3B,OAAA,IAAA2B,QAAA,CAAA3B,OAAA,CAAAmC,KAAA,CAAAR,QAAA,EAAAS,SAAA,CAAA,CAAA;KAAA,CAAA;AAAU,GAAA,EAAAL,IAAA,CAAAN,GAAG,aAAaE,QAAU,CAAAV,UAAA,CAAA,CAAA,EAAA,CACtIe,MAAU,CAAAnC,SAAA,IAAGmC,MAAS,CAAAnC,SAAA,CAACwC,QAAQ,iBAAhDC,WAA6H,CAAAC,uBAAA,CAAtEP,MAAS,CAAAnC,SAAA,CAACwC,QAAQ,CAAA,EAAA;;IAAGzC,IAAI,EAAEoC,MAAI,CAAApC,IAAA;IAAG,OAAK4C,EAAAA,cAAA,CAAET,IAAE,CAAAR,EAAA,CAAA,UAAA,EAAaI,QAAU,CAAAV,UAAA,CAAA,CAAA;oCACxGe,MAAA,CAAApC,IAAI,CAAC8B,IAAI,IAA1BE,SAAA,EAAA,EAAAC,kBAAA,CAAuG,QAAvGC,UAAuG,CAAA;;AAA1E,IAAA,OAAA,EAAQ,CAAAC,IAAA,CAAAR,EAAE,CAAc,UAAA,CAAA,EAAAS,MAAA,CAAApC,IAAI,CAAC8B,IAAI,CAAA;AAAW,GAAA,EAAAK,IAAA,CAAAN,GAAG,aAAaE,QAAU,CAAAV,UAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kCACvFe,MAAA,CAAApC,IAAI,CAACU,KAAK,IAAtBsB,SAAA,EAAA,EAAAC,kBAAA,CAA0G,QAA1GC,UAA0G,CAAA;;AAAjF,IAAA,OAAA,EAAOC,IAAE,CAAAR,EAAA,CAAA,WAAA,CAAA;KAAuBQ,IAAG,CAAAN,GAAA,CAAA,WAAA,EAAcE,QAAU,CAAAV,UAAA,CAAA,CAAA,EAAAwB,eAAA,CAAMd,QAAK,CAAArB,KAAA,EAAA,CAAA,EAAA,EAAA,CAAA,oEAGvGgC,WAA0G,CAAAC,uBAAA,CAAnFP,MAAS,CAAAnC,SAAA,CAACD,IAAI,CAAA,EAAA;;IAAGA,IAAI,EAAEoC,MAAI,CAAApC,IAAA;AAAGU,IAAAA,KAAK,EAAEqB,QAAK,CAAArB,KAAA,EAAA;IAAKrB,KAAK,EAAE0C,QAAgB,CAAAR,gBAAAA;;;;;;ACYrG,aAAe;AACXpC,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAAS2D,QAAc;AACvBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,UAAU,EAAE;AACRC,IAAAA,cAAc,EAAdA,QAAc;AACdC,IAAAA,gBAAe,EAAfA,gBAAAA;AACJ,GAAA;AACJ,CAAC;;;;;EC5BG,OAAAlB,SAAA,EAAA,EAAAC,kBAAA,CAYK,OAZLC,UAYK,CAAA;AAZC,IAAA,OAAA,EAAOC,IAAE,CAAAR,EAAA,CAAA,MAAA,CAAA;KAAkBQ,IAAI,CAAAgB,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,kBAAA,CAUI,MAVJlB,UAUI,CAAA;AAVC,IAAA,OAAA,EAAOC,IAAE,CAAAR,EAAA,CAAA,MAAA,CAAA;KAAkBQ,IAAG,CAAAN,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACTM,IAAI,CAAA1C,IAAA,IAA1BuC,SAAA,EAAA,EAAAU,WAAA,CAA6IW,2BAA7InB,UAA6I,CAAA;;IAAhHlC,IAAI,EAAEmC,IAAI,CAAA1C,IAAA;AAAG,IAAA,OAAA,EAAO0C,IAAE,CAAAR,EAAA,CAAA,UAAA,CAAA;IAAe1B,SAAS,EAAEkC,IAAM,CAAAmB,MAAA;IAAGC,EAAE,EAAEpB,IAAE,CAAAoB,EAAA;IAAGC,QAAQ,EAAErB,IAAQ,CAAAqB,QAAAA;KAAUrB,IAAG,CAAAN,GAAA,CAAA,UAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAA,CAAA,CAAA,mCAC9HG,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA,CAOUwB,QAPoB,EAAA,IAAA,EAAAC,UAAA,CAAAvB,IAAA,CAAA7C,KAAK,EAAjB,UAAAU,IAAI,EAAE2D,CAAC,EAAA;;WAAkB3D,IAAI,CAACU,KAAI,GAAA,GAAA,GAAUiD,CAAAA;QAChDxB,IAAA,CAAA1C,IAAK,IAAGkE,CAAE,KAAA,CAAA,IAApB3B,SAAA,EAAA,EAAAC,kBAAA,CAII,MAJJC,UAII,CAAA;;AAJwB,MAAA,OAAA,EAAOC,IAAE,CAAAR,EAAA,CAAA,WAAA,CAAA;;OAAuBQ,IAAG,CAAAN,GAAA,CAAA,WAAA,CAAA,CAAA,EAAA,CAC3D+B,UAAA,CAEMzB,8BAFN,YAAA;AAAA,MAAA,OAEM,CADF0B,WAAA,CAAoEC,6BAApE5B,UAAoE,CAAA;AAAlD,QAAA,aAAW,EAAC,MAAO;;SAAQC,IAAG,CAAAN,GAAA,CAAA,eAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;8CAGxDgC,WAA2F,CAAAR,yBAAA,EAAA;AAA1ErD,MAAAA,IAAI,EAAEA,IAAI;AAAGE,MAAAA,KAAK,EAAEyD,CAAC;MAAG1D,SAAS,EAAEkC,IAAM,CAAAmB,MAAA;MAAGC,EAAE,EAAEpB,IAAE,CAAAoB,EAAA;MAAGC,QAAQ,EAAErB,IAAQ,CAAAqB,QAAAA;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/breadcrumb/BaseBreadcrumb.vue","../../src/breadcrumb/BreadcrumbItem.vue","../../src/breadcrumb/BreadcrumbItem.vue?vue&type=template&id=0beececf&lang.js","../../src/breadcrumb/Breadcrumb.vue","../../src/breadcrumb/Breadcrumb.vue?vue&type=template&id=15da4abe&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport BreadcrumbStyle from 'primevue/breadcrumb/style';\n\nexport default {\n    name: 'BaseBreadcrumb',\n    extends: BaseComponent,\n    props: {\n        model: {\n            type: Array,\n            default: null\n        },\n        home: {\n            type: null,\n            default: null\n        }\n    },\n    style: BreadcrumbStyle,\n    provide() {\n        return {\n            $pcBreadcrumb: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <li v-if=\"visible()\" :class=\"[cx('item'), item.class]\" v-bind=\"ptm('item', ptmOptions)\">\n        <template v-if=\"!templates.item\">\n            <a :href=\"item.url || '#'\" :class=\"cx('itemLink')\" :target=\"item.target\" :aria-current=\"isCurrentUrl()\" @click=\"onClick\" v-bind=\"ptm('itemLink', ptmOptions)\">\n                <component v-if=\"templates && templates.itemicon\" :is=\"templates.itemicon\" :item=\"item\" :class=\"cx('itemIcon', ptmOptions)\" />\n                <span v-else-if=\"item.icon\" :class=\"[cx('itemIcon'), item.icon]\" v-bind=\"ptm('itemIcon', ptmOptions)\" />\n                <span v-if=\"item.label\" :class=\"cx('itemLabel')\" v-bind=\"ptm('itemLabel', ptmOptions)\">{{ label() }}</span>\n            </a>\n        </template>\n        <component v-else :is=\"templates.item\" :item=\"item\" :label=\"label()\" :props=\"getMenuItemProps\"></component>\n    </li>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport { mergeProps } from 'vue';\n\nexport default {\n    name: 'BreadcrumbItem',\n    hostName: 'Breadcrumb',\n    extends: BaseComponent,\n    props: {\n        item: null,\n        templates: null,\n        index: null\n    },\n    methods: {\n        onClick(event) {\n            if (this.item.command) {\n                this.item.command({\n                    originalEvent: event,\n                    item: this.item\n                });\n            }\n        },\n        visible() {\n            return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;\n        },\n        disabled() {\n            return typeof this.item.disabled === 'function' ? this.item.disabled() : this.item.disabled;\n        },\n        label() {\n            return typeof this.item.label === 'function' ? this.item.label() : this.item.label;\n        },\n        isCurrentUrl() {\n            const { to, url } = this.item;\n            const lastPath = typeof window !== 'undefined' ? window.location.pathname : '';\n\n            return to === lastPath || url === lastPath ? 'page' : undefined;\n        }\n    },\n    computed: {\n        ptmOptions() {\n            return {\n                context: {\n                    item: this.item,\n                    index: this.index\n                }\n            };\n        },\n        getMenuItemProps() {\n            return {\n                action: mergeProps(\n                    {\n                        class: this.cx('itemLink'),\n                        'aria-current': this.isCurrentUrl(),\n                        onClick: ($event) => this.onClick($event)\n                    },\n                    this.ptm('itemLink', this.ptmOptions)\n                ),\n                icon: mergeProps(\n                    {\n                        class: [this.cx('icon'), this.item.icon]\n                    },\n                    this.ptm('icon', this.ptmOptions)\n                ),\n                label: mergeProps(\n                    {\n                        class: this.cx('label')\n                    },\n                    this.ptm('label', this.ptmOptions)\n                )\n            };\n        }\n    }\n};\n</script>\n","<template>\n    <li v-if=\"visible()\" :class=\"[cx('item'), item.class]\" v-bind=\"ptm('item', ptmOptions)\">\n        <template v-if=\"!templates.item\">\n            <a :href=\"item.url || '#'\" :class=\"cx('itemLink')\" :target=\"item.target\" :aria-current=\"isCurrentUrl()\" @click=\"onClick\" v-bind=\"ptm('itemLink', ptmOptions)\">\n                <component v-if=\"templates && templates.itemicon\" :is=\"templates.itemicon\" :item=\"item\" :class=\"cx('itemIcon', ptmOptions)\" />\n                <span v-else-if=\"item.icon\" :class=\"[cx('itemIcon'), item.icon]\" v-bind=\"ptm('itemIcon', ptmOptions)\" />\n                <span v-if=\"item.label\" :class=\"cx('itemLabel')\" v-bind=\"ptm('itemLabel', ptmOptions)\">{{ label() }}</span>\n            </a>\n        </template>\n        <component v-else :is=\"templates.item\" :item=\"item\" :label=\"label()\" :props=\"getMenuItemProps\"></component>\n    </li>\n</template>\n\n<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport { mergeProps } from 'vue';\n\nexport default {\n    name: 'BreadcrumbItem',\n    hostName: 'Breadcrumb',\n    extends: BaseComponent,\n    props: {\n        item: null,\n        templates: null,\n        index: null\n    },\n    methods: {\n        onClick(event) {\n            if (this.item.command) {\n                this.item.command({\n                    originalEvent: event,\n                    item: this.item\n                });\n            }\n        },\n        visible() {\n            return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;\n        },\n        disabled() {\n            return typeof this.item.disabled === 'function' ? this.item.disabled() : this.item.disabled;\n        },\n        label() {\n            return typeof this.item.label === 'function' ? this.item.label() : this.item.label;\n        },\n        isCurrentUrl() {\n            const { to, url } = this.item;\n            const lastPath = typeof window !== 'undefined' ? window.location.pathname : '';\n\n            return to === lastPath || url === lastPath ? 'page' : undefined;\n        }\n    },\n    computed: {\n        ptmOptions() {\n            return {\n                context: {\n                    item: this.item,\n                    index: this.index\n                }\n            };\n        },\n        getMenuItemProps() {\n            return {\n                action: mergeProps(\n                    {\n                        class: this.cx('itemLink'),\n                        'aria-current': this.isCurrentUrl(),\n                        onClick: ($event) => this.onClick($event)\n                    },\n                    this.ptm('itemLink', this.ptmOptions)\n                ),\n                icon: mergeProps(\n                    {\n                        class: [this.cx('icon'), this.item.icon]\n                    },\n                    this.ptm('icon', this.ptmOptions)\n                ),\n                label: mergeProps(\n                    {\n                        class: this.cx('label')\n                    },\n                    this.ptm('label', this.ptmOptions)\n                )\n            };\n        }\n    }\n};\n</script>\n","<template>\n    <nav :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <ol :class=\"cx('list')\" v-bind=\"ptm('list')\">\n            <BreadcrumbItem v-if=\"home\" :item=\"home\" :class=\"cx('homeItem')\" :templates=\"$slots\" :pt=\"pt\" :unstyled=\"unstyled\" v-bind=\"ptm('homeItem')\" />\n            <template v-for=\"(item, i) of model\" :key=\"item.label + '_' + i\">\n                <li v-if=\"home || i !== 0\" :class=\"cx('separator')\" v-bind=\"ptm('separator')\">\n                    <slot name=\"separator\">\n                        <ChevronRightIcon aria-hidden=\"true\" :class=\"cx('separatorIcon')\" v-bind=\"ptm('separatorIcon')\" />\n                    </slot>\n                </li>\n                <BreadcrumbItem :item=\"item\" :index=\"i\" :templates=\"$slots\" :pt=\"pt\" :unstyled=\"unstyled\" />\n            </template>\n        </ol>\n    </nav>\n</template>\n\n<script>\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport BaseBreadcrumb from './BaseBreadcrumb.vue';\nimport BreadcrumbItem from './BreadcrumbItem.vue';\n\nexport default {\n    name: 'Breadcrumb',\n    extends: BaseBreadcrumb,\n    inheritAttrs: false,\n    components: {\n        BreadcrumbItem,\n        ChevronRightIcon\n    }\n};\n</script>\n","<template>\n    <nav :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <ol :class=\"cx('list')\" v-bind=\"ptm('list')\">\n            <BreadcrumbItem v-if=\"home\" :item=\"home\" :class=\"cx('homeItem')\" :templates=\"$slots\" :pt=\"pt\" :unstyled=\"unstyled\" v-bind=\"ptm('homeItem')\" />\n            <template v-for=\"(item, i) of model\" :key=\"item.label + '_' + i\">\n                <li v-if=\"home || i !== 0\" :class=\"cx('separator')\" v-bind=\"ptm('separator')\">\n                    <slot name=\"separator\">\n                        <ChevronRightIcon aria-hidden=\"true\" :class=\"cx('separatorIcon')\" v-bind=\"ptm('separatorIcon')\" />\n                    </slot>\n                </li>\n                <BreadcrumbItem :item=\"item\" :index=\"i\" :templates=\"$slots\" :pt=\"pt\" :unstyled=\"unstyled\" />\n            </template>\n        </ol>\n    </nav>\n</template>\n\n<script>\nimport ChevronRightIcon from '@primevue/icons/chevronright';\nimport BaseBreadcrumb from './BaseBreadcrumb.vue';\nimport BreadcrumbItem from './BreadcrumbItem.vue';\n\nexport default {\n    name: 'Breadcrumb',\n    extends: BaseBreadcrumb,\n    inheritAttrs: false,\n    components: {\n        BreadcrumbItem,\n        ChevronRightIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","model","type","Array","home","style","BreadcrumbStyle","provide","$pcBreadcrumb","$parentInstance","hostName","item","templates","index","methods","onClick","event","command","originalEvent","visible","disabled","label","isCurrentUrl","_this$item","to","url","lastPath","window","location","pathname","undefined","computed","ptmOptions","context","getMenuItemProps","_this","action","mergeProps","cx","$event","ptm","icon","$options","_openBlock","_createElementBlock","_mergeProps","_ctx","$props","href","target","apply","arguments","itemicon","_createBlock","_resolveDynamicComponent","_normalizeClass","_toDisplayString","BaseBreadcrumb","inheritAttrs","components","BreadcrumbItem","ChevronRightIcon","ptmi","_createElementVNode","_component_BreadcrumbItem","$slots","pt","unstyled","_Fragment","_renderList","i","_renderSlot","_createVNode","_component_ChevronRightIcon"],"mappings":"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"}

package/breadcrumb/style/index.d.ts

@@ -26,6 +26,10 @@ export enum BreadcrumbClasses {
      * Class name of the separator element
      */
     separator = 'p-breadcrumb-separator',
+    /**
+     * Class name of the separator icon element
+     */
+    separatorIcon = 'p-breadcrumb-separator-icon',
     /**
      * Class name of the item element
      */

package/breadcrumb/style/index.mjs

@@ -2,13 +2,14 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-breadcrumb {\n    background: ".concat(dt('breadcrumb.background'), ";\n    padding: ").concat(dt('breadcrumb.padding'), ";\n    overflow-x: auto;\n}\n\n.p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: ").concat(dt('breadcrumb.gap'), ";\n}\n\n.p-breadcrumb-separator {\n    display: flex;\n    align-items: center;\n    color: ").concat(dt('breadcrumb.separator.color'), ";\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n\n.p-breadcrumb-item-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: ").concat(dt('breadcrumb.item.gap'), ";\n    transition: background ").concat(dt('breadcrumb.transition.duration'), ", color ").concat(dt('breadcrumb.transition.duration'), ", outline-color ").concat(dt('breadcrumb.transition.duration'), ", box-shadow ").concat(dt('breadcrumb.transition.duration'), ";\n    border-radius: ").concat(dt('breadcrumb.item.border.radius'), ";\n    outline-color: transparent;\n    color: ").concat(dt('breadcrumb.item.color'), ";\n}\n\n.p-breadcrumb-item-link:focus-visible {\n    box-shadow: ").concat(dt('breadcrumb.item.focus.ring.shadow'), ";\n    outline: ").concat(dt('breadcrumb.item.focus.ring.width'), " ").concat(dt('breadcrumb.item.focus.ring.style'), " ").concat(dt('breadcrumb.item.focus.ring.color'), ";\n    outline-offset: ").concat(dt('breadcrumb.item.focus.ring.offset'), ";\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-label {\n    color: ").concat(dt('breadcrumb.item.hover.color'), ";\n}\n\n.p-breadcrumb-item-label {\n    transition: inherit;\n}\n\n.p-breadcrumb-item-icon {\n    color: ").concat(dt('breadcrumb.item.icon.color'), ";\n    transition: inherit;\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-icon {\n    color: ").concat(dt('breadcrumb.item.icon.hover.color'), ";\n}\n");
+  return "\n.p-breadcrumb {\n    background: ".concat(dt('breadcrumb.background'), ";\n    padding: ").concat(dt('breadcrumb.padding'), ";\n    overflow-x: auto;\n}\n\n.p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: ").concat(dt('breadcrumb.gap'), ";\n}\n\n.p-breadcrumb-separator {\n    display: flex;\n    align-items: center;\n    color: ").concat(dt('breadcrumb.separator.color'), ";\n}\n\n.p-breadcrumb-separator-icon:dir(rtl) {\n    transform: rotate(180deg);\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n\n.p-breadcrumb-item-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: ").concat(dt('breadcrumb.item.gap'), ";\n    transition: background ").concat(dt('breadcrumb.transition.duration'), ", color ").concat(dt('breadcrumb.transition.duration'), ", outline-color ").concat(dt('breadcrumb.transition.duration'), ", box-shadow ").concat(dt('breadcrumb.transition.duration'), ";\n    border-radius: ").concat(dt('breadcrumb.item.border.radius'), ";\n    outline-color: transparent;\n    color: ").concat(dt('breadcrumb.item.color'), ";\n}\n\n.p-breadcrumb-item-link:focus-visible {\n    box-shadow: ").concat(dt('breadcrumb.item.focus.ring.shadow'), ";\n    outline: ").concat(dt('breadcrumb.item.focus.ring.width'), " ").concat(dt('breadcrumb.item.focus.ring.style'), " ").concat(dt('breadcrumb.item.focus.ring.color'), ";\n    outline-offset: ").concat(dt('breadcrumb.item.focus.ring.offset'), ";\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-label {\n    color: ").concat(dt('breadcrumb.item.hover.color'), ";\n}\n\n.p-breadcrumb-item-label {\n    transition: inherit;\n}\n\n.p-breadcrumb-item-icon {\n    color: ").concat(dt('breadcrumb.item.icon.color'), ";\n    transition: inherit;\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-icon {\n    color: ").concat(dt('breadcrumb.item.icon.hover.color'), ";\n}\n");
 };
 var classes = {
   root: 'p-breadcrumb p-component',
   list: 'p-breadcrumb-list',
   homeItem: 'p-breadcrumb-home-item',
   separator: 'p-breadcrumb-separator',
+  separatorIcon: 'p-breadcrumb-separator-icon',
   item: function item(_ref2) {
     var instance = _ref2.instance;
     return ['p-breadcrumb-item', {

package/breadcrumb/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/breadcrumb/style/BreadcrumbStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-breadcrumb {\n    background: ${dt('breadcrumb.background')};\n    padding: ${dt('breadcrumb.padding')};\n    overflow-x: auto;\n}\n\n.p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: ${dt('breadcrumb.gap')};\n}\n\n.p-breadcrumb-separator {\n    display: flex;\n    align-items: center;\n    color: ${dt('breadcrumb.separator.color')};\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n\n.p-breadcrumb-item-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: ${dt('breadcrumb.item.gap')};\n    transition: background ${dt('breadcrumb.transition.duration')}, color ${dt('breadcrumb.transition.duration')}, outline-color ${dt('breadcrumb.transition.duration')}, box-shadow ${dt('breadcrumb.transition.duration')};\n    border-radius: ${dt('breadcrumb.item.border.radius')};\n    outline-color: transparent;\n    color: ${dt('breadcrumb.item.color')};\n}\n\n.p-breadcrumb-item-link:focus-visible {\n    box-shadow: ${dt('breadcrumb.item.focus.ring.shadow')};\n    outline: ${dt('breadcrumb.item.focus.ring.width')} ${dt('breadcrumb.item.focus.ring.style')} ${dt('breadcrumb.item.focus.ring.color')};\n    outline-offset: ${dt('breadcrumb.item.focus.ring.offset')};\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-label {\n    color: ${dt('breadcrumb.item.hover.color')};\n}\n\n.p-breadcrumb-item-label {\n    transition: inherit;\n}\n\n.p-breadcrumb-item-icon {\n    color: ${dt('breadcrumb.item.icon.color')};\n    transition: inherit;\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-icon {\n    color: ${dt('breadcrumb.item.icon.hover.color')};\n}\n`;\n\nconst classes = {\n    root: 'p-breadcrumb p-component',\n    list: 'p-breadcrumb-list',\n    homeItem: 'p-breadcrumb-home-item',\n    separator: 'p-breadcrumb-separator',\n    item: ({ instance }) => ['p-breadcrumb-item', { 'p-disabled': instance.disabled() }],\n    itemLink: 'p-breadcrumb-item-link',\n    itemIcon: 'p-breadcrumb-item-icon',\n    itemLabel: 'p-breadcrumb-item-label'\n};\n\nexport default BaseStyle.extend({\n    name: 'breadcrumb',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","list","homeItem","separator","item","_ref2","instance","disabled","itemLink","itemIcon","itemLabel","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,qCAAA,CAAAC,MAAA,CAEDD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAC9BD,EAAE,CAAC,oBAAoB,CAAC,EAAA,mMAAA,CAAA,CAAAC,MAAA,CAW5BD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,8FAAAA,CAAAA,CAAAA,MAAA,CAMlBD,EAAE,CAAC,4BAA4B,CAAC,EAAA,qLAAA,CAAA,CAAAC,MAAA,CAWlCD,EAAE,CAAC,qBAAqB,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CACPD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAAmBD,EAAE,CAAC,gCAAgC,CAAC,EAAA,eAAA,CAAA,CAAAC,MAAA,CAAgBD,EAAE,CAAC,gCAAgC,CAAC,4BAAAC,MAAA,CACtMD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,iDAAAA,CAAAA,CAAAA,MAAA,CAE3CD,EAAE,CAAC,uBAAuB,CAAC,EAAA,mEAAA,CAAA,CAAAC,MAAA,CAItBD,EAAE,CAAC,mCAAmC,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAC1CD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAA,yBAAA,CAAA,CAAAC,MAAA,CACnHD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,+EAAAA,CAAAA,CAAAA,MAAA,CAIhDD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,2GAAAA,CAAAA,CAAAA,MAAA,CAQjCD,EAAE,CAAC,4BAA4B,CAAC,EAAA,wGAAA,CAAA,CAAAC,MAAA,CAKhCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAElD,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,0BAA0B;AAChCC,EAAAA,IAAI,EAAE,mBAAmB;AACzBC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,SAAS,EAAE,wBAAwB;AACnCC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;IAAA,OAAO,CAAC,mBAAmB,EAAE;AAAE,MAAA,YAAY,EAAEA,QAAQ,CAACC,QAAQ,EAAC;AAAE,KAAC,CAAC,CAAA;AAAA,GAAA;AACpFC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,SAAS,EAAE,yBAAA;AACf,CAAC,CAAA;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBlB,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/breadcrumb/style/BreadcrumbStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-breadcrumb {\n    background: ${dt('breadcrumb.background')};\n    padding: ${dt('breadcrumb.padding')};\n    overflow-x: auto;\n}\n\n.p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: ${dt('breadcrumb.gap')};\n}\n\n.p-breadcrumb-separator {\n    display: flex;\n    align-items: center;\n    color: ${dt('breadcrumb.separator.color')};\n}\n\n.p-breadcrumb-separator-icon:dir(rtl) {\n    transform: rotate(180deg);\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n\n.p-breadcrumb-item-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: ${dt('breadcrumb.item.gap')};\n    transition: background ${dt('breadcrumb.transition.duration')}, color ${dt('breadcrumb.transition.duration')}, outline-color ${dt('breadcrumb.transition.duration')}, box-shadow ${dt('breadcrumb.transition.duration')};\n    border-radius: ${dt('breadcrumb.item.border.radius')};\n    outline-color: transparent;\n    color: ${dt('breadcrumb.item.color')};\n}\n\n.p-breadcrumb-item-link:focus-visible {\n    box-shadow: ${dt('breadcrumb.item.focus.ring.shadow')};\n    outline: ${dt('breadcrumb.item.focus.ring.width')} ${dt('breadcrumb.item.focus.ring.style')} ${dt('breadcrumb.item.focus.ring.color')};\n    outline-offset: ${dt('breadcrumb.item.focus.ring.offset')};\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-label {\n    color: ${dt('breadcrumb.item.hover.color')};\n}\n\n.p-breadcrumb-item-label {\n    transition: inherit;\n}\n\n.p-breadcrumb-item-icon {\n    color: ${dt('breadcrumb.item.icon.color')};\n    transition: inherit;\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-icon {\n    color: ${dt('breadcrumb.item.icon.hover.color')};\n}\n`;\n\nconst classes = {\n    root: 'p-breadcrumb p-component',\n    list: 'p-breadcrumb-list',\n    homeItem: 'p-breadcrumb-home-item',\n    separator: 'p-breadcrumb-separator',\n    separatorIcon: 'p-breadcrumb-separator-icon',\n    item: ({ instance }) => ['p-breadcrumb-item', { 'p-disabled': instance.disabled() }],\n    itemLink: 'p-breadcrumb-item-link',\n    itemIcon: 'p-breadcrumb-item-icon',\n    itemLabel: 'p-breadcrumb-item-label'\n};\n\nexport default BaseStyle.extend({\n    name: 'breadcrumb',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","list","homeItem","separator","separatorIcon","item","_ref2","instance","disabled","itemLink","itemIcon","itemLabel","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,qCAAA,CAAAC,MAAA,CAEDD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAC9BD,EAAE,CAAC,oBAAoB,CAAC,EAAA,mMAAA,CAAA,CAAAC,MAAA,CAW5BD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,8FAAAA,CAAAA,CAAAA,MAAA,CAMlBD,EAAE,CAAC,4BAA4B,CAAC,EAAA,mQAAA,CAAA,CAAAC,MAAA,CAelCD,EAAE,CAAC,qBAAqB,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CACPD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAAmBD,EAAE,CAAC,gCAAgC,CAAC,EAAA,eAAA,CAAA,CAAAC,MAAA,CAAgBD,EAAE,CAAC,gCAAgC,CAAC,4BAAAC,MAAA,CACtMD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,iDAAAA,CAAAA,CAAAA,MAAA,CAE3CD,EAAE,CAAC,uBAAuB,CAAC,EAAA,mEAAA,CAAA,CAAAC,MAAA,CAItBD,EAAE,CAAC,mCAAmC,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAC1CD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAA,yBAAA,CAAA,CAAAC,MAAA,CACnHD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,+EAAAA,CAAAA,CAAAA,MAAA,CAIhDD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,2GAAAA,CAAAA,CAAAA,MAAA,CAQjCD,EAAE,CAAC,4BAA4B,CAAC,EAAA,wGAAA,CAAA,CAAAC,MAAA,CAKhCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,QAAA,CAAA;AAAA,CAElD;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,0BAA0B;AAChCC,EAAAA,IAAI,EAAE,mBAAmB;AACzBC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,SAAS,EAAE,wBAAwB;AACnCC,EAAAA,aAAa,EAAE,6BAA6B;AAC5CC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAAO,CAAC,mBAAmB,EAAE;AAAE,MAAA,YAAY,EAAEA,QAAQ,CAACC,QAAQ;AAAG,KAAC,CAAC;AAAA,GAAA;AACpFC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,SAAS,EAAE;AACf,CAAC;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBnB,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/button/BaseButton.vue

@@ -78,6 +78,10 @@ export default {
             type: String,
             default: null
         },
+        variant: {
+            type: String,
+            default: null
+        },
         plain: {
             type: Boolean,
             default: false

package/button/index.d.ts

@@ -7,7 +7,7 @@
  * @module button
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, HintedString, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
 import type { ButtonHTMLAttributes, Component, VNode } from 'vue';
@@ -172,9 +172,15 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * Defines the size of the button.
      */
     size?: 'small' | 'large' | undefined;
+    /**
+     * Specifies the variant of the component.
+     * @defaultValue undefined
+     */
+    variant?: 'outlined' | 'text' | undefined;
     /**
      * Add a plain textual class to the button without a background initially.
      * @defaultValue false
+     * @deprecated since v4.2.0. Use a contrast severity instead.
      */
     plain?: boolean | undefined;
     /**
@@ -267,7 +273,7 @@ declare const Button: DefineComponent<ButtonProps, ButtonSlots, ButtonEmits>;
 
 declare module 'vue' {
     export interface GlobalComponents {
-        Button: GlobalComponentConstructor<ButtonProps, ButtonSlots, ButtonEmits>;
+        Button: DefineComponent<ButtonProps, ButtonSlots, ButtonEmits>;
     }
 }
 

package/button/index.mjs

@@ -82,6 +82,10 @@ var script$1 = {
       type: String,
       "default": null
     },
+    variant: {
+      type: String,
+      "default": null
+    },
     plain: {
       type: Boolean,
       "default": false

package/button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/button/BaseButton.vue","../../src/button/Button.vue","../../src/button/Button.vue?vue&type=template&id=080fe4ea&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ButtonStyle from 'primevue/button/style';\n\nexport default {\n    name: 'BaseButton',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        iconPos: {\n            type: String,\n            default: 'left'\n        },\n        iconClass: {\n            type: [String, Object],\n            default: null\n        },\n        badge: {\n            type: String,\n            default: null\n        },\n        badgeClass: {\n            type: [String, Object],\n            default: null\n        },\n        badgeSeverity: {\n            type: String,\n            default: 'secondary'\n        },\n        loading: {\n            type: Boolean,\n            default: false\n        },\n        loadingIcon: {\n            type: String,\n            default: undefined\n        },\n        as: {\n            type: [String, Object],\n            default: 'BUTTON'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        link: {\n            type: Boolean,\n            default: false\n        },\n        severity: {\n            type: String,\n            default: null\n        },\n        raised: {\n            type: Boolean,\n            default: false\n        },\n        rounded: {\n            type: Boolean,\n            default: false\n        },\n        text: {\n            type: Boolean,\n            default: false\n        },\n        outlined: {\n            type: Boolean,\n            default: false\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        plain: {\n            type: Boolean,\n            default: false\n        },\n        fluid: {\n            type: Boolean,\n            default: null\n        }\n    },\n    style: ButtonStyle,\n    provide() {\n        return {\n            $pcButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" v-bind=\"attrs\">\n        <slot>\n            <slot v-if=\"loading\" name=\"loadingicon\" :class=\"[cx('loadingIcon'), cx('icon')]\">\n                <span v-if=\"loadingIcon\" :class=\"[cx('loadingIcon'), cx('icon'), loadingIcon]\" v-bind=\"ptm('loadingIcon')\" />\n                <SpinnerIcon v-else :class=\"[cx('loadingIcon'), cx('icon')]\" spin v-bind=\"ptm('loadingIcon')\" />\n            </slot>\n            <slot v-else name=\"icon\" :class=\"[cx('icon')]\">\n                <span v-if=\"icon\" :class=\"[cx('icon'), icon, iconClass]\" v-bind=\"ptm('icon')\"></span>\n            </slot>\n            <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label || '&nbsp;' }}</span>\n            <Badge v-if=\"badge\" :value=\"badge\" :class=\"badgeClass\" :severity=\"badgeSeverity\" :unstyled=\"unstyled\" :pt=\"ptm('pcBadge')\"></Badge>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :a11yAttrs=\"a11yAttrs\"></slot>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport SpinnerIcon from '@primevue/icons/spinner';\nimport Badge from 'primevue/badge';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseButton from './BaseButton.vue';\n\nexport default {\n    name: 'Button',\n    extends: BaseButton,\n    inheritAttrs: false,\n    inject: {\n        $pcFluid: { default: null }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    disabled: this.disabled\n                }\n            });\n        }\n    },\n    computed: {\n        disabled() {\n            return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;\n        },\n        defaultAriaLabel() {\n            return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs.ariaLabel;\n        },\n        hasIcon() {\n            return this.icon || this.$slots.icon;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.getPTOptions('root'));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                'aria-label': this.defaultAriaLabel,\n                'data-pc-name': 'button',\n                'data-p-disabled': this.disabled,\n                'data-p-severity': this.severity\n            };\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    },\n    components: {\n        SpinnerIcon,\n        Badge\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" v-bind=\"attrs\">\n        <slot>\n            <slot v-if=\"loading\" name=\"loadingicon\" :class=\"[cx('loadingIcon'), cx('icon')]\">\n                <span v-if=\"loadingIcon\" :class=\"[cx('loadingIcon'), cx('icon'), loadingIcon]\" v-bind=\"ptm('loadingIcon')\" />\n                <SpinnerIcon v-else :class=\"[cx('loadingIcon'), cx('icon')]\" spin v-bind=\"ptm('loadingIcon')\" />\n            </slot>\n            <slot v-else name=\"icon\" :class=\"[cx('icon')]\">\n                <span v-if=\"icon\" :class=\"[cx('icon'), icon, iconClass]\" v-bind=\"ptm('icon')\"></span>\n            </slot>\n            <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label || '&nbsp;' }}</span>\n            <Badge v-if=\"badge\" :value=\"badge\" :class=\"badgeClass\" :severity=\"badgeSeverity\" :unstyled=\"unstyled\" :pt=\"ptm('pcBadge')\"></Badge>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :a11yAttrs=\"a11yAttrs\"></slot>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport SpinnerIcon from '@primevue/icons/spinner';\nimport Badge from 'primevue/badge';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseButton from './BaseButton.vue';\n\nexport default {\n    name: 'Button',\n    extends: BaseButton,\n    inheritAttrs: false,\n    inject: {\n        $pcFluid: { default: null }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    disabled: this.disabled\n                }\n            });\n        }\n    },\n    computed: {\n        disabled() {\n            return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;\n        },\n        defaultAriaLabel() {\n            return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs.ariaLabel;\n        },\n        hasIcon() {\n            return this.icon || this.$slots.icon;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.getPTOptions('root'));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                'aria-label': this.defaultAriaLabel,\n                'data-pc-name': 'button',\n                'data-p-disabled': this.disabled,\n                'data-p-severity': this.severity\n            };\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    },\n    components: {\n        SpinnerIcon,\n        Badge\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","iconPos","iconClass","Object","badge","badgeClass","badgeSeverity","loading","Boolean","loadingIcon","undefined","as","asChild","link","severity","raised","rounded","text","outlined","size","plain","fluid","style","ButtonStyle","provide","$pcButton","$parentInstance","BaseButton","inheritAttrs","inject","$pcFluid","methods","getPTOptions","key","_ptm","ptmi","ptm","context","disabled","computed","$attrs","defaultAriaLabel","ariaLabel","hasIcon","$slots","attrs","mergeProps","asAttrs","a11yAttrs","hasFluid","isEmpty","components","SpinnerIcon","Badge","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","_normalizeClass","_openBlock","_createElementBlock","_component_SpinnerIcon","spin","_createElementVNode","_component_Badge","value","unstyled","pt"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/button/BaseButton.vue","../../src/button/Button.vue","../../src/button/Button.vue?vue&type=template&id=080fe4ea&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ButtonStyle from 'primevue/button/style';\n\nexport default {\n    name: 'BaseButton',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        iconPos: {\n            type: String,\n            default: 'left'\n        },\n        iconClass: {\n            type: [String, Object],\n            default: null\n        },\n        badge: {\n            type: String,\n            default: null\n        },\n        badgeClass: {\n            type: [String, Object],\n            default: null\n        },\n        badgeSeverity: {\n            type: String,\n            default: 'secondary'\n        },\n        loading: {\n            type: Boolean,\n            default: false\n        },\n        loadingIcon: {\n            type: String,\n            default: undefined\n        },\n        as: {\n            type: [String, Object],\n            default: 'BUTTON'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        link: {\n            type: Boolean,\n            default: false\n        },\n        severity: {\n            type: String,\n            default: null\n        },\n        raised: {\n            type: Boolean,\n            default: false\n        },\n        rounded: {\n            type: Boolean,\n            default: false\n        },\n        text: {\n            type: Boolean,\n            default: false\n        },\n        outlined: {\n            type: Boolean,\n            default: false\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        variant: {\n            type: String,\n            default: null\n        },\n        plain: {\n            type: Boolean,\n            default: false\n        },\n        fluid: {\n            type: Boolean,\n            default: null\n        }\n    },\n    style: ButtonStyle,\n    provide() {\n        return {\n            $pcButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" v-bind=\"attrs\">\n        <slot>\n            <slot v-if=\"loading\" name=\"loadingicon\" :class=\"[cx('loadingIcon'), cx('icon')]\">\n                <span v-if=\"loadingIcon\" :class=\"[cx('loadingIcon'), cx('icon'), loadingIcon]\" v-bind=\"ptm('loadingIcon')\" />\n                <SpinnerIcon v-else :class=\"[cx('loadingIcon'), cx('icon')]\" spin v-bind=\"ptm('loadingIcon')\" />\n            </slot>\n            <slot v-else name=\"icon\" :class=\"[cx('icon')]\">\n                <span v-if=\"icon\" :class=\"[cx('icon'), icon, iconClass]\" v-bind=\"ptm('icon')\"></span>\n            </slot>\n            <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label || '&nbsp;' }}</span>\n            <Badge v-if=\"badge\" :value=\"badge\" :class=\"badgeClass\" :severity=\"badgeSeverity\" :unstyled=\"unstyled\" :pt=\"ptm('pcBadge')\"></Badge>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :a11yAttrs=\"a11yAttrs\"></slot>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport SpinnerIcon from '@primevue/icons/spinner';\nimport Badge from 'primevue/badge';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseButton from './BaseButton.vue';\n\nexport default {\n    name: 'Button',\n    extends: BaseButton,\n    inheritAttrs: false,\n    inject: {\n        $pcFluid: { default: null }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    disabled: this.disabled\n                }\n            });\n        }\n    },\n    computed: {\n        disabled() {\n            return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;\n        },\n        defaultAriaLabel() {\n            return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs.ariaLabel;\n        },\n        hasIcon() {\n            return this.icon || this.$slots.icon;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.getPTOptions('root'));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                'aria-label': this.defaultAriaLabel,\n                'data-pc-name': 'button',\n                'data-p-disabled': this.disabled,\n                'data-p-severity': this.severity\n            };\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    },\n    components: {\n        SpinnerIcon,\n        Badge\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" v-bind=\"attrs\">\n        <slot>\n            <slot v-if=\"loading\" name=\"loadingicon\" :class=\"[cx('loadingIcon'), cx('icon')]\">\n                <span v-if=\"loadingIcon\" :class=\"[cx('loadingIcon'), cx('icon'), loadingIcon]\" v-bind=\"ptm('loadingIcon')\" />\n                <SpinnerIcon v-else :class=\"[cx('loadingIcon'), cx('icon')]\" spin v-bind=\"ptm('loadingIcon')\" />\n            </slot>\n            <slot v-else name=\"icon\" :class=\"[cx('icon')]\">\n                <span v-if=\"icon\" :class=\"[cx('icon'), icon, iconClass]\" v-bind=\"ptm('icon')\"></span>\n            </slot>\n            <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label || '&nbsp;' }}</span>\n            <Badge v-if=\"badge\" :value=\"badge\" :class=\"badgeClass\" :severity=\"badgeSeverity\" :unstyled=\"unstyled\" :pt=\"ptm('pcBadge')\"></Badge>\n        </slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :a11yAttrs=\"a11yAttrs\"></slot>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport SpinnerIcon from '@primevue/icons/spinner';\nimport Badge from 'primevue/badge';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseButton from './BaseButton.vue';\n\nexport default {\n    name: 'Button',\n    extends: BaseButton,\n    inheritAttrs: false,\n    inject: {\n        $pcFluid: { default: null }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    disabled: this.disabled\n                }\n            });\n        }\n    },\n    computed: {\n        disabled() {\n            return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;\n        },\n        defaultAriaLabel() {\n            return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs.ariaLabel;\n        },\n        hasIcon() {\n            return this.icon || this.$slots.icon;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.getPTOptions('root'));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                'aria-label': this.defaultAriaLabel,\n                'data-pc-name': 'button',\n                'data-p-disabled': this.disabled,\n                'data-p-severity': this.severity\n            };\n        },\n        hasFluid() {\n            return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n        }\n    },\n    components: {\n        SpinnerIcon,\n        Badge\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","iconPos","iconClass","Object","badge","badgeClass","badgeSeverity","loading","Boolean","loadingIcon","undefined","as","asChild","link","severity","raised","rounded","text","outlined","size","variant","plain","fluid","style","ButtonStyle","provide","$pcButton","$parentInstance","BaseButton","inheritAttrs","inject","$pcFluid","methods","getPTOptions","key","_ptm","ptmi","ptm","context","disabled","computed","$attrs","defaultAriaLabel","ariaLabel","hasIcon","$slots","attrs","mergeProps","asAttrs","a11yAttrs","hasFluid","isEmpty","components","SpinnerIcon","Badge","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","_normalizeClass","_openBlock","_createElementBlock","_component_SpinnerIcon","spin","_createElementVNode","_component_Badge","value","unstyled","pt"],"mappings":"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"}

package/button/style/index.mjs

@@ -6,7 +6,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    color: ".concat(dt('button.primary.color'), ";\n    background: ").concat(dt('button.primary.background'), ";\n    border: 1px solid ").concat(dt('button.primary.border.color'), ";\n    padding: ").concat(dt('button.padding.y'), " ").concat(dt('button.padding.x'), ";\n    font-size: 1rem;\n    font-family: inherit;\n    font-feature-settings: inherit;\n    transition: background ").concat(dt('button.transition.duration'), ", color ").concat(dt('button.transition.duration'), ", border-color ").concat(dt('button.transition.duration'), ",\n            outline-color ").concat(dt('button.transition.duration'), ", box-shadow ").concat(dt('button.transition.duration'), ";\n    border-radius: ").concat(dt('button.border.radius'), ";\n    outline-color: transparent;\n    gap: ").concat(dt('button.gap'), ";\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-icon-only {\n    width: ").concat(dt('button.icon.only.width'), ";\n    padding-left: 0;\n    padding-right: 0;\n    gap: 0;\n}\n\n.p-button-icon-only.p-button-rounded {\n    border-radius: 50%;\n    height: ").concat(dt('button.icon.only.width'), ";\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-button-sm {\n    font-size: ").concat(dt('button.sm.font.size'), ";\n    padding: ").concat(dt('button.sm.padding.y'), " ").concat(dt('button.sm.padding.x'), ";\n}\n\n.p-button-sm .p-button-icon {\n    font-size: ").concat(dt('button.sm.font.size'), ";\n}\n\n.p-button-lg {\n    font-size: ").concat(dt('button.lg.font.size'), ";\n    padding: ").concat(dt('button.lg.padding.y'), " ").concat(dt('button.lg.padding.x'), ";\n}\n\n.p-button-lg .p-button-icon {\n    font-size: ").concat(dt('button.lg.font.size'), ";\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-label {\n    font-weight: ").concat(dt('button.label.font.weight'), ";\n}\n\n.p-button-fluid {\n    width: 100%;\n}\n\n.p-button-fluid.p-button-icon-only {\n    width: ").concat(dt('button.icon.only.width'), ";\n}\n\n.p-button:not(:disabled):hover {\n    background: ").concat(dt('button.primary.hover.background'), ";\n    border: 1px solid ").concat(dt('button.primary.hover.border.color'), ";\n    color: ").concat(dt('button.primary.hover.color'), ";\n}\n\n.p-button:not(:disabled):active {\n    background: ").concat(dt('button.primary.active.background'), ";\n    border: 1px solid ").concat(dt('button.primary.active.border.color'), ";\n    color: ").concat(dt('button.primary.active.color'), ";\n}\n\n.p-button:focus-visible {\n    box-shadow: ").concat(dt('button.primary.focus.ring.shadow'), ";\n    outline: ").concat(dt('button.focus.ring.width'), " ").concat(dt('button.focus.ring.style'), " ").concat(dt('button.primary.focus.ring.color'), ";\n    outline-offset: ").concat(dt('button.focus.ring.offset'), ";\n}\n\n.p-button .p-badge {\n    min-width: ").concat(dt('button.badge.size'), ";\n    height: ").concat(dt('button.badge.size'), ";\n    line-height: ").concat(dt('button.badge.size'), ";\n}\n\n.p-button-raised {\n    box-shadow: ").concat(dt('button.raised.shadow'), ";\n}\n\n.p-button-rounded {\n    border-radius: ").concat(dt('button.rounded.border.radius'), ";\n}\n\n.p-button-secondary {\n    background: ").concat(dt('button.secondary.background'), ";\n    border: 1px solid ").concat(dt('button.secondary.border.color'), ";\n    color: ").concat(dt('button.secondary.color'), ";\n}\n\n.p-button-secondary:not(:disabled):hover {\n    background: ").concat(dt('button.secondary.hover.background'), ";\n    border: 1px solid ").concat(dt('button.secondary.hover.border.color'), ";\n    color: ").concat(dt('button.secondary.hover.color'), ";\n}\n\n.p-button-secondary:not(:disabled):active {\n    background: ").concat(dt('button.secondary.active.background'), ";\n    border: 1px solid ").concat(dt('button.secondary.active.border.color'), ";\n    color: ").concat(dt('button.secondary.active.color'), ";\n}\n\n.p-button-secondary:focus-visible {\n    outline-color: ").concat(dt('button.secondary.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.secondary.focus.ring.shadow'), ";\n}\n\n.p-button-success {\n    background: ").concat(dt('button.success.background'), ";\n    border: 1px solid ").concat(dt('button.success.border.color'), ";\n    color: ").concat(dt('button.success.color'), ";\n}\n\n.p-button-success:not(:disabled):hover {\n    background: ").concat(dt('button.success.hover.background'), ";\n    border: 1px solid ").concat(dt('button.success.hover.border.color'), ";\n    color: ").concat(dt('button.success.hover.color'), ";\n}\n\n.p-button-success:not(:disabled):active {\n    background: ").concat(dt('button.success.active.background'), ";\n    border: 1px solid ").concat(dt('button.success.active.border.color'), ";\n    color: ").concat(dt('button.success.active.color'), ";\n}\n\n.p-button-success:focus-visible {\n    outline-color: ").concat(dt('button.success.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.success.focus.ring.shadow'), ";\n}\n\n.p-button-info {\n    background: ").concat(dt('button.info.background'), ";\n    border: 1px solid ").concat(dt('button.info.border.color'), ";\n    color: ").concat(dt('button.info.color'), ";\n}\n\n.p-button-info:not(:disabled):hover {\n    background: ").concat(dt('button.info.hover.background'), ";\n    border: 1px solid ").concat(dt('button.info.hover.border.color'), ";\n    color: ").concat(dt('button.info.hover.color'), ";\n}\n\n.p-button-info:not(:disabled):active {\n    background: ").concat(dt('button.info.active.background'), ";\n    border: 1px solid ").concat(dt('button.info.active.border.color'), ";\n    color: ").concat(dt('button.info.active.color'), ";\n}\n\n.p-button-info:focus-visible {\n    outline-color: ").concat(dt('button.info.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.info.focus.ring.shadow'), ";\n}\n\n.p-button-warn {\n    background: ").concat(dt('button.warn.background'), ";\n    border: 1px solid ").concat(dt('button.warn.border.color'), ";\n    color: ").concat(dt('button.warn.color'), ";\n}\n\n.p-button-warn:not(:disabled):hover {\n    background: ").concat(dt('button.warn.hover.background'), ";\n    border: 1px solid ").concat(dt('button.warn.hover.border.color'), ";\n    color: ").concat(dt('button.warn.hover.color'), ";\n}\n\n.p-button-warn:not(:disabled):active {\n    background: ").concat(dt('button.warn.active.background'), ";\n    border: 1px solid ").concat(dt('button.warn.active.border.color'), ";\n    color: ").concat(dt('button.warn.active.color'), ";\n}\n\n.p-button-warn:focus-visible {\n    outline-color: ").concat(dt('button.warn.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.warn.focus.ring.shadow'), ";\n}\n\n.p-button-help {\n    background: ").concat(dt('button.help.background'), ";\n    border: 1px solid ").concat(dt('button.help.border.color'), ";\n    color: ").concat(dt('button.help.color'), ";\n}\n\n.p-button-help:not(:disabled):hover {\n    background: ").concat(dt('button.help.hover.background'), ";\n    border: 1px solid ").concat(dt('button.help.hover.border.color'), ";\n    color: ").concat(dt('button.help.hover.color'), ";\n}\n\n.p-button-help:not(:disabled):active {\n    background: ").concat(dt('button.help.active.background'), ";\n    border: 1px solid ").concat(dt('button.help.active.border.color'), ";\n    color: ").concat(dt('button.help.active.color'), ";\n}\n\n.p-button-help:focus-visible {\n    outline-color: ").concat(dt('button.help.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.help.focus.ring.shadow'), ";\n}\n\n.p-button-danger {\n    background: ").concat(dt('button.danger.background'), ";\n    border: 1px solid ").concat(dt('button.danger.border.color'), ";\n    color: ").concat(dt('button.danger.color'), ";\n}\n\n.p-button-danger:not(:disabled):hover {\n    background: ").concat(dt('button.danger.hover.background'), ";\n    border: 1px solid ").concat(dt('button.danger.hover.border.color'), ";\n    color: ").concat(dt('button.danger.hover.color'), ";\n}\n\n.p-button-danger:not(:disabled):active {\n    background: ").concat(dt('button.danger.active.background'), ";\n    border: 1px solid ").concat(dt('button.danger.active.border.color'), ";\n    color: ").concat(dt('button.danger.active.color'), ";\n}\n\n.p-button-danger:focus-visible {\n    outline-color: ").concat(dt('button.danger.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.danger.focus.ring.shadow'), ";\n}\n\n.p-button-contrast {\n    background: ").concat(dt('button.contrast.background'), ";\n    border: 1px solid ").concat(dt('button.contrast.border.color'), ";\n    color: ").concat(dt('button.contrast.color'), ";\n}\n\n.p-button-contrast:not(:disabled):hover {\n    background: ").concat(dt('button.contrast.hover.background'), ";\n    border: 1px solid ").concat(dt('button.contrast.hover.border.color'), ";\n    color: ").concat(dt('button.contrast.hover.color'), ";\n}\n\n.p-button-contrast:not(:disabled):active {\n    background: ").concat(dt('button.contrast.active.background'), ";\n    border: 1px solid ").concat(dt('button.contrast.active.border.color'), ";\n    color: ").concat(dt('button.contrast.active.color'), ";\n}\n\n.p-button-contrast:focus-visible {\n    outline-color: ").concat(dt('button.contrast.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.contrast.focus.ring.shadow'), ";\n}\n\n.p-button-outlined {\n    background: transparent;\n    border-color: ").concat(dt('button.outlined.primary.border.color'), ";\n    color: ").concat(dt('button.outlined.primary.color'), ";\n}\n\n.p-button-outlined:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.primary.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.primary.border.color'), ";\n    color: ").concat(dt('button.outlined.primary.color'), ";\n}\n\n.p-button-outlined:not(:disabled):active {\n    background: ").concat(dt('button.outlined.primary.active.background'), ";\n    border-color: ").concat(dt('button.outlined.primary.border.color'), ";\n    color: ").concat(dt('button.outlined.primary.color'), ";\n}\n\n.p-button-outlined.p-button-secondary {\n    border-color: ").concat(dt('button.outlined.secondary.border.color'), ";\n    color: ").concat(dt('button.outlined.secondary.color'), ";\n}\n\n.p-button-outlined.p-button-secondary:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.secondary.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.secondary.border.color'), ";\n    color: ").concat(dt('button.outlined.secondary.color'), ";\n}\n\n.p-button-outlined.p-button-secondary:not(:disabled):active {\n    background: ").concat(dt('button.outlined.secondary.active.background'), ";\n    border-color: ").concat(dt('button.outlined.secondary.border.color'), ";\n    color: ").concat(dt('button.outlined.secondary.color'), ";\n}\n\n.p-button-outlined.p-button-success {\n    border-color: ").concat(dt('button.outlined.success.border.color'), ";\n    color: ").concat(dt('button.outlined.success.color'), ";\n}\n\n.p-button-outlined.p-button-success:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.success.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.success.border.color'), ";\n    color: ").concat(dt('button.outlined.success.color'), ";\n}\n\n.p-button-outlined.p-button-success:not(:disabled):active {\n    background: ").concat(dt('button.outlined.success.active.background'), ";\n    border-color: ").concat(dt('button.outlined.success.border.color'), ";\n    color: ").concat(dt('button.outlined.success.color'), ";\n}\n\n.p-button-outlined.p-button-info {\n    border-color: ").concat(dt('button.outlined.info.border.color'), ";\n    color: ").concat(dt('button.outlined.info.color'), ";\n}\n\n.p-button-outlined.p-button-info:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.info.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.info.border.color'), ";\n    color: ").concat(dt('button.outlined.info.color'), ";\n}\n\n.p-button-outlined.p-button-info:not(:disabled):active {\n    background: ").concat(dt('button.outlined.info.active.background'), ";\n    border-color: ").concat(dt('button.outlined.info.border.color'), ";\n    color: ").concat(dt('button.outlined.info.color'), ";\n}\n\n.p-button-outlined.p-button-warn {\n    border-color: ").concat(dt('button.outlined.warn.border.color'), ";\n    color: ").concat(dt('button.outlined.warn.color'), ";\n}\n\n.p-button-outlined.p-button-warn:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.warn.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.warn.border.color'), ";\n    color: ").concat(dt('button.outlined.warn.color'), ";\n}\n\n.p-button-outlined.p-button-warn:not(:disabled):active {\n    background: ").concat(dt('button.outlined.warn.active.background'), ";\n    border-color: ").concat(dt('button.outlined.warn.border.color'), ";\n    color: ").concat(dt('button.outlined.warn.color'), ";\n}\n\n.p-button-outlined.p-button-help {\n    border-color: ").concat(dt('button.outlined.help.border.color'), ";\n    color: ").concat(dt('button.outlined.help.color'), ";\n}\n\n.p-button-outlined.p-button-help:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.help.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.help.border.color'), ";\n    color: ").concat(dt('button.outlined.help.color'), ";\n}\n\n.p-button-outlined.p-button-help:not(:disabled):active {\n    background: ").concat(dt('button.outlined.help.active.background'), ";\n    border-color: ").concat(dt('button.outlined.help.border.color'), ";\n    color: ").concat(dt('button.outlined.help.color'), ";\n}\n\n.p-button-outlined.p-button-danger {\n    border-color: ").concat(dt('button.outlined.danger.border.color'), ";\n    color: ").concat(dt('button.outlined.danger.color'), ";\n}\n\n.p-button-outlined.p-button-danger:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.danger.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.danger.border.color'), ";\n    color: ").concat(dt('button.outlined.danger.color'), ";\n}\n\n.p-button-outlined.p-button-danger:not(:disabled):active {\n    background: ").concat(dt('button.outlined.danger.active.background'), ";\n    border-color: ").concat(dt('button.outlined.danger.border.color'), ";\n    color: ").concat(dt('button.outlined.danger.color'), ";\n}\n\n.p-button-outlined.p-button-contrast {\n    border-color: ").concat(dt('button.outlined.contrast.border.color'), ";\n    color: ").concat(dt('button.outlined.contrast.color'), ";\n}\n\n.p-button-outlined.p-button-contrast:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.contrast.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.contrast.border.color'), ";\n    color: ").concat(dt('button.outlined.contrast.color'), ";\n}\n\n.p-button-outlined.p-button-contrast:not(:disabled):active {\n    background: ").concat(dt('button.outlined.contrast.active.background'), ";\n    border-color: ").concat(dt('button.outlined.contrast.border.color'), ";\n    color: ").concat(dt('button.outlined.contrast.color'), ";\n}\n\n.p-button-outlined.p-button-plain {\n    border-color: ").concat(dt('button.outlined.plain.border.color'), ";\n    color: ").concat(dt('button.outlined.plain.color'), ";\n}\n\n.p-button-outlined.p-button-plain:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.plain.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.plain.border.color'), ";\n    color: ").concat(dt('button.outlined.plain.color'), ";\n}\n\n.p-button-outlined.p-button-plain:not(:disabled):active {\n    background: ").concat(dt('button.outlined.plain.active.background'), ";\n    border-color: ").concat(dt('button.outlined.plain.border.color'), ";\n    color: ").concat(dt('button.outlined.plain.color'), ";\n}\n\n.p-button-text {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.primary.color'), ";\n}\n\n.p-button-text:not(:disabled):hover {\n    background: ").concat(dt('button.text.primary.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.primary.color'), ";\n}\n\n.p-button-text:not(:disabled):active {\n    background: ").concat(dt('button.text.primary.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.primary.color'), ";\n}\n\n.p-button-text.p-button-secondary {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.secondary.color'), ";\n}\n\n.p-button-text.p-button-secondary:not(:disabled):hover {\n    background: ").concat(dt('button.text.secondary.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.secondary.color'), ";\n}\n\n.p-button-text.p-button-secondary:not(:disabled):active {\n    background: ").concat(dt('button.text.secondary.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.secondary.color'), ";\n}\n\n.p-button-text.p-button-success {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.success.color'), ";\n}\n\n.p-button-text.p-button-success:not(:disabled):hover {\n    background: ").concat(dt('button.text.success.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.success.color'), ";\n}\n\n.p-button-text.p-button-success:not(:disabled):active {\n    background: ").concat(dt('button.text.success.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.success.color'), ";\n}\n\n.p-button-text.p-button-info {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.info.color'), ";\n}\n\n.p-button-text.p-button-info:not(:disabled):hover {\n    background: ").concat(dt('button.text.info.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.info.color'), ";\n}\n\n.p-button-text.p-button-info:not(:disabled):active {\n    background: ").concat(dt('button.text.info.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.info.color'), ";\n}\n\n.p-button-text.p-button-warn {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.warn.color'), ";\n}\n\n.p-button-text.p-button-warn:not(:disabled):hover {\n    background: ").concat(dt('button.text.warn.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.warn.color'), ";\n}\n\n.p-button-text.p-button-warn:not(:disabled):active {\n    background: ").concat(dt('button.text.warn.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.warn.color'), ";\n}\n\n.p-button-text.p-button-help {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.help.color'), ";\n}\n\n.p-button-text.p-button-help:not(:disabled):hover {\n    background: ").concat(dt('button.text.help.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.help.color'), ";\n}\n\n.p-button-text.p-button-help:not(:disabled):active {\n    background: ").concat(dt('button.text.help.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.help.color'), ";\n}\n\n.p-button-text.p-button-danger {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.danger.color'), ";\n}\n\n.p-button-text.p-button-danger:not(:disabled):hover {\n    background: ").concat(dt('button.text.danger.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.danger.color'), ";\n}\n\n.p-button-text.p-button-danger:not(:disabled):active {\n    background: ").concat(dt('button.text.danger.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.danger.color'), ";\n}\n\n.p-button-text.p-button-plain {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.plain.color'), ";\n}\n\n.p-button-text.p-button-plain:not(:disabled):hover {\n    background: ").concat(dt('button.text.plain.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.plain.color'), ";\n}\n\n.p-button-text.p-button-plain:not(:disabled):active {\n    background: ").concat(dt('button.text.plain.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.plain.color'), ";\n}\n\n.p-button-link {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.link.color'), ";\n}\n\n.p-button-link:not(:disabled):hover {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.link.hover.color'), ";\n}\n\n.p-button-link:not(:disabled):hover .p-button-label {\n    text-decoration: underline;\n}\n\n.p-button-link:not(:disabled):active {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.link.active.color'), ";\n}\n");
+  return "\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    color: ".concat(dt('button.primary.color'), ";\n    background: ").concat(dt('button.primary.background'), ";\n    border: 1px solid ").concat(dt('button.primary.border.color'), ";\n    padding: ").concat(dt('button.padding.y'), " ").concat(dt('button.padding.x'), ";\n    font-size: 1rem;\n    font-family: inherit;\n    font-feature-settings: inherit;\n    transition: background ").concat(dt('button.transition.duration'), ", color ").concat(dt('button.transition.duration'), ", border-color ").concat(dt('button.transition.duration'), ",\n            outline-color ").concat(dt('button.transition.duration'), ", box-shadow ").concat(dt('button.transition.duration'), ";\n    border-radius: ").concat(dt('button.border.radius'), ";\n    outline-color: transparent;\n    gap: ").concat(dt('button.gap'), ";\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button-icon-right:dir(rtl) {\n    order: -1;\n}\n\n.p-button:not(.p-button-vertical) .p-button-icon:not(.p-button-icon-right):dir(rtl) {\n    order: 1;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-icon-only {\n    width: ").concat(dt('button.icon.only.width'), ";\n    padding-inline-start: 0;\n    padding-inline-end: 0;\n    gap: 0;\n}\n\n.p-button-icon-only.p-button-rounded {\n    border-radius: 50%;\n    height: ").concat(dt('button.icon.only.width'), ";\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-button-sm {\n    font-size: ").concat(dt('button.sm.font.size'), ";\n    padding: ").concat(dt('button.sm.padding.y'), " ").concat(dt('button.sm.padding.x'), ";\n}\n\n.p-button-sm .p-button-icon {\n    font-size: ").concat(dt('button.sm.font.size'), ";\n}\n\n.p-button-lg {\n    font-size: ").concat(dt('button.lg.font.size'), ";\n    padding: ").concat(dt('button.lg.padding.y'), " ").concat(dt('button.lg.padding.x'), ";\n}\n\n.p-button-lg .p-button-icon {\n    font-size: ").concat(dt('button.lg.font.size'), ";\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-label {\n    font-weight: ").concat(dt('button.label.font.weight'), ";\n}\n\n.p-button-fluid {\n    width: 100%;\n}\n\n.p-button-fluid.p-button-icon-only {\n    width: ").concat(dt('button.icon.only.width'), ";\n}\n\n.p-button:not(:disabled):hover {\n    background: ").concat(dt('button.primary.hover.background'), ";\n    border: 1px solid ").concat(dt('button.primary.hover.border.color'), ";\n    color: ").concat(dt('button.primary.hover.color'), ";\n}\n\n.p-button:not(:disabled):active {\n    background: ").concat(dt('button.primary.active.background'), ";\n    border: 1px solid ").concat(dt('button.primary.active.border.color'), ";\n    color: ").concat(dt('button.primary.active.color'), ";\n}\n\n.p-button:focus-visible {\n    box-shadow: ").concat(dt('button.primary.focus.ring.shadow'), ";\n    outline: ").concat(dt('button.focus.ring.width'), " ").concat(dt('button.focus.ring.style'), " ").concat(dt('button.primary.focus.ring.color'), ";\n    outline-offset: ").concat(dt('button.focus.ring.offset'), ";\n}\n\n.p-button .p-badge {\n    min-width: ").concat(dt('button.badge.size'), ";\n    height: ").concat(dt('button.badge.size'), ";\n    line-height: ").concat(dt('button.badge.size'), ";\n}\n\n.p-button-raised {\n    box-shadow: ").concat(dt('button.raised.shadow'), ";\n}\n\n.p-button-rounded {\n    border-radius: ").concat(dt('button.rounded.border.radius'), ";\n}\n\n.p-button-secondary {\n    background: ").concat(dt('button.secondary.background'), ";\n    border: 1px solid ").concat(dt('button.secondary.border.color'), ";\n    color: ").concat(dt('button.secondary.color'), ";\n}\n\n.p-button-secondary:not(:disabled):hover {\n    background: ").concat(dt('button.secondary.hover.background'), ";\n    border: 1px solid ").concat(dt('button.secondary.hover.border.color'), ";\n    color: ").concat(dt('button.secondary.hover.color'), ";\n}\n\n.p-button-secondary:not(:disabled):active {\n    background: ").concat(dt('button.secondary.active.background'), ";\n    border: 1px solid ").concat(dt('button.secondary.active.border.color'), ";\n    color: ").concat(dt('button.secondary.active.color'), ";\n}\n\n.p-button-secondary:focus-visible {\n    outline-color: ").concat(dt('button.secondary.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.secondary.focus.ring.shadow'), ";\n}\n\n.p-button-success {\n    background: ").concat(dt('button.success.background'), ";\n    border: 1px solid ").concat(dt('button.success.border.color'), ";\n    color: ").concat(dt('button.success.color'), ";\n}\n\n.p-button-success:not(:disabled):hover {\n    background: ").concat(dt('button.success.hover.background'), ";\n    border: 1px solid ").concat(dt('button.success.hover.border.color'), ";\n    color: ").concat(dt('button.success.hover.color'), ";\n}\n\n.p-button-success:not(:disabled):active {\n    background: ").concat(dt('button.success.active.background'), ";\n    border: 1px solid ").concat(dt('button.success.active.border.color'), ";\n    color: ").concat(dt('button.success.active.color'), ";\n}\n\n.p-button-success:focus-visible {\n    outline-color: ").concat(dt('button.success.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.success.focus.ring.shadow'), ";\n}\n\n.p-button-info {\n    background: ").concat(dt('button.info.background'), ";\n    border: 1px solid ").concat(dt('button.info.border.color'), ";\n    color: ").concat(dt('button.info.color'), ";\n}\n\n.p-button-info:not(:disabled):hover {\n    background: ").concat(dt('button.info.hover.background'), ";\n    border: 1px solid ").concat(dt('button.info.hover.border.color'), ";\n    color: ").concat(dt('button.info.hover.color'), ";\n}\n\n.p-button-info:not(:disabled):active {\n    background: ").concat(dt('button.info.active.background'), ";\n    border: 1px solid ").concat(dt('button.info.active.border.color'), ";\n    color: ").concat(dt('button.info.active.color'), ";\n}\n\n.p-button-info:focus-visible {\n    outline-color: ").concat(dt('button.info.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.info.focus.ring.shadow'), ";\n}\n\n.p-button-warn {\n    background: ").concat(dt('button.warn.background'), ";\n    border: 1px solid ").concat(dt('button.warn.border.color'), ";\n    color: ").concat(dt('button.warn.color'), ";\n}\n\n.p-button-warn:not(:disabled):hover {\n    background: ").concat(dt('button.warn.hover.background'), ";\n    border: 1px solid ").concat(dt('button.warn.hover.border.color'), ";\n    color: ").concat(dt('button.warn.hover.color'), ";\n}\n\n.p-button-warn:not(:disabled):active {\n    background: ").concat(dt('button.warn.active.background'), ";\n    border: 1px solid ").concat(dt('button.warn.active.border.color'), ";\n    color: ").concat(dt('button.warn.active.color'), ";\n}\n\n.p-button-warn:focus-visible {\n    outline-color: ").concat(dt('button.warn.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.warn.focus.ring.shadow'), ";\n}\n\n.p-button-help {\n    background: ").concat(dt('button.help.background'), ";\n    border: 1px solid ").concat(dt('button.help.border.color'), ";\n    color: ").concat(dt('button.help.color'), ";\n}\n\n.p-button-help:not(:disabled):hover {\n    background: ").concat(dt('button.help.hover.background'), ";\n    border: 1px solid ").concat(dt('button.help.hover.border.color'), ";\n    color: ").concat(dt('button.help.hover.color'), ";\n}\n\n.p-button-help:not(:disabled):active {\n    background: ").concat(dt('button.help.active.background'), ";\n    border: 1px solid ").concat(dt('button.help.active.border.color'), ";\n    color: ").concat(dt('button.help.active.color'), ";\n}\n\n.p-button-help:focus-visible {\n    outline-color: ").concat(dt('button.help.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.help.focus.ring.shadow'), ";\n}\n\n.p-button-danger {\n    background: ").concat(dt('button.danger.background'), ";\n    border: 1px solid ").concat(dt('button.danger.border.color'), ";\n    color: ").concat(dt('button.danger.color'), ";\n}\n\n.p-button-danger:not(:disabled):hover {\n    background: ").concat(dt('button.danger.hover.background'), ";\n    border: 1px solid ").concat(dt('button.danger.hover.border.color'), ";\n    color: ").concat(dt('button.danger.hover.color'), ";\n}\n\n.p-button-danger:not(:disabled):active {\n    background: ").concat(dt('button.danger.active.background'), ";\n    border: 1px solid ").concat(dt('button.danger.active.border.color'), ";\n    color: ").concat(dt('button.danger.active.color'), ";\n}\n\n.p-button-danger:focus-visible {\n    outline-color: ").concat(dt('button.danger.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.danger.focus.ring.shadow'), ";\n}\n\n.p-button-contrast {\n    background: ").concat(dt('button.contrast.background'), ";\n    border: 1px solid ").concat(dt('button.contrast.border.color'), ";\n    color: ").concat(dt('button.contrast.color'), ";\n}\n\n.p-button-contrast:not(:disabled):hover {\n    background: ").concat(dt('button.contrast.hover.background'), ";\n    border: 1px solid ").concat(dt('button.contrast.hover.border.color'), ";\n    color: ").concat(dt('button.contrast.hover.color'), ";\n}\n\n.p-button-contrast:not(:disabled):active {\n    background: ").concat(dt('button.contrast.active.background'), ";\n    border: 1px solid ").concat(dt('button.contrast.active.border.color'), ";\n    color: ").concat(dt('button.contrast.active.color'), ";\n}\n\n.p-button-contrast:focus-visible {\n    outline-color: ").concat(dt('button.contrast.focus.ring.color'), ";\n    box-shadow: ").concat(dt('button.contrast.focus.ring.shadow'), ";\n}\n\n.p-button-outlined {\n    background: transparent;\n    border-color: ").concat(dt('button.outlined.primary.border.color'), ";\n    color: ").concat(dt('button.outlined.primary.color'), ";\n}\n\n.p-button-outlined:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.primary.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.primary.border.color'), ";\n    color: ").concat(dt('button.outlined.primary.color'), ";\n}\n\n.p-button-outlined:not(:disabled):active {\n    background: ").concat(dt('button.outlined.primary.active.background'), ";\n    border-color: ").concat(dt('button.outlined.primary.border.color'), ";\n    color: ").concat(dt('button.outlined.primary.color'), ";\n}\n\n.p-button-outlined.p-button-secondary {\n    border-color: ").concat(dt('button.outlined.secondary.border.color'), ";\n    color: ").concat(dt('button.outlined.secondary.color'), ";\n}\n\n.p-button-outlined.p-button-secondary:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.secondary.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.secondary.border.color'), ";\n    color: ").concat(dt('button.outlined.secondary.color'), ";\n}\n\n.p-button-outlined.p-button-secondary:not(:disabled):active {\n    background: ").concat(dt('button.outlined.secondary.active.background'), ";\n    border-color: ").concat(dt('button.outlined.secondary.border.color'), ";\n    color: ").concat(dt('button.outlined.secondary.color'), ";\n}\n\n.p-button-outlined.p-button-success {\n    border-color: ").concat(dt('button.outlined.success.border.color'), ";\n    color: ").concat(dt('button.outlined.success.color'), ";\n}\n\n.p-button-outlined.p-button-success:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.success.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.success.border.color'), ";\n    color: ").concat(dt('button.outlined.success.color'), ";\n}\n\n.p-button-outlined.p-button-success:not(:disabled):active {\n    background: ").concat(dt('button.outlined.success.active.background'), ";\n    border-color: ").concat(dt('button.outlined.success.border.color'), ";\n    color: ").concat(dt('button.outlined.success.color'), ";\n}\n\n.p-button-outlined.p-button-info {\n    border-color: ").concat(dt('button.outlined.info.border.color'), ";\n    color: ").concat(dt('button.outlined.info.color'), ";\n}\n\n.p-button-outlined.p-button-info:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.info.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.info.border.color'), ";\n    color: ").concat(dt('button.outlined.info.color'), ";\n}\n\n.p-button-outlined.p-button-info:not(:disabled):active {\n    background: ").concat(dt('button.outlined.info.active.background'), ";\n    border-color: ").concat(dt('button.outlined.info.border.color'), ";\n    color: ").concat(dt('button.outlined.info.color'), ";\n}\n\n.p-button-outlined.p-button-warn {\n    border-color: ").concat(dt('button.outlined.warn.border.color'), ";\n    color: ").concat(dt('button.outlined.warn.color'), ";\n}\n\n.p-button-outlined.p-button-warn:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.warn.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.warn.border.color'), ";\n    color: ").concat(dt('button.outlined.warn.color'), ";\n}\n\n.p-button-outlined.p-button-warn:not(:disabled):active {\n    background: ").concat(dt('button.outlined.warn.active.background'), ";\n    border-color: ").concat(dt('button.outlined.warn.border.color'), ";\n    color: ").concat(dt('button.outlined.warn.color'), ";\n}\n\n.p-button-outlined.p-button-help {\n    border-color: ").concat(dt('button.outlined.help.border.color'), ";\n    color: ").concat(dt('button.outlined.help.color'), ";\n}\n\n.p-button-outlined.p-button-help:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.help.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.help.border.color'), ";\n    color: ").concat(dt('button.outlined.help.color'), ";\n}\n\n.p-button-outlined.p-button-help:not(:disabled):active {\n    background: ").concat(dt('button.outlined.help.active.background'), ";\n    border-color: ").concat(dt('button.outlined.help.border.color'), ";\n    color: ").concat(dt('button.outlined.help.color'), ";\n}\n\n.p-button-outlined.p-button-danger {\n    border-color: ").concat(dt('button.outlined.danger.border.color'), ";\n    color: ").concat(dt('button.outlined.danger.color'), ";\n}\n\n.p-button-outlined.p-button-danger:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.danger.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.danger.border.color'), ";\n    color: ").concat(dt('button.outlined.danger.color'), ";\n}\n\n.p-button-outlined.p-button-danger:not(:disabled):active {\n    background: ").concat(dt('button.outlined.danger.active.background'), ";\n    border-color: ").concat(dt('button.outlined.danger.border.color'), ";\n    color: ").concat(dt('button.outlined.danger.color'), ";\n}\n\n.p-button-outlined.p-button-contrast {\n    border-color: ").concat(dt('button.outlined.contrast.border.color'), ";\n    color: ").concat(dt('button.outlined.contrast.color'), ";\n}\n\n.p-button-outlined.p-button-contrast:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.contrast.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.contrast.border.color'), ";\n    color: ").concat(dt('button.outlined.contrast.color'), ";\n}\n\n.p-button-outlined.p-button-contrast:not(:disabled):active {\n    background: ").concat(dt('button.outlined.contrast.active.background'), ";\n    border-color: ").concat(dt('button.outlined.contrast.border.color'), ";\n    color: ").concat(dt('button.outlined.contrast.color'), ";\n}\n\n.p-button-outlined.p-button-plain {\n    border-color: ").concat(dt('button.outlined.plain.border.color'), ";\n    color: ").concat(dt('button.outlined.plain.color'), ";\n}\n\n.p-button-outlined.p-button-plain:not(:disabled):hover {\n    background: ").concat(dt('button.outlined.plain.hover.background'), ";\n    border-color: ").concat(dt('button.outlined.plain.border.color'), ";\n    color: ").concat(dt('button.outlined.plain.color'), ";\n}\n\n.p-button-outlined.p-button-plain:not(:disabled):active {\n    background: ").concat(dt('button.outlined.plain.active.background'), ";\n    border-color: ").concat(dt('button.outlined.plain.border.color'), ";\n    color: ").concat(dt('button.outlined.plain.color'), ";\n}\n\n.p-button-text {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.primary.color'), ";\n}\n\n.p-button-text:not(:disabled):hover {\n    background: ").concat(dt('button.text.primary.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.primary.color'), ";\n}\n\n.p-button-text:not(:disabled):active {\n    background: ").concat(dt('button.text.primary.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.primary.color'), ";\n}\n\n.p-button-text.p-button-secondary {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.secondary.color'), ";\n}\n\n.p-button-text.p-button-secondary:not(:disabled):hover {\n    background: ").concat(dt('button.text.secondary.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.secondary.color'), ";\n}\n\n.p-button-text.p-button-secondary:not(:disabled):active {\n    background: ").concat(dt('button.text.secondary.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.secondary.color'), ";\n}\n\n.p-button-text.p-button-success {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.success.color'), ";\n}\n\n.p-button-text.p-button-success:not(:disabled):hover {\n    background: ").concat(dt('button.text.success.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.success.color'), ";\n}\n\n.p-button-text.p-button-success:not(:disabled):active {\n    background: ").concat(dt('button.text.success.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.success.color'), ";\n}\n\n.p-button-text.p-button-info {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.info.color'), ";\n}\n\n.p-button-text.p-button-info:not(:disabled):hover {\n    background: ").concat(dt('button.text.info.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.info.color'), ";\n}\n\n.p-button-text.p-button-info:not(:disabled):active {\n    background: ").concat(dt('button.text.info.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.info.color'), ";\n}\n\n.p-button-text.p-button-warn {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.warn.color'), ";\n}\n\n.p-button-text.p-button-warn:not(:disabled):hover {\n    background: ").concat(dt('button.text.warn.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.warn.color'), ";\n}\n\n.p-button-text.p-button-warn:not(:disabled):active {\n    background: ").concat(dt('button.text.warn.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.warn.color'), ";\n}\n\n.p-button-text.p-button-help {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.help.color'), ";\n}\n\n.p-button-text.p-button-help:not(:disabled):hover {\n    background: ").concat(dt('button.text.help.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.help.color'), ";\n}\n\n.p-button-text.p-button-help:not(:disabled):active {\n    background: ").concat(dt('button.text.help.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.help.color'), ";\n}\n\n.p-button-text.p-button-danger {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.danger.color'), ";\n}\n\n.p-button-text.p-button-danger:not(:disabled):hover {\n    background: ").concat(dt('button.text.danger.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.danger.color'), ";\n}\n\n.p-button-text.p-button-danger:not(:disabled):active {\n    background: ").concat(dt('button.text.danger.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.danger.color'), ";\n}\n\n.p-button-text.p-button-contrast {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.contrast.color'), ";\n}\n\n.p-button-text.p-button-contrast:not(:disabled):hover {\n    background: ").concat(dt('button.text.contrast.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.contrast.color'), ";\n}\n\n.p-button-text.p-button-contrast:not(:disabled):active {\n    background: ").concat(dt('button.text.contrast.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.contrast.color'), ";\n}\n\n.p-button-text.p-button-plain {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.text.plain.color'), ";\n}\n\n.p-button-text.p-button-plain:not(:disabled):hover {\n    background: ").concat(dt('button.text.plain.hover.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.plain.color'), ";\n}\n\n.p-button-text.p-button-plain:not(:disabled):active {\n    background: ").concat(dt('button.text.plain.active.background'), ";\n    border-color: transparent;\n    color: ").concat(dt('button.text.plain.color'), ";\n}\n\n.p-button-link {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.link.color'), ";\n}\n\n.p-button-link:not(:disabled):hover {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.link.hover.color'), ";\n}\n\n.p-button-link:not(:disabled):hover .p-button-label {\n    text-decoration: underline;\n}\n\n.p-button-link:not(:disabled):active {\n    background: transparent;\n    border-color: transparent;\n    color: ").concat(dt('button.link.active.color'), ";\n}\n");
 };
 var classes = {
   root: function root(_ref2) {
@@ -16,8 +16,8 @@ var classes = {
       'p-button-icon-only': instance.hasIcon && !props.label && !props.badge,
       'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
       'p-button-loading': props.loading,
-      'p-button-link': props.link
-    }, "p-button-".concat(props.severity), props.severity), 'p-button-raised', props.raised), 'p-button-rounded', props.rounded), 'p-button-text', props.text), 'p-button-outlined', props.outlined), 'p-button-sm', props.size === 'small'), 'p-button-lg', props.size === 'large'), 'p-button-plain', props.plain), 'p-button-fluid', instance.hasFluid)];
+      'p-button-link': props.link || props.variant === 'link'
+    }, "p-button-".concat(props.severity), props.severity), 'p-button-raised', props.raised), 'p-button-rounded', props.rounded), 'p-button-text', props.text || props.variant === 'text'), 'p-button-outlined', props.outlined || props.variant === 'outlined'), 'p-button-sm', props.size === 'small'), 'p-button-lg', props.size === 'large'), 'p-button-plain', props.plain), 'p-button-fluid', instance.hasFluid)];
   },
   loadingIcon: 'p-button-loading-icon',
   icon: function icon(_ref4) {