primevue 3.27.0 → 3.28.0

package/progressspinner/ProgressSpinner.d.ts

@@ -9,6 +9,41 @@
  */
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type ProgressSpinnerPassThroughOptionType = ProgressSpinnerPassThroughAttributes | ((options: ProgressSpinnerPassThroughMethodOptions) => ProgressSpinnerPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ProgressSpinnerPassThroughMethodOptions {
+    props: ProgressSpinnerProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ProgressSpinnerProps.pt}
+ */
+export interface ProgressSpinnerPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ProgressSpinnerPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the spinner's DOM element.
+     */
+    spinner?: ProgressSpinnerPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the circle's DOM element.
+     */
+    circle?: ProgressSpinnerPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface ProgressSpinnerPassThroughAttributes {
+    [key: string]: any;
+}
+
 /**
  * Defines valid properties in ProgressSpinner component.
  */
@@ -27,6 +62,11 @@ export interface ProgressSpinnerProps {
      * @defaultValue 2s
      */
     animationDuration?: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ProgressSpinnerPassThroughOptions}
+     */
+    pt?: ProgressSpinnerPassThroughOptions;
 }
 
 /**

package/progressspinner/ProgressSpinner.vue

@@ -1,14 +1,17 @@
 <template>
-    <div class="p-progress-spinner" role="progressbar">
-        <svg class="p-progress-spinner-svg" viewBox="25 25 50 50" :style="svgStyle">
-            <circle class="p-progress-spinner-circle" cx="50" cy="50" r="20" :fill="fill" :stroke-width="strokeWidth" strokeMiterlimit="10" />
+    <div class="p-progress-spinner" role="progressbar" v-bind="ptm('root')">
+        <svg class="p-progress-spinner-svg" viewBox="25 25 50 50" :style="svgStyle" v-bind="ptm('spinner')">
+            <circle class="p-progress-spinner-circle" cx="50" cy="50" r="20" :fill="fill" :stroke-width="strokeWidth" strokeMiterlimit="10" v-bind="ptm('circle')" />
         </svg>
     </div>
 </template>
 
 <script>
+import BaseComponent from 'primevue/basecomponent';
+
 export default {
     name: 'ProgressSpinner',
+    extends: BaseComponent,
     props: {
         strokeWidth: {
             type: String,

package/progressspinner/progressspinner.cjs.js

@@ -1,9 +1,15 @@
 'use strict';
 
+var BaseComponent = require('primevue/basecomponent');
 var vue = require('vue');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+
 var script = {
     name: 'ProgressSpinner',
+    extends: BaseComponent__default["default"],
     props: {
         strokeWidth: {
             type: String,
@@ -27,20 +33,19 @@ var script = {
     }
 };
 
-const _hoisted_1 = {
-  class: "p-progress-spinner",
-  role: "progressbar"
-};
-const _hoisted_2 = ["fill", "stroke-width"];
+const _hoisted_1 = ["fill", "stroke-width"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    (vue.openBlock(), vue.createElementBlock("svg", {
+  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+    class: "p-progress-spinner",
+    role: "progressbar"
+  }, _ctx.ptm('root')), [
+    (vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
       class: "p-progress-spinner-svg",
       viewBox: "25 25 50 50",
-      style: vue.normalizeStyle($options.svgStyle)
-    }, [
-      vue.createElementVNode("circle", {
+      style: $options.svgStyle
+    }, _ctx.ptm('spinner')), [
+      vue.createElementVNode("circle", vue.mergeProps({
         class: "p-progress-spinner-circle",
         cx: "50",
         cy: "50",
@@ -48,9 +53,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         fill: $props.fill,
         "stroke-width": $props.strokeWidth,
         strokeMiterlimit: "10"
-      }, null, 8, _hoisted_2)
-    ], 4))
-  ]))
+      }, _ctx.ptm('circle')), null, 16, _hoisted_1)
+    ], 16))
+  ], 16))
 }
 
 function styleInject(css, ref) {

package/progressspinner/progressspinner.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("vue"),n={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const t={class:"p-progress-spinner",role:"progressbar"},r=["fill","stroke-width"];!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-progress-spinner {\n    position: relative;\n    margin: 0 auto;\n    width: 100px;\n    height: 100px;\n    display: inline-block;\n}\n.p-progress-spinner::before {\n    content: '';\n    display: block;\n    padding-top: 100%;\n}\n.p-progress-spinner-svg {\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n}\n"),n.render=function(n,i,o,s,l,p){return e.openBlock(),e.createElementBlock("div",t,[(e.openBlock(),e.createElementBlock("svg",{class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:e.normalizeStyle(p.svgStyle)},[e.createElementVNode("circle",{class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:o.fill,"stroke-width":o.strokeWidth,strokeMiterlimit:"10"},null,8,r)],4))])},module.exports=n;
+"use strict";var e=require("primevue/basecomponent"),t=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"ProgressSpinner",extends:n(e).default,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const i=["fill","stroke-width"];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-progress-spinner {\n    position: relative;\n    margin: 0 auto;\n    width: 100px;\n    height: 100px;\n    display: inline-block;\n}\n.p-progress-spinner::before {\n    content: '';\n    display: block;\n    padding-top: 100%;\n}\n.p-progress-spinner-svg {\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n}\n"),r.render=function(e,n,r,o,s,p){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:"p-progress-spinner",role:"progressbar"},e.ptm("root")),[(t.openBlock(),t.createElementBlock("svg",t.mergeProps({class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:p.svgStyle},e.ptm("spinner")),[t.createElementVNode("circle",t.mergeProps({class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:r.fill,"stroke-width":r.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,i)],16))],16)},module.exports=r;

package/progressspinner/progressspinner.esm.js

@@ -1,7 +1,9 @@
-import { openBlock, createElementBlock, normalizeStyle, createElementVNode } from 'vue';
+import BaseComponent from 'primevue/basecomponent';
+import { openBlock, createElementBlock, mergeProps, createElementVNode } from 'vue';
 
 var script = {
     name: 'ProgressSpinner',
+    extends: BaseComponent,
     props: {
         strokeWidth: {
             type: String,
@@ -25,20 +27,19 @@ var script = {
     }
 };
 
-const _hoisted_1 = {
-  class: "p-progress-spinner",
-  role: "progressbar"
-};
-const _hoisted_2 = ["fill", "stroke-width"];
+const _hoisted_1 = ["fill", "stroke-width"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1, [
-    (openBlock(), createElementBlock("svg", {
+  return (openBlock(), createElementBlock("div", mergeProps({
+    class: "p-progress-spinner",
+    role: "progressbar"
+  }, _ctx.ptm('root')), [
+    (openBlock(), createElementBlock("svg", mergeProps({
       class: "p-progress-spinner-svg",
       viewBox: "25 25 50 50",
-      style: normalizeStyle($options.svgStyle)
-    }, [
-      createElementVNode("circle", {
+      style: $options.svgStyle
+    }, _ctx.ptm('spinner')), [
+      createElementVNode("circle", mergeProps({
         class: "p-progress-spinner-circle",
         cx: "50",
         cy: "50",
@@ -46,9 +47,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         fill: $props.fill,
         "stroke-width": $props.strokeWidth,
         strokeMiterlimit: "10"
-      }, null, 8, _hoisted_2)
-    ], 4))
-  ]))
+      }, _ctx.ptm('circle')), null, 16, _hoisted_1)
+    ], 16))
+  ], 16))
 }
 
 function styleInject(css, ref) {

package/progressspinner/progressspinner.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createElementBlock as n,normalizeStyle as t,createElementVNode as r}from"vue";var i={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const s={class:"p-progress-spinner",role:"progressbar"},o=["fill","stroke-width"];!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-progress-spinner {\n    position: relative;\n    margin: 0 auto;\n    width: 100px;\n    height: 100px;\n    display: inline-block;\n}\n.p-progress-spinner::before {\n    content: '';\n    display: block;\n    padding-top: 100%;\n}\n.p-progress-spinner-svg {\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n}\n"),i.render=function(i,p,l,a,d,c){return e(),n("div",s,[(e(),n("svg",{class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:t(c.svgStyle)},[r("circle",{class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:l.fill,"stroke-width":l.strokeWidth,strokeMiterlimit:"10"},null,8,o)],4))])};export{i as default};
+import e from"primevue/basecomponent";import{openBlock as t,createElementBlock as n,mergeProps as r,createElementVNode as i}from"vue";var s={name:"ProgressSpinner",extends:e,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const o=["fill","stroke-width"];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-progress-spinner {\n    position: relative;\n    margin: 0 auto;\n    width: 100px;\n    height: 100px;\n    display: inline-block;\n}\n.p-progress-spinner::before {\n    content: '';\n    display: block;\n    padding-top: 100%;\n}\n.p-progress-spinner-svg {\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n}\n"),s.render=function(e,s,p,l,a,d){return t(),n("div",r({class:"p-progress-spinner",role:"progressbar"},e.ptm("root")),[(t(),n("svg",r({class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:d.svgStyle},e.ptm("spinner")),[i("circle",r({class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:p.fill,"stroke-width":p.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,o)],16))],16)};export{s as default};

package/progressspinner/progressspinner.js

@@ -1,9 +1,14 @@
 this.primevue = this.primevue || {};
-this.primevue.progressspinner = (function (vue) {
+this.primevue.progressspinner = (function (BaseComponent, vue) {
     'use strict';
 
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+
     var script = {
         name: 'ProgressSpinner',
+        extends: BaseComponent__default["default"],
         props: {
             strokeWidth: {
                 type: String,
@@ -27,20 +32,19 @@ this.primevue.progressspinner = (function (vue) {
         }
     };
 
-    const _hoisted_1 = {
-      class: "p-progress-spinner",
-      role: "progressbar"
-    };
-    const _hoisted_2 = ["fill", "stroke-width"];
+    const _hoisted_1 = ["fill", "stroke-width"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(), vue.createElementBlock("svg", {
+      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: "p-progress-spinner",
+        role: "progressbar"
+      }, _ctx.ptm('root')), [
+        (vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
           class: "p-progress-spinner-svg",
           viewBox: "25 25 50 50",
-          style: vue.normalizeStyle($options.svgStyle)
-        }, [
-          vue.createElementVNode("circle", {
+          style: $options.svgStyle
+        }, _ctx.ptm('spinner')), [
+          vue.createElementVNode("circle", vue.mergeProps({
             class: "p-progress-spinner-circle",
             cx: "50",
             cy: "50",
@@ -48,9 +52,9 @@ this.primevue.progressspinner = (function (vue) {
             fill: $props.fill,
             "stroke-width": $props.strokeWidth,
             strokeMiterlimit: "10"
-          }, null, 8, _hoisted_2)
-        ], 4))
-      ]))
+          }, _ctx.ptm('circle')), null, 16, _hoisted_1)
+        ], 16))
+      ], 16))
     }
 
     function styleInject(css, ref) {
@@ -87,4 +91,4 @@ this.primevue.progressspinner = (function (vue) {
 
     return script;
 
-})(Vue);
+})(primevue.basecomponent, Vue);

package/progressspinner/progressspinner.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.progressspinner=function(e){"use strict";var n={name:"ProgressSpinner",props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const t={class:"p-progress-spinner",role:"progressbar"},r=["fill","stroke-width"];return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-progress-spinner {\n    position: relative;\n    margin: 0 auto;\n    width: 100px;\n    height: 100px;\n    display: inline-block;\n}\n.p-progress-spinner::before {\n    content: '';\n    display: block;\n    padding-top: 100%;\n}\n.p-progress-spinner-svg {\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n}\n"),n.render=function(n,i,s,o,l,p){return e.openBlock(),e.createElementBlock("div",t,[(e.openBlock(),e.createElementBlock("svg",{class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:e.normalizeStyle(p.svgStyle)},[e.createElementVNode("circle",{class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:s.fill,"stroke-width":s.strokeWidth,strokeMiterlimit:"10"},null,8,r)],4))])},n}(Vue);
+this.primevue=this.primevue||{},this.primevue.progressspinner=function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r={name:"ProgressSpinner",extends:n(e).default,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},computed:{svgStyle(){return{"animation-duration":this.animationDuration}}}};const i=["fill","stroke-width"];return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-progress-spinner {\n    position: relative;\n    margin: 0 auto;\n    width: 100px;\n    height: 100px;\n    display: inline-block;\n}\n.p-progress-spinner::before {\n    content: '';\n    display: block;\n    padding-top: 100%;\n}\n.p-progress-spinner-svg {\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n}\n"),r.render=function(e,n,r,s,o,p){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:"p-progress-spinner",role:"progressbar"},e.ptm("root")),[(t.openBlock(),t.createElementBlock("svg",t.mergeProps({class:"p-progress-spinner-svg",viewBox:"25 25 50 50",style:p.svgStyle},e.ptm("spinner")),[t.createElementVNode("circle",t.mergeProps({class:"p-progress-spinner-circle",cx:"50",cy:"50",r:"20",fill:r.fill,"stroke-width":r.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,i)],16))],16)},r}(primevue.basecomponent,Vue);

package/resources/themes/arya-blue/theme.css

@@ -5445,7 +5445,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/arya-green/theme.css

@@ -5445,7 +5445,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/arya-orange/theme.css

@@ -5445,7 +5445,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/arya-purple/theme.css

@@ -5445,7 +5445,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/bootstrap4-dark-blue/theme.css

@@ -5457,7 +5457,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/bootstrap4-dark-purple/theme.css

@@ -5457,7 +5457,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/bootstrap4-light-blue/theme.css

@@ -5457,7 +5457,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/bootstrap4-light-purple/theme.css

@@ -5457,7 +5457,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/fluent-light/theme.css

@@ -5396,7 +5396,7 @@
   font-size: 1rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1rem;
   height: 1rem;
 }

package/resources/themes/lara-dark-blue/theme.css

@@ -5396,7 +5396,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/lara-dark-indigo/theme.css

@@ -5396,7 +5396,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/lara-dark-purple/theme.css

@@ -5396,7 +5396,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/lara-dark-teal/theme.css

@@ -5396,7 +5396,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/lara-light-blue/theme.css

@@ -5396,7 +5396,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/lara-light-indigo/theme.css

@@ -5396,7 +5396,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/lara-light-purple/theme.css

@@ -5396,7 +5396,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/lara-light-teal/theme.css

@@ -5396,7 +5396,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/luna-amber/theme.css

@@ -5408,7 +5408,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/luna-blue/theme.css

@@ -5408,7 +5408,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/luna-green/theme.css

@@ -5408,7 +5408,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/luna-pink/theme.css

@@ -5408,7 +5408,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }

package/resources/themes/md-dark-deeppurple/theme.css

@@ -5469,7 +5469,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }
@@ -6257,6 +6257,9 @@
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(255, 255, 255, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon path {
+  fill: rgba(255, 255, 255, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(255, 255, 255, 0.04);
 }

package/resources/themes/md-dark-indigo/theme.css

@@ -5469,7 +5469,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }
@@ -6257,6 +6257,9 @@
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(255, 255, 255, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon path {
+  fill: rgba(255, 255, 255, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(255, 255, 255, 0.04);
 }

package/resources/themes/md-light-deeppurple/theme.css

@@ -5469,7 +5469,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }
@@ -6257,6 +6257,9 @@
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(0, 0, 0, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon path {
+  fill: rgba(0, 0, 0, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(0, 0, 0, 0.04);
 }

package/resources/themes/md-light-indigo/theme.css

@@ -5469,7 +5469,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }
@@ -6257,6 +6257,9 @@
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(0, 0, 0, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon path {
+  fill: rgba(0, 0, 0, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(0, 0, 0, 0.04);
 }

package/resources/themes/mdc-dark-deeppurple/theme.css

@@ -5469,7 +5469,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }
@@ -6257,6 +6257,9 @@
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(255, 255, 255, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon path {
+  fill: rgba(255, 255, 255, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(255, 255, 255, 0.04);
 }

package/resources/themes/mdc-dark-indigo/theme.css

@@ -5469,7 +5469,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }
@@ -6257,6 +6257,9 @@
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(255, 255, 255, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon path {
+  fill: rgba(255, 255, 255, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(255, 255, 255, 0.04);
 }

package/resources/themes/mdc-light-deeppurple/theme.css

@@ -5469,7 +5469,7 @@
   font-size: 1.5rem;
   margin-right: 0.5rem;
 }
-.p-message .p-icon {
+.p-message .p-icon:not(.p-message-close-icon) {
   width: 1.5rem;
   height: 1.5rem;
 }
@@ -6257,6 +6257,9 @@
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(0, 0, 0, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon path {
+  fill: rgba(0, 0, 0, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(0, 0, 0, 0.04);
 }