import BaseStyle from '@primevue/core/base/style'; function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; } 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"); }; var classes = { root: function root(_ref2) { var instance = _ref2.instance, props = _ref2.props; return ['p-button p-component', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({ '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)]; }, loadingIcon: 'p-button-loading-icon', icon: function icon(_ref4) { var props = _ref4.props; return ['p-button-icon', _defineProperty({}, "p-button-icon-".concat(props.iconPos), props.label)]; }, label: 'p-button-label' }; var ButtonStyle = BaseStyle.extend({ name: 'button', theme: theme, classes: classes }); export { ButtonStyle as default }; //# sourceMappingURL=index.mjs.map