diff --git a/components/landing/ThemeSection.vue b/components/landing/ThemeSection.vue
index 76c3cc703..2c2befd64 100644
--- a/components/landing/ThemeSection.vue
+++ b/components/landing/ThemeSection.vue
@@ -135,7 +135,7 @@ export default {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
diff --git a/doc/badge/SeverityDoc.vue b/doc/badge/SeverityDoc.vue
index c4a890054..98d4a9273 100644
--- a/doc/badge/SeverityDoc.vue
+++ b/doc/badge/SeverityDoc.vue
@@ -7,7 +7,7 @@
         <Badge value="6" severity="secondary"></Badge>
         <Badge value="8" severity="success"></Badge>
         <Badge value="4" severity="info"></Badge>
-        <Badge value="12" severity="warning"></Badge>
+        <Badge value="12" severity="warn"></Badge>
         <Badge value="3" severity="danger"></Badge>
         <Badge value="5" severity="contrast"></Badge>
     </div>
@@ -24,7 +24,7 @@ export default {
 <Badge value="6" severity="secondary"></Badge>
 <Badge value="8" severity="success"></Badge>
 <Badge value="4" severity="info"></Badge>
-<Badge value="12" severity="warning"></Badge>
+<Badge value="12" severity="warn"></Badge>
 <Badge value="3" severity="danger"></Badge>
 <Badge value="5" severity="contrast"></Badge>
 `,
@@ -35,7 +35,7 @@ export default {
         <Badge value="6" severity="secondary"></Badge>
         <Badge value="8" severity="success"></Badge>
         <Badge value="4" severity="info"></Badge>
-        <Badge value="12" severity="warning"></Badge>
+        <Badge value="12" severity="warn"></Badge>
         <Badge value="3" severity="danger"></Badge>
         <Badge value="5" severity="contrast"></Badge>
     </div>
@@ -51,7 +51,7 @@ export default {
         <Badge value="6" severity="secondary"></Badge>
         <Badge value="8" severity="success"></Badge>
         <Badge value="4" severity="info"></Badge>
-        <Badge value="12" severity="warning"></Badge>
+        <Badge value="12" severity="warn"></Badge>
         <Badge value="3" severity="danger"></Badge>
         <Badge value="5" severity="contrast"></Badge>
     </div>
diff --git a/doc/badge/SizeDoc.vue b/doc/badge/SizeDoc.vue
index a96d48c0e..b2f7e997d 100644
--- a/doc/badge/SizeDoc.vue
+++ b/doc/badge/SizeDoc.vue
@@ -4,7 +4,7 @@
     </DocSectionText>
     <div class="card flex flex-wrap justify-content-center align-items-end gap-2">
         <Badge value="6" size="xlarge" severity="success"></Badge>
-        <Badge value="4" size="large" severity="warning"></Badge>
+        <Badge value="4" size="large" severity="warn"></Badge>
         <Badge value="2"></Badge>
     </div>
     <DocSectionCode :code="code" />
@@ -17,14 +17,14 @@ export default {
             code: {
                 basic: `
 <Badge value="6" size="xlarge" severity="success"></Badge>
-<Badge value="4" size="large" severity="warning"></Badge>
+<Badge value="4" size="large" severity="warn"></Badge>
 <Badge value="2"></Badge>
 `,
                 options: `
 <template>
     <div class="card flex flex-wrap justify-content-center align-items-end gap-2">
         <Badge value="6" size="xlarge" severity="success"></Badge>
-        <Badge value="4" size="large" severity="warning"></Badge>
+        <Badge value="4" size="large" severity="warn"></Badge>
         <Badge value="2"></Badge>
     </div>
 </template>
@@ -37,7 +37,7 @@ export default {
 <template>
     <div class="card flex flex-wrap justify-content-center align-items-end gap-2">
         <Badge value="6" size="xlarge" severity="success"></Badge>
-        <Badge value="4" size="large" severity="warning"></Badge>
+        <Badge value="4" size="large" severity="warn"></Badge>
         <Badge value="2"></Badge>
     </div>
 </template>
diff --git a/doc/badge/theming/StyledDoc.vue b/doc/badge/theming/StyledDoc.vue
index 4e12d532e..2c1a9c069 100644
--- a/doc/badge/theming/StyledDoc.vue
+++ b/doc/badge/theming/StyledDoc.vue
@@ -32,7 +32,7 @@
                     <td>Badge element with info severity.</td>
                 </tr>
                 <tr>
-                    <td>p-badge-warning</td>
+                    <td>p-badge-warn</td>
                     <td>Badge element with warning severity.</td>
                 </tr>
                 <tr>
diff --git a/doc/button/IconOnlyDoc.vue b/doc/button/IconOnlyDoc.vue
index 6a4cf573e..710e43b9f 100644
--- a/doc/button/IconOnlyDoc.vue
+++ b/doc/button/IconOnlyDoc.vue
@@ -8,7 +8,7 @@
             <Button icon="pi pi-bookmark" severity="secondary" aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" aria-label="Search" />
             <Button icon="pi pi-user" severity="info" aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" aria-label="Cancel" />
         </div>
@@ -18,7 +18,7 @@
             <Button icon="pi pi-bookmark" severity="secondary" rounded aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" rounded aria-label="Search" />
             <Button icon="pi pi-user" severity="info" rounded aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" rounded aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded aria-label="Cancel" />
         </div>
@@ -28,7 +28,7 @@
             <Button icon="pi pi-bookmark" severity="secondary" rounded outlined aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" rounded outlined aria-label="Search" />
             <Button icon="pi pi-user" severity="info" rounded outlined aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" rounded outlined aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" rounded outlined aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded outlined aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded outlined aria-label="Cancel" />
         </div>
@@ -38,7 +38,7 @@
             <Button icon="pi pi-bookmark" severity="secondary" text raised rounded aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" text raised rounded aria-label="Search" />
             <Button icon="pi pi-user" severity="info" text raised rounded aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" text raised rounded aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" text raised rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text raised rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text raised rounded aria-label="Cancel" />
         </div>
@@ -48,7 +48,7 @@
             <Button icon="pi pi-bookmark" severity="secondary" text rounded aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" text rounded aria-label="Search" />
             <Button icon="pi pi-user" severity="info" text rounded aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" text rounded aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" text rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text rounded aria-label="Cancel" />
         </div>
@@ -66,7 +66,7 @@ export default {
 <Button icon="pi pi-bookmark" severity="secondary" aria-label="Bookmark" />
 <Button icon="pi pi-search" severity="success" aria-label="Search" />
 <Button icon="pi pi-user" severity="info" aria-label="User" />
-<Button icon="pi pi-bell" severity="warning" aria-label="Notification" />
+<Button icon="pi pi-bell" severity="warn" aria-label="Notification" />
 <Button icon="pi pi-heart" severity="help" aria-label="Favorite" />
 <Button icon="pi pi-times" severity="danger" aria-label="Cancel" />
 
@@ -74,7 +74,7 @@ export default {
 <Button icon="pi pi-bookmark" severity="secondary" rounded aria-label="Bookmark" />
 <Button icon="pi pi-search" severity="success" rounded aria-label="Search" />
 <Button icon="pi pi-user" severity="info" rounded aria-label="User" />
-<Button icon="pi pi-bell" severity="warning" rounded aria-label="Notification" />
+<Button icon="pi pi-bell" severity="warn" rounded aria-label="Notification" />
 <Button icon="pi pi-heart" severity="help" rounded aria-label="Favorite" />
 <Button icon="pi pi-times" severity="danger" rounded aria-label="Cancel" />
 
@@ -82,7 +82,7 @@ export default {
 <Button icon="pi pi-bookmark" severity="secondary" rounded outlined aria-label="Bookmark" />
 <Button icon="pi pi-search" severity="success" rounded outlined aria-label="Search" />
 <Button icon="pi pi-user" severity="info" rounded outlined aria-label="User" />
-<Button icon="pi pi-bell" severity="warning" rounded outlined aria-label="Notification" />
+<Button icon="pi pi-bell" severity="warn" rounded outlined aria-label="Notification" />
 <Button icon="pi pi-heart" severity="help" rounded outlined aria-label="Favorite" />
 <Button icon="pi pi-times" severity="danger" rounded outlined aria-label="Cancel" />
 
@@ -90,7 +90,7 @@ export default {
 <Button icon="pi pi-bookmark" severity="secondary" text raised rounded aria-label="Bookmark" />
 <Button icon="pi pi-search" severity="success" text raised rounded aria-label="Search" />
 <Button icon="pi pi-user" severity="info" text raised rounded aria-label="User" />
-<Button icon="pi pi-bell" severity="warning" text raised rounded aria-label="Notification" />
+<Button icon="pi pi-bell" severity="warn" text raised rounded aria-label="Notification" />
 <Button icon="pi pi-heart" severity="help" text raised rounded aria-label="Favorite" />
 <Button icon="pi pi-times" severity="danger" text raised rounded aria-label="Cancel" />
 
@@ -98,7 +98,7 @@ export default {
 <Button icon="pi pi-bookmark" severity="secondary" text rounded aria-label="Bookmark" />
 <Button icon="pi pi-search" severity="success" text rounded aria-label="Search" />
 <Button icon="pi pi-user" severity="info" text rounded aria-label="User" />
-<Button icon="pi pi-bell" severity="warning" text rounded aria-label="Notification" />
+<Button icon="pi pi-bell" severity="warn" text rounded aria-label="Notification" />
 <Button icon="pi pi-heart" severity="help" text rounded aria-label="Favorite" />
 <Button icon="pi pi-times" severity="danger" text rounded aria-label="Cancel" />
 `,
@@ -110,7 +110,7 @@ export default {
             <Button icon="pi pi-bookmark" severity="secondary" aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" aria-label="Search" />
             <Button icon="pi pi-user" severity="info" aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" aria-label="Cancel" />
         </div>
@@ -120,7 +120,7 @@ export default {
             <Button icon="pi pi-bookmark" severity="secondary" rounded aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" rounded aria-label="Search" />
             <Button icon="pi pi-user" severity="info" rounded aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" rounded aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded aria-label="Cancel" />
         </div>
@@ -130,7 +130,7 @@ export default {
             <Button icon="pi pi-bookmark" severity="secondary" rounded outlined aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" rounded outlined aria-label="Search" />
             <Button icon="pi pi-user" severity="info" rounded outlined aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" rounded outlined aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" rounded outlined aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded outlined aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded outlined aria-label="Cancel" />
         </div>
@@ -140,7 +140,7 @@ export default {
             <Button icon="pi pi-bookmark" severity="secondary" text raised rounded aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" text raised rounded aria-label="Search" />
             <Button icon="pi pi-user" severity="info" text raised rounded aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" text raised rounded aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" text raised rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text raised rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text raised rounded aria-label="Cancel" />
         </div>
@@ -150,7 +150,7 @@ export default {
             <Button icon="pi pi-bookmark" severity="secondary" text rounded aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" text rounded aria-label="Search" />
             <Button icon="pi pi-user" severity="info" text rounded aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" text rounded aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" text rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text rounded aria-label="Cancel" />
         </div>
@@ -168,7 +168,7 @@ export default {
             <Button icon="pi pi-bookmark" severity="secondary" aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" aria-label="Search" />
             <Button icon="pi pi-user" severity="info" aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" aria-label="Cancel" />
         </div>
@@ -178,7 +178,7 @@ export default {
             <Button icon="pi pi-bookmark" severity="secondary" rounded aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" rounded aria-label="Search" />
             <Button icon="pi pi-user" severity="info" rounded aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" rounded aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded aria-label="Cancel" />
         </div>
@@ -188,7 +188,7 @@ export default {
             <Button icon="pi pi-bookmark" severity="secondary" rounded outlined aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" rounded outlined aria-label="Search" />
             <Button icon="pi pi-user" severity="info" rounded outlined aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" rounded outlined aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" rounded outlined aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded outlined aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded outlined aria-label="Cancel" />
         </div>
@@ -198,7 +198,7 @@ export default {
             <Button icon="pi pi-bookmark" severity="secondary" text raised rounded aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" text raised rounded aria-label="Search" />
             <Button icon="pi pi-user" severity="info" text raised rounded aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" text raised rounded aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" text raised rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text raised rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text raised rounded aria-label="Cancel" />
         </div>
@@ -208,7 +208,7 @@ export default {
             <Button icon="pi pi-bookmark" severity="secondary" text rounded aria-label="Bookmark" />
             <Button icon="pi pi-search" severity="success" text rounded aria-label="Search" />
             <Button icon="pi pi-user" severity="info" text rounded aria-label="User" />
-            <Button icon="pi pi-bell" severity="warning" text rounded aria-label="Notification" />
+            <Button icon="pi pi-bell" severity="warn" text rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text rounded aria-label="Cancel" />
         </div>
diff --git a/doc/button/OutlinedDoc.vue b/doc/button/OutlinedDoc.vue
index 0665c111c..5f96144f5 100644
--- a/doc/button/OutlinedDoc.vue
+++ b/doc/button/OutlinedDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" outlined />
         <Button label="Success" severity="success" outlined />
         <Button label="Info" severity="info" outlined />
-        <Button label="Warning" severity="warning" outlined />
+        <Button label="Warning" severity="warn" outlined />
         <Button label="Help" severity="help" outlined />
         <Button label="Danger" severity="danger" outlined />
         <Button label="Contrast" severity="contrast" outlined />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" outlined />
 <Button label="Success" severity="success" outlined />
 <Button label="Info" severity="info" outlined />
-<Button label="Warning" severity="warning" outlined />
+<Button label="Warning" severity="warn" outlined />
 <Button label="Help" severity="help" outlined />
 <Button label="Danger" severity="danger" outlined />
 <Button label="Contrast" severity="contrast" outlined />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" outlined />
         <Button label="Success" severity="success" outlined />
         <Button label="Info" severity="info" outlined />
-        <Button label="Warning" severity="warning" outlined />
+        <Button label="Warning" severity="warn" outlined />
         <Button label="Help" severity="help" outlined />
         <Button label="Danger" severity="danger" outlined />
         <Button label="Contrast" severity="contrast" outlined />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" outlined />
         <Button label="Success" severity="success" outlined />
         <Button label="Info" severity="info" outlined />
-        <Button label="Warning" severity="warning" outlined />
+        <Button label="Warning" severity="warn" outlined />
         <Button label="Help" severity="help" outlined />
         <Button label="Danger" severity="danger" outlined />
         <Button label="Contrast" severity="contrast" outlined />
diff --git a/doc/button/RaisedDoc.vue b/doc/button/RaisedDoc.vue
index 9c48b3915..fa542c4de 100644
--- a/doc/button/RaisedDoc.vue
+++ b/doc/button/RaisedDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" raised />
         <Button label="Success" severity="success" raised />
         <Button label="Info" severity="info" raised />
-        <Button label="Warning" severity="warning" raised />
+        <Button label="Warning" severity="warn" raised />
         <Button label="Help" severity="help" raised />
         <Button label="Danger" severity="danger" raised />
         <Button label="Contrast" severity="contrast" raised />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" raised />
 <Button label="Success" severity="success" raised />
 <Button label="Info" severity="info" raised />
-<Button label="Warning" severity="warning" raised />
+<Button label="Warning" severity="warn" raised />
 <Button label="Help" severity="help" raised />
 <Button label="Danger" severity="danger" raised />
 <Button label="Contrast" severity="contrast" raised />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" raised />
         <Button label="Success" severity="success" raised />
         <Button label="Info" severity="info" raised />
-        <Button label="Warning" severity="warning" raised />
+        <Button label="Warning" severity="warn" raised />
         <Button label="Help" severity="help" raised />
         <Button label="Danger" severity="danger" raised />
         <Button label="Contrast" severity="contrast" raised />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" raised />
         <Button label="Success" severity="success" raised />
         <Button label="Info" severity="info" raised />
-        <Button label="Warning" severity="warning" raised />
+        <Button label="Warning" severity="warn" raised />
         <Button label="Help" severity="help" raised />
         <Button label="Danger" severity="danger" raised />
         <Button label="Contrast" severity="contrast" raised />
diff --git a/doc/button/RaisedTextDoc.vue b/doc/button/RaisedTextDoc.vue
index ff1f6488f..66d01c5ea 100644
--- a/doc/button/RaisedTextDoc.vue
+++ b/doc/button/RaisedTextDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" text raised />
         <Button label="Success" severity="success" text raised />
         <Button label="Info" severity="info" text raised />
-        <Button label="Warning" severity="warning" text raised />
+        <Button label="Warning" severity="warn" text raised />
         <Button label="Help" severity="help" text raised />
         <Button label="Danger" severity="danger" text raised />
         <Button label="Plain" plain text raised />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" text raised />
 <Button label="Success" severity="success" text raised />
 <Button label="Info" severity="info" text raised />
-<Button label="Warning" severity="warning" text raised />
+<Button label="Warning" severity="warn" text raised />
 <Button label="Help" severity="help" text raised />
 <Button label="Danger" severity="danger" text raised />
 <Button label="Plain" plain text raised />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" text raised />
         <Button label="Success" severity="success" text raised />
         <Button label="Info" severity="info" text raised />
-        <Button label="Warning" severity="warning" text raised />
+        <Button label="Warning" severity="warn" text raised />
         <Button label="Help" severity="help" text raised />
         <Button label="Danger" severity="danger" text raised />
         <Button label="Plain" plain text raised />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" text raised />
         <Button label="Success" severity="success" text raised />
         <Button label="Info" severity="info" text raised />
-        <Button label="Warning" severity="warning" text raised />
+        <Button label="Warning" severity="warn" text raised />
         <Button label="Help" severity="help" text raised />
         <Button label="Danger" severity="danger" text raised />
         <Button label="Plain" plain text raised />
diff --git a/doc/button/RoundedDoc.vue b/doc/button/RoundedDoc.vue
index fb7947bc0..fe78e425d 100644
--- a/doc/button/RoundedDoc.vue
+++ b/doc/button/RoundedDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" rounded />
         <Button label="Success" severity="success" rounded />
         <Button label="Info" severity="info" rounded />
-        <Button label="Warning" severity="warning" rounded />
+        <Button label="Warning" severity="warn" rounded />
         <Button label="Help" severity="help" rounded />
         <Button label="Danger" severity="danger" rounded />
         <Button label="Contrast" severity="contrast" rounded />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" rounded />
 <Button label="Success" severity="success" rounded />
 <Button label="Info" severity="info" rounded />
-<Button label="Warning" severity="warning" rounded />
+<Button label="Warning" severity="warn" rounded />
 <Button label="Help" severity="help" rounded />
 <Button label="Danger" severity="danger" rounded />
 <Button label="Contrast" severity="contrast" rounded />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" rounded />
         <Button label="Success" severity="success" rounded />
         <Button label="Info" severity="info" rounded />
-        <Button label="Warning" severity="warning" rounded />
+        <Button label="Warning" severity="warn" rounded />
         <Button label="Help" severity="help" rounded />
         <Button label="Danger" severity="danger" rounded />
         <Button label="Contrast" severity="contrast" rounded />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" rounded />
         <Button label="Success" severity="success" rounded />
         <Button label="Info" severity="info" rounded />
-        <Button label="Warning" severity="warning" rounded />
+        <Button label="Warning" severity="warn" rounded />
         <Button label="Help" severity="help" rounded />
         <Button label="Danger" severity="danger" rounded />
         <Button label="Contrast" severity="contrast" rounded />
diff --git a/doc/button/SeverityDoc.vue b/doc/button/SeverityDoc.vue
index 1f9c95bae..f91f91fd0 100644
--- a/doc/button/SeverityDoc.vue
+++ b/doc/button/SeverityDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" />
         <Button label="Success" severity="success" />
         <Button label="Info" severity="info" />
-        <Button label="Warning" severity="warning" />
+        <Button label="Warning" severity="warn" />
         <Button label="Help" severity="help" />
         <Button label="Danger" severity="danger" />
         <Button label="Contrast" severity="contrast" />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" />
 <Button label="Success" severity="success" />
 <Button label="Info" severity="info" />
-<Button label="Warning" severity="warning" />
+<Button label="Warning" severity="warn" />
 <Button label="Help" severity="help" />
 <Button label="Danger" severity="danger" />
 <Button label="Contrast" severity="contrast" />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" />
         <Button label="Success" severity="success" />
         <Button label="Info" severity="info" />
-        <Button label="Warning" severity="warning" />
+        <Button label="Warning" severity="warn" />
         <Button label="Help" severity="help" />
         <Button label="Danger" severity="danger" />
         <Button label="Contrast" severity="contrast" />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" />
         <Button label="Success" severity="success" />
         <Button label="Info" severity="info" />
-        <Button label="Warning" severity="warning" />
+        <Button label="Warning" severity="warn" />
         <Button label="Help" severity="help" />
         <Button label="Danger" severity="danger" />
         <Button label="Contrast" severity="contrast" />
diff --git a/doc/button/TextDoc.vue b/doc/button/TextDoc.vue
index b254fd669..b00b8b515 100644
--- a/doc/button/TextDoc.vue
+++ b/doc/button/TextDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" text />
         <Button label="Success" severity="success" text />
         <Button label="Info" severity="info" text />
-        <Button label="Warning" severity="warning" text />
+        <Button label="Warning" severity="warn" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
         <Button label="Plain" plain text />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" text />
 <Button label="Success" severity="success" text />
 <Button label="Info" severity="info" text />
-<Button label="Warning" severity="warning" text />
+<Button label="Warning" severity="warn" text />
 <Button label="Help" severity="help" text />
 <Button label="Danger" severity="danger" text />
 <Button label="Plain" plain text />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" text />
         <Button label="Success" severity="success" text />
         <Button label="Info" severity="info" text />
-        <Button label="Warning" severity="warning" text />
+        <Button label="Warning" severity="warn" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
         <Button label="Plain" plain text />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" text />
         <Button label="Success" severity="success" text />
         <Button label="Info" severity="info" text />
-        <Button label="Warning" severity="warning" text />
+        <Button label="Warning" severity="warn" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
         <Button label="Plain" plain text />
diff --git a/doc/carousel/BasicDoc.vue b/doc/carousel/BasicDoc.vue
index 64a07f81c..3350b81dd 100644
--- a/doc/carousel/BasicDoc.vue
+++ b/doc/carousel/BasicDoc.vue
@@ -147,7 +147,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -224,7 +224,7 @@ const getSeverity = (status) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -237,7 +237,7 @@ const getSeverity = (status) => {
 <\/script>
 `,
                 data: `
-/* ProductService */        
+/* ProductService */
 {
     id: '1000',
     code: 'f230fh0g3',
@@ -264,7 +264,7 @@ const getSeverity = (status) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/carousel/CircularDoc.vue b/doc/carousel/CircularDoc.vue
index f0ceecb8f..881c7be61 100644
--- a/doc/carousel/CircularDoc.vue
+++ b/doc/carousel/CircularDoc.vue
@@ -147,7 +147,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -224,7 +224,7 @@ const getSeverity = (status) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -237,7 +237,7 @@ const getSeverity = (status) => {
 <\/script>
 `,
                 data: `
-/* ProductService */        
+/* ProductService */
 {
     id: '1000',
     code: 'f230fh0g3',
@@ -264,7 +264,7 @@ const getSeverity = (status) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/carousel/ResponsiveDoc.vue b/doc/carousel/ResponsiveDoc.vue
index bebf7e7f7..cd220d095 100644
--- a/doc/carousel/ResponsiveDoc.vue
+++ b/doc/carousel/ResponsiveDoc.vue
@@ -150,7 +150,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -227,7 +227,7 @@ const getSeverity = (status) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -239,7 +239,7 @@ const getSeverity = (status) => {
 <\/script>
 `,
                 data: `
-/* ProductService */        
+/* ProductService */
 {
     id: '1000',
     code: 'f230fh0g3',
@@ -266,7 +266,7 @@ const getSeverity = (status) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/carousel/VerticalDoc.vue b/doc/carousel/VerticalDoc.vue
index ac03a936d..47c700697 100644
--- a/doc/carousel/VerticalDoc.vue
+++ b/doc/carousel/VerticalDoc.vue
@@ -103,7 +103,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -158,7 +158,7 @@ const getSeverity = (status) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -198,7 +198,7 @@ const getSeverity = (status) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/contextmenu/CommandDoc.vue b/doc/contextmenu/CommandDoc.vue
index cfe4ca104..84684fd64 100644
--- a/doc/contextmenu/CommandDoc.vue
+++ b/doc/contextmenu/CommandDoc.vue
@@ -162,7 +162,7 @@ export default {
         },
         getBadge(user) {
             if (user.role === 'Member') return 'info';
-            else if (user.role === 'Guest') return 'warning';
+            else if (user.role === 'Guest') return 'warn';
             else return null;
         }
     }
@@ -237,7 +237,7 @@ const items = ref([
             toast.add({ severity: 'success', summary: 'Success', detail: 'Invitation sent!', life: 3000 });
         }
     }
-]);        
+]);
 
 const onRightClick = (event, user) => {
     selectedUser.value = user;
@@ -246,7 +246,7 @@ const onRightClick = (event, user) => {
 
 const getBadge = (user) => {
     if (user.role === 'Member') return 'info';
-    else if (user.role === 'Guest') return 'warning';
+    else if (user.role === 'Guest') return 'warn';
     else return null;
 }
 <\/script>
@@ -261,7 +261,7 @@ const getBadge = (user) => {
         },
         getBadge(user) {
             if (user.role === 'Member') return 'info';
-            else if (user.role === 'Guest') return 'warning';
+            else if (user.role === 'Guest') return 'warn';
             else return null;
         }
     }
diff --git a/doc/datatable/RowExpansionDoc.vue b/doc/datatable/RowExpansionDoc.vue
index 881375163..c0afffce0 100644
--- a/doc/datatable/RowExpansionDoc.vue
+++ b/doc/datatable/RowExpansionDoc.vue
@@ -239,7 +239,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -257,7 +257,7 @@ export default {
                     return 'danger';
 
                 case 'PENDING':
-                    return 'warning';
+                    return 'warn';
 
                 case 'RETURNED':
                     return 'info';
@@ -368,7 +368,7 @@ const getSeverity = (product) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -386,7 +386,7 @@ const getOrderSeverity = (order) => {
             return 'danger';
 
         case 'PENDING':
-            return 'warning';
+            return 'warn';
 
         case 'RETURNED':
             return 'info';
@@ -453,7 +453,7 @@ const getOrderSeverity = (order) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -471,7 +471,7 @@ const getOrderSeverity = (order) => {
                     return 'danger';
 
                 case 'PENDING':
-                    return 'warning';
+                    return 'warn';
 
                 case 'RETURNED':
                     return 'info';
diff --git a/doc/datatable/StatefulDoc.vue b/doc/datatable/StatefulDoc.vue
index 5cb79a8df..6c91ca402 100644
--- a/doc/datatable/StatefulDoc.vue
+++ b/doc/datatable/StatefulDoc.vue
@@ -286,7 +286,7 @@ export default {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
@@ -407,7 +407,7 @@ const getSeverity = (status) => {
             return 'info';
 
         case 'negotiation':
-            return 'warning';
+            return 'warn';
 
         case 'renewal':
             return null;
@@ -468,7 +468,7 @@ const getSeverity = (status) => {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
diff --git a/doc/datatable/TemplateDoc.vue b/doc/datatable/TemplateDoc.vue
index 69c9eb76b..691e6c828 100644
--- a/doc/datatable/TemplateDoc.vue
+++ b/doc/datatable/TemplateDoc.vue
@@ -140,7 +140,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -208,7 +208,7 @@ const getSeverity = (product) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -251,7 +251,7 @@ const getSeverity = (product) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/datatable/edit/RowEditDoc.vue b/doc/datatable/edit/RowEditDoc.vue
index b29886724..fbebe03b3 100644
--- a/doc/datatable/edit/RowEditDoc.vue
+++ b/doc/datatable/edit/RowEditDoc.vue
@@ -195,7 +195,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -286,7 +286,7 @@ const getStatusLabel = (status) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -334,7 +334,7 @@ const formatCurrency = (value) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/datatable/filter/AdvancedFilterDoc.vue b/doc/datatable/filter/AdvancedFilterDoc.vue
index c2ee81058..9aa195305 100644
--- a/doc/datatable/filter/AdvancedFilterDoc.vue
+++ b/doc/datatable/filter/AdvancedFilterDoc.vue
@@ -453,7 +453,7 @@ export default {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
@@ -658,7 +658,7 @@ const getSeverity = (status) => {
             return 'info';
 
         case 'negotiation':
-            return 'warning';
+            return 'warn';
 
         case 'renewal':
             return null;
@@ -744,7 +744,7 @@ const getSeverity = (status) => {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
diff --git a/doc/datatable/filter/BasicFilterDoc.vue b/doc/datatable/filter/BasicFilterDoc.vue
index 9bd84f2af..2819437a1 100644
--- a/doc/datatable/filter/BasicFilterDoc.vue
+++ b/doc/datatable/filter/BasicFilterDoc.vue
@@ -335,7 +335,7 @@ export default {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
@@ -488,7 +488,7 @@ const getSeverity = (status) => {
             return 'info';
 
         case 'negotiation':
-            return 'warning';
+            return 'warn';
 
         case 'renewal':
             return null;
@@ -556,7 +556,7 @@ const getSeverity = (status) => {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
diff --git a/doc/datatable/rowgroup/ExpandableRowGroupDoc.vue b/doc/datatable/rowgroup/ExpandableRowGroupDoc.vue
index 5647d9cff..3d6f9d9e0 100644
--- a/doc/datatable/rowgroup/ExpandableRowGroupDoc.vue
+++ b/doc/datatable/rowgroup/ExpandableRowGroupDoc.vue
@@ -169,7 +169,7 @@ export default {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
@@ -257,7 +257,7 @@ const getSeverity = (status) => {
             return 'info';
 
         case 'negotiation':
-            return 'warning';
+            return 'warn';
 
         case 'renewal':
             return null;
@@ -323,7 +323,7 @@ const getSeverity = (status) => {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
diff --git a/doc/datatable/rowgroup/RowSpanRowGroupDoc.vue b/doc/datatable/rowgroup/RowSpanRowGroupDoc.vue
index 8da8af521..626e8c9d9 100644
--- a/doc/datatable/rowgroup/RowSpanRowGroupDoc.vue
+++ b/doc/datatable/rowgroup/RowSpanRowGroupDoc.vue
@@ -144,7 +144,7 @@ export default {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
@@ -213,7 +213,7 @@ const getSeverity = (status) => {
             return 'info';
 
         case 'negotiation':
-            return 'warning';
+            return 'warn';
 
         case 'renewal':
             return null;
@@ -279,7 +279,7 @@ const getSeverity = (status) => {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
diff --git a/doc/datatable/rowgroup/SubHeaderRowGroupDoc.vue b/doc/datatable/rowgroup/SubHeaderRowGroupDoc.vue
index 3fb99517a..ebb95ddc3 100644
--- a/doc/datatable/rowgroup/SubHeaderRowGroupDoc.vue
+++ b/doc/datatable/rowgroup/SubHeaderRowGroupDoc.vue
@@ -152,7 +152,7 @@ export default {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
@@ -231,7 +231,7 @@ const getSeverity = (status) => {
             return 'info';
 
         case 'negotiation':
-            return 'warning';
+            return 'warn';
 
         case 'renewal':
             return null;
@@ -291,7 +291,7 @@ const getSeverity = (status) => {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
diff --git a/doc/datatable/samples/CustomersDoc.vue b/doc/datatable/samples/CustomersDoc.vue
index dc4b9b55c..4f7b27806 100644
--- a/doc/datatable/samples/CustomersDoc.vue
+++ b/doc/datatable/samples/CustomersDoc.vue
@@ -422,7 +422,7 @@ export default {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
@@ -613,7 +613,7 @@ const getSeverity = (status) => {
             return 'info';
 
         case 'negotiation':
-            return 'warning';
+            return 'warn';
 
         case 'renewal':
             return null;
@@ -698,7 +698,7 @@ const getSeverity = (status) => {
                     return 'info';
 
                 case 'negotiation':
-                    return 'warning';
+                    return 'warn';
 
                 case 'renewal':
                     return null;
diff --git a/doc/datatable/samples/ProductsDoc.vue b/doc/datatable/samples/ProductsDoc.vue
index b709573e6..e1d7ecb08 100644
--- a/doc/datatable/samples/ProductsDoc.vue
+++ b/doc/datatable/samples/ProductsDoc.vue
@@ -525,7 +525,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -811,7 +811,7 @@ const getStatusLabel = (status) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -941,7 +941,7 @@ const getStatusLabel = (status) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/dataview/BasicDoc.vue b/doc/dataview/BasicDoc.vue
index 5de3083e1..82064f670 100644
--- a/doc/dataview/BasicDoc.vue
+++ b/doc/dataview/BasicDoc.vue
@@ -147,7 +147,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -216,7 +216,7 @@ const getSeverity = (product) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -256,7 +256,7 @@ const getSeverity = (product) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/dataview/LayoutDoc.vue b/doc/dataview/LayoutDoc.vue
index bce10e22e..9df67d23c 100644
--- a/doc/dataview/LayoutDoc.vue
+++ b/doc/dataview/LayoutDoc.vue
@@ -289,7 +289,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -407,7 +407,7 @@ const getSeverity = (product) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -448,7 +448,7 @@ const getSeverity = (product) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/dataview/LoadingDoc.vue b/doc/dataview/LoadingDoc.vue
index c1d2c0342..a134bec6d 100644
--- a/doc/dataview/LoadingDoc.vue
+++ b/doc/dataview/LoadingDoc.vue
@@ -217,7 +217,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -311,7 +311,7 @@ const getSeverity = (product) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -352,7 +352,7 @@ const getSeverity = (product) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/dataview/PaginationDoc.vue b/doc/dataview/PaginationDoc.vue
index d1456ae7c..c510d5728 100644
--- a/doc/dataview/PaginationDoc.vue
+++ b/doc/dataview/PaginationDoc.vue
@@ -147,7 +147,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -216,7 +216,7 @@ const getSeverity = (product) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -256,7 +256,7 @@ const getSeverity = (product) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/dataview/SortingDoc.vue b/doc/dataview/SortingDoc.vue
index 626b21c39..a858551ff 100644
--- a/doc/dataview/SortingDoc.vue
+++ b/doc/dataview/SortingDoc.vue
@@ -170,7 +170,7 @@ export default {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
@@ -278,7 +278,7 @@ const getSeverity = (product) => {
             return 'success';
 
         case 'LOWSTOCK':
-            return 'warning';
+            return 'warn';
 
         case 'OUTOFSTOCK':
             return 'danger';
@@ -318,7 +318,7 @@ const getSeverity = (product) => {
                     return 'success';
 
                 case 'LOWSTOCK':
-                    return 'warning';
+                    return 'warn';
 
                 case 'OUTOFSTOCK':
                     return 'danger';
diff --git a/doc/fileupload/TemplateDoc.vue b/doc/fileupload/TemplateDoc.vue
index 366059548..bca2f17d0 100644
--- a/doc/fileupload/TemplateDoc.vue
+++ b/doc/fileupload/TemplateDoc.vue
@@ -26,7 +26,7 @@
                             </div>
                             <span class="font-semibold">{{ file.name }}</span>
                             <div>{{ formatSize(file.size) }}</div>
-                            <Badge value="Pending" severity="warning" />
+                            <Badge value="Pending" severity="warn" />
                             <Button icon="pi pi-times" @click="onRemoveTemplatingFile(file, removeFileCallback, index)" outlined rounded severity="danger" />
                         </div>
                     </div>
@@ -90,7 +90,7 @@ export default {
                     </div>
                     <span class="font-semibold">{{ file.name }}</span>
                     <div>{{ formatSize(file.size) }}</div>
-                    <Badge value="Pending" severity="warning" />
+                    <Badge value="Pending" severity="warn" />
                     <Button icon="pi pi-times" @click="onRemoveTemplatingFile(file, removeFileCallback, index)" outlined rounded  severity="danger" />
                 </div>
             </div>
@@ -146,7 +146,7 @@ export default {
                             </div>
                             <span class="font-semibold">{{ file.name }}</span>
                             <div>{{ formatSize(file.size) }}</div>
-                            <Badge value="Pending" severity="warning" />
+                            <Badge value="Pending" severity="warn" />
                             <Button icon="pi pi-times" @click="onRemoveTemplatingFile(file, removeFileCallback, index)" outlined rounded  severity="danger" />
                         </div>
                     </div>
@@ -255,7 +255,7 @@ export default {
                             </div>
                             <span class="font-semibold">{{ file.name }}</span>
                             <div>{{ formatSize(file.size) }}</div>
-                            <Badge value="Pending" severity="warning" />
+                            <Badge value="Pending" severity="warn" />
                             <Button icon="pi pi-times" @click="onRemoveTemplatingFile(file, removeFileCallback, index)" outlined rounded  severity="danger" />
                         </div>
                     </div>
diff --git a/doc/inputgroup/ButtonDoc.vue b/doc/inputgroup/ButtonDoc.vue
index 738698db7..83ce25c00 100644
--- a/doc/inputgroup/ButtonDoc.vue
+++ b/doc/inputgroup/ButtonDoc.vue
@@ -10,7 +10,7 @@
 
         <InputGroup>
             <InputText placeholder="Keyword" />
-            <Button icon="pi pi-search" severity="warning" />
+            <Button icon="pi pi-search" severity="warn" />
         </InputGroup>
 
         <InputGroup>
@@ -35,7 +35,7 @@ export default {
 
 <InputGroup>
     <InputText placeholder="Keyword" />
-    <Button icon="pi pi-search" severity="warning" />
+    <Button icon="pi pi-search" severity="warn" />
 </InputGroup>
 
 <InputGroup>
@@ -54,7 +54,7 @@ export default {
 
         <InputGroup>
             <InputText placeholder="Keyword" />
-            <Button icon="pi pi-search" severity="warning" />
+            <Button icon="pi pi-search" severity="warn" />
         </InputGroup>
 
         <InputGroup>
@@ -75,7 +75,7 @@ export default {
 
         <InputGroup>
             <InputText placeholder="Keyword" />
-            <Button icon="pi pi-search" severity="warning" />
+            <Button icon="pi pi-search" severity="warn" />
         </InputGroup>
 
         <InputGroup>
diff --git a/doc/speeddial/CircleDoc.vue b/doc/speeddial/CircleDoc.vue
index e0ca2ee42..383a7d2a5 100644
--- a/doc/speeddial/CircleDoc.vue
+++ b/doc/speeddial/CircleDoc.vue
@@ -4,7 +4,7 @@
     </DocSectionText>
     <div class="card">
         <div :style="{ position: 'relative', height: '500px' }" class="flex align-items-center justify-content-center">
-            <SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warning" :style="{ position: 'absolute' }" />
+            <SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warn" :style="{ position: 'absolute' }" />
         </div>
     </div>
     <DocSectionCode :code="code" />
@@ -53,13 +53,13 @@ export default {
             ],
             code: {
                 basic: `
-<SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warning" :style="{ position: 'absolute' }" />
+<SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warn" :style="{ position: 'absolute' }" />
 `,
                 options: `
 <template>
     <div class="card">
         <div :style="{ position: 'relative', height: '500px' }" class="flex align-items-center justify-content-center">
-            <SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warning" :style="{ position: 'absolute' }" />
+            <SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warn" :style="{ position: 'absolute' }" />
             <Toast />
         </div>
     </div>
@@ -115,7 +115,7 @@ export default {
 <template>
     <div class="card">
         <div :style="{ position: 'relative', height: '500px' }" class="flex align-items-center justify-content-center">
-            <SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warning" :style="{ position: 'absolute' }" />
+            <SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warn" :style="{ position: 'absolute' }" />
             <Toast />
         </div>
     </div>
diff --git a/doc/splitbutton/OutlinedDoc.vue b/doc/splitbutton/OutlinedDoc.vue
index 836440cee..d59256eef 100644
--- a/doc/splitbutton/OutlinedDoc.vue
+++ b/doc/splitbutton/OutlinedDoc.vue
@@ -7,7 +7,7 @@
         <SplitButton label="Save" :model="items" @click="save" outlined severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" outlined severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" outlined severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="contrast"></SplitButton>
@@ -46,7 +46,7 @@ export default {
 <SplitButton label="Save" :model="items" @click="save" outlined severity="secondary"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" outlined severity="success"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" outlined severity="info"></SplitButton>
-<SplitButton label="Save" :model="items" @click="save" outlined severity="warning"></SplitButton>
+<SplitButton label="Save" :model="items" @click="save" outlined severity="warn"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" outlined severity="help"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" outlined severity="danger"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" outlined severity="contrast"></SplitButton>
@@ -59,7 +59,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" outlined severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" outlined severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" outlined severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="contrast"></SplitButton>
@@ -109,7 +109,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" outlined severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" outlined severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" outlined severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" outlined severity="contrast"></SplitButton>
diff --git a/doc/splitbutton/RaisedDoc.vue b/doc/splitbutton/RaisedDoc.vue
index a617780de..c1de9c569 100644
--- a/doc/splitbutton/RaisedDoc.vue
+++ b/doc/splitbutton/RaisedDoc.vue
@@ -7,7 +7,7 @@
         <SplitButton label="Save" :model="items" @click="save" raised severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" raised severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" raised severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="contrast"></SplitButton>
@@ -46,7 +46,7 @@ export default {
 <SplitButton label="Save" :model="items" @click="save" raised severity="secondary"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" raised severity="success"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" raised severity="info"></SplitButton>
-<SplitButton label="Save" :model="items" @click="save" raised severity="warning"></SplitButton>
+<SplitButton label="Save" :model="items" @click="save" raised severity="warn"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" raised severity="help"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" raised severity="danger"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" raised severity="contrast"></SplitButton>
@@ -59,7 +59,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" raised severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" raised severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" raised severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="contrast"></SplitButton>
@@ -109,7 +109,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" raised severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" raised severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" raised severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised severity="contrast"></SplitButton>
diff --git a/doc/splitbutton/RaisedTextDoc.vue b/doc/splitbutton/RaisedTextDoc.vue
index 3f26896b3..fabba384f 100644
--- a/doc/splitbutton/RaisedTextDoc.vue
+++ b/doc/splitbutton/RaisedTextDoc.vue
@@ -7,7 +7,7 @@
         <SplitButton label="Save" :model="items" @click="save" raised text severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" raised text severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" raised text severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="danger"></SplitButton>
     </div>
@@ -45,7 +45,7 @@ export default {
 <SplitButton label="Save" :model="items" @click="save" raised text severity="secondary"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" raised text severity="success"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" raised text severity="info"></SplitButton>
-<SplitButton label="Save" :model="items" @click="save" raised text severity="warning"></SplitButton>
+<SplitButton label="Save" :model="items" @click="save" raised text severity="warn"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" raised text severity="help"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" raised text severity="danger"></SplitButton>
 `,
@@ -57,7 +57,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" raised text severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" raised text severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" raised text severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="danger"></SplitButton>
     </div>
@@ -106,7 +106,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" raised text severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" raised text severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" raised text severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" raised text severity="danger"></SplitButton>
     </div>
diff --git a/doc/splitbutton/RoundedDoc.vue b/doc/splitbutton/RoundedDoc.vue
index eaa21c27a..f1a25c11e 100644
--- a/doc/splitbutton/RoundedDoc.vue
+++ b/doc/splitbutton/RoundedDoc.vue
@@ -7,7 +7,7 @@
         <SplitButton label="Save" :model="items" @click="save" rounded severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" rounded severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" rounded severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="contrast"></SplitButton>
@@ -46,7 +46,7 @@ export default {
 <SplitButton label="Save" :model="items" @click="save" rounded severity="secondary"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" rounded severity="success"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" rounded severity="info"></SplitButton>
-<SplitButton label="Save" :model="items" @click="save" rounded severity="warning"></SplitButton>
+<SplitButton label="Save" :model="items" @click="save" rounded severity="warn"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" rounded severity="help"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" rounded severity="danger"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" rounded severity="contrast"></SplitButton>
@@ -59,7 +59,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" rounded severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" rounded severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" rounded severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="contrast"></SplitButton>
@@ -109,7 +109,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" rounded severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" rounded severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" rounded severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" rounded severity="contrast"></SplitButton>
diff --git a/doc/splitbutton/SeverityDoc.vue b/doc/splitbutton/SeverityDoc.vue
index a8b249776..9dcde5500 100644
--- a/doc/splitbutton/SeverityDoc.vue
+++ b/doc/splitbutton/SeverityDoc.vue
@@ -7,7 +7,7 @@
         <SplitButton label="Save" :model="items" @click="save" severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="contrast"></SplitButton>
@@ -46,7 +46,7 @@ export default {
 <SplitButton label="Save" :model="items" @click="save" severity="secondary"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" severity="success"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" severity="info"></SplitButton>
-<SplitButton label="Save" :model="items" @click="save" severity="warning"></SplitButton>
+<SplitButton label="Save" :model="items" @click="save" severity="warn"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" severity="help"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" severity="danger"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" severity="contrast"></SplitButton>
@@ -59,7 +59,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="contrast"></SplitButton>
@@ -109,7 +109,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="danger"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" severity="contrast"></SplitButton>
diff --git a/doc/splitbutton/TextDoc.vue b/doc/splitbutton/TextDoc.vue
index b2992a0e3..e39511a5c 100644
--- a/doc/splitbutton/TextDoc.vue
+++ b/doc/splitbutton/TextDoc.vue
@@ -7,7 +7,7 @@
         <SplitButton label="Save" :model="items" @click="save" text severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" text severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" text severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="danger"></SplitButton>
     </div>
@@ -45,7 +45,7 @@ export default {
 <SplitButton label="Save" :model="items" @click="save" text severity="secondary"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" text severity="success"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" text severity="info"></SplitButton>
-<SplitButton label="Save" :model="items" @click="save" text severity="warning"></SplitButton>
+<SplitButton label="Save" :model="items" @click="save" text severity="warn"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" text severity="help"></SplitButton>
 <SplitButton label="Save" :model="items" @click="save" text severity="danger"></SplitButton>
 `,
@@ -57,7 +57,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" text severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" text severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" text severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="danger"></SplitButton>
     </div>
@@ -106,7 +106,7 @@ export default {
         <SplitButton label="Save" :model="items" @click="save" text severity="secondary"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="success"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="info"></SplitButton>
-        <SplitButton label="Save" :model="items" @click="save" text severity="warning"></SplitButton>
+        <SplitButton label="Save" :model="items" @click="save" text severity="warn"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="help"></SplitButton>
         <SplitButton label="Save" :model="items" @click="save" text severity="danger"></SplitButton>
     </div>
diff --git a/doc/tag/IconDoc.vue b/doc/tag/IconDoc.vue
index e9bb37f25..53c1eb415 100644
--- a/doc/tag/IconDoc.vue
+++ b/doc/tag/IconDoc.vue
@@ -7,7 +7,7 @@
         <Tag icon="pi pi-search" severity="secondary" value="Secondary"></Tag>
         <Tag icon="pi pi-check" severity="success" value="Success"></Tag>
         <Tag icon="pi pi-info-circle" severity="info" value="Info"></Tag>
-        <Tag icon="pi pi-exclamation-triangle" severity="warning" value="Warning"></Tag>
+        <Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warning"></Tag>
         <Tag icon="pi pi-times" severity="danger" value="Danger"></Tag>
         <Tag icon="pi pi-cog" severity="contrast" value="Contrast"></Tag>
     </div>
@@ -24,7 +24,7 @@ export default {
 <Tag icon="pi pi-search" severity="secondary" value="Secondary"></Tag>
 <Tag icon="pi pi-check" severity="success" value="Success"></Tag>
 <Tag icon="pi pi-info-circle" severity="info" value="Info"></Tag>
-<Tag icon="pi pi-exclamation-triangle" severity="warning" value="Warning"></Tag>
+<Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warning"></Tag>
 <Tag icon="pi pi-times" severity="danger" value="Danger"></Tag>
 <Tag icon="pi pi-cog" severity="contrast" value="Contrast"></Tag>
 `,
@@ -35,7 +35,7 @@ export default {
         <Tag icon="pi pi-search" severity="secondary" value="Secondary"></Tag>
         <Tag icon="pi pi-check" severity="success" value="Success"></Tag>
         <Tag icon="pi pi-info-circle" severity="info" value="Info"></Tag>
-        <Tag icon="pi pi-exclamation-triangle" severity="warning" value="Warning"></Tag>
+        <Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warning"></Tag>
         <Tag icon="pi pi-times" severity="danger" value="Danger"></Tag>
         <Tag icon="pi pi-cog" severity="contrast" value="Contrast"></Tag>
     </div>
@@ -52,7 +52,7 @@ export default {
         <Tag icon="pi pi-check" severity="success" value="Success"></Tag>
         <Tag icon="pi pi-search" severity="secondary" value="Secondary"></Tag>
         <Tag icon="pi pi-info-circle" severity="info" value="Info"></Tag>
-        <Tag icon="pi pi-exclamation-triangle" severity="warning" value="Warning"></Tag>
+        <Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warning"></Tag>
         <Tag icon="pi pi-times" severity="danger" value="Danger"></Tag>
         <Tag icon="pi pi-cog" severity="contrast" value="Contrast"></Tag>
     </div>
diff --git a/doc/tag/PillDoc.vue b/doc/tag/PillDoc.vue
index 572b460be..87096b442 100644
--- a/doc/tag/PillDoc.vue
+++ b/doc/tag/PillDoc.vue
@@ -7,7 +7,7 @@
         <Tag severity="secondary" value="Secondary" rounded></Tag>
         <Tag severity="success" value="Success" rounded></Tag>
         <Tag severity="info" value="Info" rounded></Tag>
-        <Tag severity="warning" value="Warning" rounded></Tag>
+        <Tag severity="warn" value="Warning" rounded></Tag>
         <Tag severity="danger" value="Danger" rounded></Tag>
         <Tag severity="contrast" value="Contrast" rounded></Tag>
     </div>
@@ -24,7 +24,7 @@ export default {
 <Tag severity="secondary" value="Secondary" rounded></Tag>
 <Tag severity="success" value="Success" rounded></Tag>
 <Tag severity="info" value="Info" rounded></Tag>
-<Tag severity="warning" value="Warning" rounded></Tag>
+<Tag severity="warn" value="Warning" rounded></Tag>
 <Tag severity="danger" value="Danger" rounded></Tag>
 <Tag severity="contrast" value="Contrast" rounded></Tag>
 `,
@@ -35,7 +35,7 @@ export default {
         <Tag severity="secondary" value="Secondary" rounded></Tag>
         <Tag severity="success" value="Success" rounded></Tag>
         <Tag severity="info" value="Info" rounded></Tag>
-        <Tag severity="warning" value="Warning" rounded></Tag>
+        <Tag severity="warn" value="Warning" rounded></Tag>
         <Tag severity="danger" value="Danger" rounded></Tag>
         <Tag severity="contrast" value="Contrast" rounded></Tag>
     </div>
@@ -52,7 +52,7 @@ export default {
         <Tag severity="success" value="Success" rounded></Tag>
         <Tag severity="secondary" value="Secondary" rounded></Tag>
         <Tag severity="info" value="Info" rounded></Tag>
-        <Tag severity="warning" value="Warning" rounded></Tag>
+        <Tag severity="warn" value="Warning" rounded></Tag>
         <Tag severity="danger" value="Danger" rounded></Tag>
         <Tag severity="contrast" value="Contrast" rounded></Tag>
     </div>
diff --git a/doc/tag/SeverityDoc.vue b/doc/tag/SeverityDoc.vue
index 4064fc511..c12334cbe 100644
--- a/doc/tag/SeverityDoc.vue
+++ b/doc/tag/SeverityDoc.vue
@@ -7,7 +7,7 @@
         <Tag severity="secondary" value="Secondary"></Tag>
         <Tag severity="success" value="Success"></Tag>
         <Tag severity="info" value="Info"></Tag>
-        <Tag severity="warning" value="Warning"></Tag>
+        <Tag severity="warn" value="Warning"></Tag>
         <Tag severity="danger" value="Danger"></Tag>
         <Tag severity="contrast" value="Contrast"></Tag>
     </div>
@@ -24,7 +24,7 @@ export default {
 <Tag severity="secondary" value="Secondary"></Tag>
 <Tag severity="success" value="Success"></Tag>
 <Tag severity="info" value="Info"></Tag>
-<Tag severity="warning" value="Warning"></Tag>
+<Tag severity="warn" value="Warning"></Tag>
 <Tag severity="danger" value="Danger"></Tag>
 <Tag severity="contrast" value="Contrast"></Tag>
 `,
@@ -35,7 +35,7 @@ export default {
         <Tag severity="secondary" value="Secondary"></Tag>
         <Tag severity="success" value="Success"></Tag>
         <Tag severity="info" value="Info"></Tag>
-        <Tag severity="warning" value="Warning"></Tag>
+        <Tag severity="warn" value="Warning"></Tag>
         <Tag severity="danger" value="Danger"></Tag>
         <Tag severity="contrast" value="Contrast"></Tag>
     </div>
@@ -52,7 +52,7 @@ export default {
         <Tag severity="secondary" value="Secondary"></Tag>
         <Tag severity="success" value="Success"></Tag>
         <Tag severity="info" value="Info"></Tag>
-        <Tag severity="warning" value="Warning"></Tag>
+        <Tag severity="warn" value="Warning"></Tag>
         <Tag severity="danger" value="Danger"></Tag>
         <Tag severity="contrast" value="Contrast"></Tag>
     </div>
diff --git a/doc/toast/MultipleDoc.vue b/doc/toast/MultipleDoc.vue
index 6654b3bcb..c566076df 100644
--- a/doc/toast/MultipleDoc.vue
+++ b/doc/toast/MultipleDoc.vue
@@ -3,7 +3,7 @@
         <p>Multiple messages are displayed by passing an array to the <i>show</i> method.</p>
     </DocSectionText>
     <div class="card flex justify-content-center">
-        <Button label="Multiple" severity="warning" @click="showMultiple()" />
+        <Button label="Multiple" severity="warn" @click="showMultiple()" />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -15,13 +15,13 @@ export default {
             code: {
                 basic: `
 <Toast />
-<Button label="Multiple" severity="warning" @click="showMultiple()" />
+<Button label="Multiple" severity="warn" @click="showMultiple()" />
 `,
                 options: `
 <template>
     <div class="card flex justify-content-center">
         <Toast />
-        <Button label="Multiple" severity="warning" @click="showMultiple()" />
+        <Button label="Multiple" severity="warn" @click="showMultiple()" />
     </div>
 </template>
 
@@ -42,7 +42,7 @@ export default {
 <template>
     <div class="card flex justify-content-center">
         <Toast />
-        <Button label="Multiple" severity="warning" @click="showMultiple()" />
+        <Button label="Multiple" severity="warn" @click="showMultiple()" />
     </div>
 </template>
 
diff --git a/doc/toast/PositionDoc.vue b/doc/toast/PositionDoc.vue
index 0c5c09509..77aaa44c4 100644
--- a/doc/toast/PositionDoc.vue
+++ b/doc/toast/PositionDoc.vue
@@ -5,7 +5,7 @@
     <div class="card flex justify-content-center">
         <div class="flex flex-wrap gap-2">
             <Button label="Top Left" @click="showTopLeft" />
-            <Button label="Bottom Left" severity="warning" @click="showBottomLeft" />
+            <Button label="Bottom Left" severity="warn" @click="showBottomLeft" />
             <Button label="Bottom Right" severity="help" @click="showBottomRight" />
         </div>
     </div>
@@ -23,7 +23,7 @@ export default {
 <Toast position="bottom-right" group="br" />
 
 <Button label="Top Left" @click="showTopLeft" />
-<Button label="Bottom Left" severity="warning" @click="showBottomLeft" />
+<Button label="Bottom Left" severity="warn" @click="showBottomLeft" />
 <Button label="Bottom Right" severity="help" @click="showBottomRight" />
 `,
                 options: `
@@ -35,7 +35,7 @@ export default {
 
         <div class="flex flex-wrap gap-2">
             <Button label="Top Left" @click="showTopLeft" />
-            <Button label="Bottom Left" severity="warning" @click="showBottomLeft" />
+            <Button label="Bottom Left" severity="warn" @click="showBottomLeft" />
             <Button label="Bottom Right" severity="help" @click="showBottomRight" />
         </div>
     </div>
@@ -63,10 +63,10 @@ export default {
         <Toast position="top-left" group="tl" />
         <Toast position="bottom-left" group="bl" />
         <Toast position="bottom-right" group="br" />
-        
+
         <div class="flex flex-wrap gap-2">
             <Button label="Top Left" @click="showTopLeft" />
-            <Button label="Bottom Left" severity="warning" @click="showBottomLeft" />
+            <Button label="Bottom Left" severity="warn" @click="showBottomLeft" />
             <Button label="Bottom Right" severity="help" @click="showBottomRight" />
         </div>
     </div>
diff --git a/doc/toast/SeverityDoc.vue b/doc/toast/SeverityDoc.vue
index ff324bff1..4284c5f9d 100644
--- a/doc/toast/SeverityDoc.vue
+++ b/doc/toast/SeverityDoc.vue
@@ -6,7 +6,7 @@
         <div class="flex flex-wrap gap-2">
             <Button label="Success" severity="success" @click="showSuccess" />
             <Button label="Info" severity="info" @click="showInfo" />
-            <Button label="Warn" severity="warning" @click="showWarn" />
+            <Button label="Warn" severity="warn" @click="showWarn" />
             <Button label="Error" severity="danger" @click="showError" />
             <Button label="Secondary" severity="secondary" @click="showSecondary" />
             <Button label="Contrast" severity="contrast" @click="showContrast" />
@@ -24,7 +24,7 @@ export default {
 <Toast />
 <Button label="Success" severity="success" @click="showSuccess" />
 <Button label="Info" severity="info" @click="showInfo" />
-<Button label="Warn" severity="warning" @click="showWarn" />
+<Button label="Warn" severity="warn" @click="showWarn" />
 <Button label="Error" severity="danger" @click="showError" />
 <Button label="Secondary" severity="secondary" @click="showSecondary" />
 <Button label="Contrast" severity="contrast" @click="showContrast" />
@@ -36,7 +36,7 @@ export default {
         <div class="flex flex-wrap gap-2">
             <Button label="Success" severity="success" @click="showSuccess" />
             <Button label="Info" severity="info" @click="showInfo" />
-            <Button label="Warn" severity="warning" @click="showWarn" />
+            <Button label="Warn" severity="warn" @click="showWarn" />
             <Button label="Error" severity="danger" @click="showError" />
             <Button label="Secondary" severity="secondary" @click="showSecondary" />
             <Button label="Contrast" severity="contrast" @click="showContrast" />
@@ -76,7 +76,7 @@ export default {
         <div class="flex flex-wrap gap-2">
             <Button label="Success" severity="success" @click="showSuccess" />
             <Button label="Info" severity="info" @click="showInfo" />
-            <Button label="Warn" severity="warning" @click="showWarn" />
+            <Button label="Warn" severity="warn" @click="showWarn" />
             <Button label="Error" severity="danger" @click="showError" />
             <Button label="Secondary" severity="secondary" @click="showSecondary" />
             <Button label="Contrast" severity="contrast" @click="showContrast" />
diff --git a/doc/treetable/TemplateDoc.vue b/doc/treetable/TemplateDoc.vue
index d19c9c78c..1cd171c5a 100644
--- a/doc/treetable/TemplateDoc.vue
+++ b/doc/treetable/TemplateDoc.vue
@@ -21,7 +21,7 @@
                 </Column>
                 <template #footer>
                     <div class="flex justify-content-start">
-                        <Button icon="pi pi-refresh" label="Reload" severity="warning" />
+                        <Button icon="pi pi-refresh" label="Reload" severity="warn" />
                     </div>
                 </template>
             </TreeTable>
@@ -56,7 +56,7 @@ export default {
     </Column>
     <template #footer>
         <div class="flex justify-content-start">
-            <Button icon="pi pi-refresh" label="Reload" severity="warning" />
+            <Button icon="pi pi-refresh" label="Reload" severity="warn" />
         </div>
     </template>
 </TreeTable>
@@ -81,7 +81,7 @@ export default {
             </Column>
             <template #footer>
                 <div class="flex justify-content-start">
-                    <Button icon="pi pi-refresh" label="Reload" severity="warning" />
+                    <Button icon="pi pi-refresh" label="Reload" severity="warn" />
                 </div>
             </template>
         </TreeTable>
@@ -123,7 +123,7 @@ export default {
             </Column>
             <template #footer>
                 <div class="flex justify-content-start">
-                    <Button icon="pi pi-refresh" label="Reload" severity="warning" />
+                    <Button icon="pi pi-refresh" label="Reload" severity="warn" />
                 </div>
             </template>
         </TreeTable>