Introduced p-readonly

public/themes/arya-blue/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #64B5F6;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #64B5F6;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #F48FB1;
 }
 

public/themes/arya-green/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #81C784;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #81C784;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #F48FB1;
 }
 

public/themes/arya-orange/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #FFD54F;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #FFD54F;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #F48FB1;
 }
 

public/themes/arya-purple/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #BA68C8;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #BA68C8;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #F48FB1;
 }
 

public/themes/bootstrap4-dark-blue/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #8dd0ff;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #8dd0ff;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #f19ea6;
 }
 

public/themes/bootstrap4-dark-purple/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #c298d8;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #c298d8;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #f19ea6;
 }
 

public/themes/bootstrap4-light-blue/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #007bff;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #007bff;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #dc3545;
 }
 

public/themes/bootstrap4-light-purple/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #883cae;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #883cae;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #dc3545;
 }
 

public/themes/luna-amber/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #FFE082;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #FFE082;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #b5019f;
 }
 

public/themes/luna-blue/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #81D4FA;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #81D4FA;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #b5019f;
 }
 

public/themes/luna-green/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #C5E1A5;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #C5E1A5;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #b5019f;
 }
 

public/themes/luna-pink/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #F48FB1;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #F48FB1;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #b5019f;
 }
 

public/themes/md-dark-deeppurple/theme.css

@@ -1095,10 +1095,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #CE93D8;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #CE93D8;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #f44435;
 }
 

public/themes/md-dark-indigo/theme.css

@@ -1095,10 +1095,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #9FA8DA;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #9FA8DA;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #f44435;
 }
 

public/themes/md-light-deeppurple/theme.css

@@ -1095,10 +1095,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #673AB7;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #673AB7;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #B00020;
 }
 

public/themes/md-light-indigo/theme.css

@@ -1095,10 +1095,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #3F51B5;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #3F51B5;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #B00020;
 }
 

public/themes/mdc-dark-deeppurple/theme.css

@@ -1095,10 +1095,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #673AB7;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #673AB7;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #f44435;
 }
 

public/themes/mdc-dark-indigo/theme.css

@@ -1095,10 +1095,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #3F51B5;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #3F51B5;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #f44435;
 }
 

public/themes/mdc-light-deeppurple/theme.css

@@ -1095,10 +1095,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #673AB7;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #673AB7;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #B00020;
 }
 

public/themes/mdc-light-indigo/theme.css

@@ -1095,10 +1095,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #3F51B5;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #3F51B5;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #B00020;
 }
 

public/themes/nova-accent/theme.css

@@ -1071,10 +1071,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #007ad9;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #007ad9;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #b5019f;
 }
 

public/themes/nova-alt/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #007ad9;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #007ad9;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #b5019f;
 }
 

public/themes/nova-vue/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #41b883;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #41b883;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #b5019f;
 }
 

public/themes/nova/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #007ad9;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #007ad9;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #b5019f;
 }
 

public/themes/rhea/theme.css

@@ -1071,10 +1071,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #7B95A3;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #7B95A3;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #d66161;
 }
 

public/themes/saga-blue/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #2196F3;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #2196F3;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #c0392b;
 }
 

public/themes/saga-green/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #4CAF50;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #4CAF50;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #c0392b;
 }
 

public/themes/saga-orange/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #FFC107;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #FFC107;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #c0392b;
 }
 

public/themes/saga-purple/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #9C27B0;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #9C27B0;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #c0392b;
 }
 

public/themes/vela-blue/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #64B5F6;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #64B5F6;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #F48FB1;
 }
 

public/themes/vela-green/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #81C784;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #81C784;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #F48FB1;
 }
 

public/themes/vela-orange/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #FFD54F;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #FFD54F;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #F48FB1;
 }
 

public/themes/vela-purple/theme.css

@@ -1079,10 +1079,10 @@
 .p-rating .p-rating-icon.pi-star {
   color: #BA68C8;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
   color: #BA68C8;
 }
-.p-rating:not(.p-disabled):not(.p-rating-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
   color: #F48FB1;
 }
 

src/components/rating/Rating.vue

@@ -54,7 +54,7 @@ export default {
             return [
                 'p-rating',
                 {
-                    'p-rating-readonly': this.readonly,
+                    'p-readonly': this.readonly,
                     'p-disabled': this.disabled
                 }
             ];

src/components/steps/Steps.vue

@@ -70,7 +70,7 @@ export default {
             return this.$route.path;
         },
         containerClass() {
-            return ['p-steps p-component', {'p-steps-readonly': this.readonly}];
+            return ['p-steps p-component', {'p-readonly': this.readonly}];
         }
     }
 }