primevue/inlinemessage/style/index.mjs

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

import BaseStyle from '@primevue/core/base/style';

var theme = function theme(_ref) {
  var dt = _ref.dt;
  return "\n.p-inlinemessage {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: ".concat(dt('inlinemessage.padding'), ";\n    border-radius: ").concat(dt('inlinemessage.border.radius'), ";\n    gap: ").concat(dt('inlinemessage.gap'), ";\n}\n\n.p-inlinemessage-text {\n    font-weight: ").concat(dt('inlinemessage.text.font.weight'), ";\n}\n\n.p-inlinemessage-icon {\n    flex-shrink: 0;\n    font-size: ").concat(dt('inlinemessage.icon.size'), ";\n    width: ").concat(dt('inlinemessage.icon.size'), ";\n    height: ").concat(dt('inlinemessage.icon.size'), ";\n}\n\n.p-inlinemessage-icon-only .p-inlinemessage-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-inlinemessage-info {\n    background: ").concat(dt('inlinemessage.info.background'), ";\n    border: 1px solid ").concat(dt('inlinemessage.info.border.color'), ";\n    color: ").concat(dt('inlinemessage.info.color'), ";\n    box-shadow: ").concat(dt('inlinemessage.info.shadow'), ";\n}\n\n.p-inlinemessage-info .p-inlinemessage-icon {\n    color: ").concat(dt('inlinemessage.info.color'), ";\n}\n\n.p-inlinemessage-success {\n    background: ").concat(dt('inlinemessage.success.background'), ";\n    border: 1px solid ").concat(dt('inlinemessage.success.border.color'), ";\n    color: ").concat(dt('inlinemessage.success.color'), ";\n    box-shadow: ").concat(dt('inlinemessage.success.shadow'), ";\n}\n\n.p-inlinemessage-success .p-inlinemessage-icon {\n    color: ").concat(dt('inlinemessage.success.color'), ";\n}\n\n.p-inlinemessage-warn {\n    background: ").concat(dt('inlinemessage.warn.background'), ";\n    border: 1px solid ").concat(dt('inlinemessage.warn.border.color'), ";\n    color: ").concat(dt('inlinemessage.warn.color'), ";\n    box-shadow: ").concat(dt('inlinemessage.warn.shadow'), ";\n}\n\n.p-inlinemessage-warn .p-inlinemessage-icon {\n    color: ").concat(dt('inlinemessage.warn.color'), ";\n}\n\n.p-inlinemessage-error {\n    background: ").concat(dt('inlinemessage.error.background'), ";\n    border: 1px solid ").concat(dt('inlinemessage.error.border.color'), ";\n    color: ").concat(dt('inlinemessage.error.color'), ";\n    box-shadow: ").concat(dt('inlinemessage.error.shadow'), ";\n}\n\n.p-inlinemessage-error .p-inlinemessage-icon {\n    color: ").concat(dt('inlinemessage.error.color'), ";\n}\n\n.p-inlinemessage-secondary {\n    background: ").concat(dt('inlinemessage.secondary.background'), ";\n    border: 1px solid ").concat(dt('inlinemessage.secondary.border.color'), ";\n    color: ").concat(dt('inlinemessage.secondary.color'), ";\n    box-shadow: ").concat(dt('inlinemessage.secondary.shadow'), ";\n}\n\n.p-inlinemessage-secondary .p-inlinemessage-icon {\n    color: ").concat(dt('inlinemessage.secondary.color'), ";\n}\n\n.p-inlinemessage-contrast {\n    background: ").concat(dt('inlinemessage.contrast.background'), ";\n    border: 1px solid ").concat(dt('inlinemessage.contrast.border.color'), ";\n    color: ").concat(dt('inlinemessage.contrast.color'), ";\n    box-shadow: ").concat(dt('inlinemessage.contrast.shadow'), ";\n}\n\n.p-inlinemessage-contrast .p-inlinemessage-icon {\n    color: ").concat(dt('inlinemessage.contrast.color'), ";\n}\n");
};
var classes = {
  root: function root(_ref2) {
    var props = _ref2.props,
      instance = _ref2.instance;
    return ['p-inlinemessage p-component p-inlinemessage-' + props.severity, {
      'p-inlinemessage-icon-only': !instance.$slots["default"]
    }];
  },
  icon: function icon(_ref3) {
    var props = _ref3.props;
    return ['p-inlinemessage-icon', props.icon];
  },
  text: 'p-inlinemessage-text'
};
var InlineMessageStyle = BaseStyle.extend({
  name: 'inlinemessage',
  theme: theme,
  classes: classes
});

export { InlineMessageStyle as default };
//# sourceMappingURL=index.mjs.map