primevue 3.20.0 → 3.22.0

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

@@ -2203,6 +2203,16 @@
   font-size: 2rem;
 }
 
+.p-speeddial-list {
+  outline: 0 none;
+}
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: none;
+}
+
 .p-speeddial-action {
   width: 3rem;
   height: 3rem;
@@ -3260,6 +3270,7 @@
   padding: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
+  outline: 0 none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
   padding: 0.75rem 0.75rem;
@@ -3273,15 +3284,17 @@
   background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
-.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: none;
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   color: #CE93D8;
   background: rgba(206, 147, 216, 0.16);
 }
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+  background: rgba(206, 147, 216, 0.24);
+}
 .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
   background: rgba(255, 255, 255, 0.02);
 }
@@ -3433,6 +3446,7 @@
   padding: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
+  outline: 0 none;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
   padding: 0.75rem 0.75rem;
@@ -3446,15 +3460,17 @@
   background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
-.p-picklist .p-picklist-list .p-picklist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: none;
+.p-picklist .p-picklist-list .p-picklist-item.p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   color: #CE93D8;
   background: rgba(206, 147, 216, 0.16);
 }
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+  background: rgba(206, 147, 216, 0.24);
+}
 .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
   background: rgba(255, 255, 255, 0.02);
 }
@@ -3496,6 +3512,12 @@
 }
 .p-tree .p-tree-container .p-treenode {
   padding: 0.25rem;
+  outline: 0 none;
+}
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: none;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 4px;
@@ -3532,11 +3554,6 @@
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
   color: rgba(255, 255, 255, 0.87);
 }
-.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: none;
-}
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: rgba(206, 147, 216, 0.16);
   color: #CE93D8;
@@ -4078,6 +4095,7 @@
   border: 1px solid rgba(255, 255, 255, 0.12);
   padding: 0.75rem;
   border-radius: 4px;
+  gap: 0.5rem;
 }
 .p-toolbar .p-toolbar-separator {
   margin: 0 0.5rem;
@@ -4192,7 +4210,7 @@
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }
-.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
   margin-left: 1rem;
 }
 
@@ -5725,6 +5743,51 @@
   line-height: 4px;
 }
 
+.p-progress-spinner-svg {
+  animation: p-progress-spinner-rotate 2s linear infinite;
+}
+
+.p-progress-spinner-circle {
+  stroke-dasharray: 89, 200;
+  stroke-dashoffset: 0;
+  stroke: #B71C1C;
+  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
+  stroke-linecap: round;
+}
+
+@keyframes p-progress-spinner-rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes p-progress-spinner-dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
+  }
+}
+@keyframes p-progress-spinner-color {
+  100%, 0% {
+    stroke: #B71C1C;
+  }
+  40% {
+    stroke: #01579B;
+  }
+  66% {
+    stroke: #1B5E20;
+  }
+  80%, 90% {
+    stroke: #7f6003;
+  }
+}
 .p-scrolltop {
   width: 2.75rem;
   height: 2.75rem;
@@ -6115,18 +6178,29 @@
   margin: 0 auto 0 0;
   order: 1;
 }
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:focus {
+  background: rgba(255, 255, 255, 0.12);
+}
 .p-datepicker .p-datepicker-header .p-datepicker-prev {
   order: 2;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-next {
   order: 3;
 }
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  background: rgba(255, 255, 255, 0.12);
+}
 .p-datepicker table th {
   border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.38);
   font-weight: 400;
   font-size: 0.875rem;
 }
+.p-datepicker table td > span:focus {
+  background: rgba(255, 255, 255, 0.12);
+}
 .p-datepicker table td.p-datepicker-today > span {
   box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
 }
@@ -6841,10 +6915,10 @@
   box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
 }
 
-.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
   background: rgba(255, 255, 255, 0.12);
 }
-.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight {
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus.p-highlight {
   background: rgba(206, 147, 216, 0.24);
 }
 
@@ -6934,10 +7008,10 @@
   border-bottom-right-radius: 4px;
 }
 
-.p-picklist .p-picklist-list .p-picklist-item:focus {
+.p-picklist .p-picklist-list .p-picklist-item.p-focus {
   background: rgba(255, 255, 255, 0.12);
 }
-.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight {
+.p-picklist .p-picklist-list .p-picklist-item.p-focus.p-highlight {
   background: rgba(206, 147, 216, 0.24);
 }
 
@@ -7027,6 +7101,10 @@
   transform: scale(1);
 }
 
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  background: rgba(165, 214, 167, 0.76);
+}
+
 .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
   background: rgba(206, 147, 216, 0.12);
 }
@@ -7207,10 +7285,13 @@
   display: none;
 }
 
-.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+.p-tree .p-tree-container .p-treenode {
+  outline: 0 none;
+}
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
   background: rgba(255, 255, 255, 0.12);
 }
-.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight {
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight {
   background: rgba(206, 147, 216, 0.24);
 }
 

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

@@ -2203,6 +2203,16 @@
   font-size: 2rem;
 }
 
+.p-speeddial-list {
+  outline: 0 none;
+}
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: none;
+}
+
 .p-speeddial-action {
   width: 3rem;
   height: 3rem;
@@ -3260,6 +3270,7 @@
   padding: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
+  outline: 0 none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
   padding: 0.75rem 0.75rem;
@@ -3273,15 +3284,17 @@
   background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
-.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: none;
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   color: #9FA8DA;
   background: rgba(159, 168, 218, 0.16);
 }
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+  background: rgba(159, 168, 218, 0.24);
+}
 .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
   background: rgba(255, 255, 255, 0.02);
 }
@@ -3433,6 +3446,7 @@
   padding: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
+  outline: 0 none;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
   padding: 0.75rem 0.75rem;
@@ -3446,15 +3460,17 @@
   background: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.87);
 }
-.p-picklist .p-picklist-list .p-picklist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: none;
+.p-picklist .p-picklist-list .p-picklist-item.p-focus {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.12);
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   color: #9FA8DA;
   background: rgba(159, 168, 218, 0.16);
 }
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+  background: rgba(159, 168, 218, 0.24);
+}
 .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
   background: rgba(255, 255, 255, 0.02);
 }
@@ -3496,6 +3512,12 @@
 }
 .p-tree .p-tree-container .p-treenode {
   padding: 0.25rem;
+  outline: 0 none;
+}
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: none;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 4px;
@@ -3532,11 +3554,6 @@
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
   color: rgba(255, 255, 255, 0.87);
 }
-.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: none;
-}
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: rgba(159, 168, 218, 0.16);
   color: #9FA8DA;
@@ -4078,6 +4095,7 @@
   border: 1px solid rgba(255, 255, 255, 0.12);
   padding: 0.75rem;
   border-radius: 4px;
+  gap: 0.5rem;
 }
 .p-toolbar .p-toolbar-separator {
   margin: 0 0.5rem;
@@ -4192,7 +4210,7 @@
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }
-.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
   margin-left: 1rem;
 }
 
@@ -5725,6 +5743,51 @@
   line-height: 4px;
 }
 
+.p-progress-spinner-svg {
+  animation: p-progress-spinner-rotate 2s linear infinite;
+}
+
+.p-progress-spinner-circle {
+  stroke-dasharray: 89, 200;
+  stroke-dashoffset: 0;
+  stroke: #B71C1C;
+  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
+  stroke-linecap: round;
+}
+
+@keyframes p-progress-spinner-rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes p-progress-spinner-dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
+  }
+}
+@keyframes p-progress-spinner-color {
+  100%, 0% {
+    stroke: #B71C1C;
+  }
+  40% {
+    stroke: #01579B;
+  }
+  66% {
+    stroke: #1B5E20;
+  }
+  80%, 90% {
+    stroke: #7f6003;
+  }
+}
 .p-scrolltop {
   width: 2.75rem;
   height: 2.75rem;
@@ -6115,18 +6178,29 @@
   margin: 0 auto 0 0;
   order: 1;
 }
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:focus {
+  background: rgba(255, 255, 255, 0.12);
+}
 .p-datepicker .p-datepicker-header .p-datepicker-prev {
   order: 2;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-next {
   order: 3;
 }
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+  background: rgba(255, 255, 255, 0.12);
+}
 .p-datepicker table th {
   border-bottom: 1px solid rgba(255, 255, 255, 0.12);
   color: rgba(255, 255, 255, 0.38);
   font-weight: 400;
   font-size: 0.875rem;
 }
+.p-datepicker table td > span:focus {
+  background: rgba(255, 255, 255, 0.12);
+}
 .p-datepicker table td.p-datepicker-today > span {
   box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
 }
@@ -6841,10 +6915,10 @@
   box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
 }
 
-.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
   background: rgba(255, 255, 255, 0.12);
 }
-.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight {
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus.p-highlight {
   background: rgba(159, 168, 218, 0.24);
 }
 
@@ -6934,10 +7008,10 @@
   border-bottom-right-radius: 4px;
 }
 
-.p-picklist .p-picklist-list .p-picklist-item:focus {
+.p-picklist .p-picklist-list .p-picklist-item.p-focus {
   background: rgba(255, 255, 255, 0.12);
 }
-.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight {
+.p-picklist .p-picklist-list .p-picklist-item.p-focus.p-highlight {
   background: rgba(159, 168, 218, 0.24);
 }
 
@@ -7027,6 +7101,10 @@
   transform: scale(1);
 }
 
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  background: rgba(244, 143, 177, 0.76);
+}
+
 .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus {
   background: rgba(159, 168, 218, 0.12);
 }
@@ -7207,10 +7285,13 @@
   display: none;
 }
 
-.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
+.p-tree .p-tree-container .p-treenode {
+  outline: 0 none;
+}
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
   background: rgba(255, 255, 255, 0.12);
 }
-.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight {
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight {
   background: rgba(159, 168, 218, 0.24);
 }