primevue 3.20.0 → 3.22.0

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

@@ -2179,6 +2179,16 @@
   font-size: 1.3rem;
 }
 
+.p-speeddial-list {
+  outline: 0 none;
+}
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem #99F6E4;
+}
+
 .p-speeddial-action {
   width: 3rem;
   height: 3rem;
@@ -3236,6 +3246,7 @@
   padding: 0.75rem 0;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
+  outline: 0 none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
   padding: 0.75rem 1.25rem;
@@ -3249,15 +3260,17 @@
   background: #e9ecef;
   color: #495057;
 }
-.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem #99F6E4;
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+  color: #495057;
+  background: #dee2e6;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   color: #0F766E;
   background: #F0FDFA;
 }
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+  background: rgba(20, 184, 166, 0.24);
+}
 .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
   background: #fcfcfc;
 }
@@ -3409,6 +3422,7 @@
   padding: 0.75rem 0;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
+  outline: 0 none;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
   padding: 0.75rem 1.25rem;
@@ -3422,15 +3436,17 @@
   background: #e9ecef;
   color: #495057;
 }
-.p-picklist .p-picklist-list .p-picklist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem #99F6E4;
+.p-picklist .p-picklist-list .p-picklist-item.p-focus {
+  color: #495057;
+  background: #dee2e6;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   color: #0F766E;
   background: #F0FDFA;
 }
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+  background: rgba(20, 184, 166, 0.24);
+}
 .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
   background: #fcfcfc;
 }
@@ -3472,6 +3488,12 @@
 }
 .p-tree .p-tree-container .p-treenode {
   padding: 0.143rem;
+  outline: 0 none;
+}
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.15rem #99F6E4;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 6px;
@@ -3508,11 +3530,6 @@
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
   color: #495057;
 }
-.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem #99F6E4;
-}
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #F0FDFA;
   color: #0F766E;
@@ -4029,6 +4046,7 @@
   border: 1px solid #dee2e6;
   padding: 1.25rem;
   border-radius: 6px;
+  gap: 0.5rem;
 }
 .p-toolbar .p-toolbar-separator {
   margin: 0 0.5rem;
@@ -4143,7 +4161,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;
 }
 
@@ -5652,6 +5670,51 @@
   line-height: 1.5rem;
 }
 
+.p-progress-spinner-svg {
+  animation: p-progress-spinner-rotate 2s linear infinite;
+}
+
+.p-progress-spinner-circle {
+  stroke-dasharray: 89, 200;
+  stroke-dashoffset: 0;
+  stroke: #ff5757;
+  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: #ff5757;
+  }
+  40% {
+    stroke: #696cff;
+  }
+  66% {
+    stroke: #1ea97c;
+  }
+  80%, 90% {
+    stroke: #cc8925;
+  }
+}
 .p-scrolltop {
   width: 3rem;
   height: 3rem;
@@ -5766,3 +5829,7 @@
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
   box-shadow: inset 0 -2px 0 0 #14B8A6;
 }
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black;
+}

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

@@ -2191,6 +2191,16 @@
   font-size: 1.3rem;
 }
 
+.p-speeddial-list {
+  outline: 0 none;
+}
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.1rem white;
+}
+
 .p-speeddial-action {
   width: 3rem;
   height: 3rem;
@@ -3248,6 +3258,7 @@
   padding: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
+  outline: 0 none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
   padding: 0.429rem 0.857rem;
@@ -3261,15 +3272,17 @@
   background: #4c4c4c;
   color: #dedede;
 }
-.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem white;
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+  color: #dedede;
+  background: #3c3c3c;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   color: #212529;
   background: #FFE082;
 }
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+  background: #ffe081;
+}
 .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
   background: #323232;
 }
@@ -3421,6 +3434,7 @@
   padding: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
+  outline: 0 none;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
   padding: 0.429rem 0.857rem;
@@ -3434,15 +3448,17 @@
   background: #4c4c4c;
   color: #dedede;
 }
-.p-picklist .p-picklist-list .p-picklist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem white;
+.p-picklist .p-picklist-list .p-picklist-item.p-focus {
+  color: #dedede;
+  background: #3c3c3c;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   color: #212529;
   background: #FFE082;
 }
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+  background: #ffe081;
+}
 .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
   background: #323232;
 }
@@ -3484,6 +3500,12 @@
 }
 .p-tree .p-tree-container .p-treenode {
   padding: 0.143rem;
+  outline: 0 none;
+}
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.15rem white;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
@@ -3520,11 +3542,6 @@
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
   color: #dedede;
 }
-.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem white;
-}
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #FFE082;
   color: #212529;
@@ -4041,6 +4058,7 @@
   border: 1px solid #191919;
   padding: 0.857rem 1rem;
   border-radius: 3px;
+  gap: 0.5rem;
 }
 .p-toolbar .p-toolbar-separator {
   margin: 0 0.5rem;
@@ -4155,7 +4173,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;
 }
 
@@ -5664,6 +5682,51 @@
   line-height: 24px;
 }
 
+.p-progress-spinner-svg {
+  animation: p-progress-spinner-rotate 2s linear infinite;
+}
+
+.p-progress-spinner-circle {
+  stroke-dasharray: 89, 200;
+  stroke-dashoffset: 0;
+  stroke: #212121;
+  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: #212121;
+  }
+  40% {
+    stroke: #212121;
+  }
+  66% {
+    stroke: #212121;
+  }
+  80%, 90% {
+    stroke: #212121;
+  }
+}
 .p-scrolltop {
   width: 3rem;
   height: 3rem;

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

@@ -2191,6 +2191,16 @@
   font-size: 1.3rem;
 }
 
+.p-speeddial-list {
+  outline: 0 none;
+}
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.1rem white;
+}
+
 .p-speeddial-action {
   width: 3rem;
   height: 3rem;
@@ -3248,6 +3258,7 @@
   padding: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
+  outline: 0 none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
   padding: 0.429rem 0.857rem;
@@ -3261,15 +3272,17 @@
   background: #4c4c4c;
   color: #dedede;
 }
-.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem white;
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+  color: #dedede;
+  background: #3c3c3c;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   color: #212529;
   background: #81D4FA;
 }
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+  background: #81d4fa;
+}
 .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
   background: #323232;
 }
@@ -3421,6 +3434,7 @@
   padding: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
+  outline: 0 none;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
   padding: 0.429rem 0.857rem;
@@ -3434,15 +3448,17 @@
   background: #4c4c4c;
   color: #dedede;
 }
-.p-picklist .p-picklist-list .p-picklist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem white;
+.p-picklist .p-picklist-list .p-picklist-item.p-focus {
+  color: #dedede;
+  background: #3c3c3c;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   color: #212529;
   background: #81D4FA;
 }
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+  background: #81d4fa;
+}
 .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
   background: #323232;
 }
@@ -3484,6 +3500,12 @@
 }
 .p-tree .p-tree-container .p-treenode {
   padding: 0.143rem;
+  outline: 0 none;
+}
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.15rem white;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
@@ -3520,11 +3542,6 @@
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
   color: #dedede;
 }
-.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem white;
-}
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #81D4FA;
   color: #212529;
@@ -4041,6 +4058,7 @@
   border: 1px solid #191919;
   padding: 0.857rem 1rem;
   border-radius: 3px;
+  gap: 0.5rem;
 }
 .p-toolbar .p-toolbar-separator {
   margin: 0 0.5rem;
@@ -4155,7 +4173,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;
 }
 
@@ -5664,6 +5682,51 @@
   line-height: 24px;
 }
 
+.p-progress-spinner-svg {
+  animation: p-progress-spinner-rotate 2s linear infinite;
+}
+
+.p-progress-spinner-circle {
+  stroke-dasharray: 89, 200;
+  stroke-dashoffset: 0;
+  stroke: #212121;
+  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: #212121;
+  }
+  40% {
+    stroke: #212121;
+  }
+  66% {
+    stroke: #212121;
+  }
+  80%, 90% {
+    stroke: #212121;
+  }
+}
 .p-scrolltop {
   width: 3rem;
   height: 3rem;

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

@@ -2191,6 +2191,16 @@
   font-size: 1.3rem;
 }
 
+.p-speeddial-list {
+  outline: 0 none;
+}
+
+.p-speeddial-item.p-focus > .p-speeddial-action {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.1rem white;
+}
+
 .p-speeddial-action {
   width: 3rem;
   height: 3rem;
@@ -3248,6 +3258,7 @@
   padding: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
+  outline: 0 none;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item {
   padding: 0.429rem 0.857rem;
@@ -3261,15 +3272,17 @@
   background: #4c4c4c;
   color: #dedede;
 }
-.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem white;
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+  color: #dedede;
+  background: #3c3c3c;
 }
 .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
   color: #212529;
   background: #C5E1A5;
 }
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+  background: #c5e1a5;
+}
 .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
   background: #323232;
 }
@@ -3421,6 +3434,7 @@
   padding: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
+  outline: 0 none;
 }
 .p-picklist .p-picklist-list .p-picklist-item {
   padding: 0.429rem 0.857rem;
@@ -3434,15 +3448,17 @@
   background: #4c4c4c;
   color: #dedede;
 }
-.p-picklist .p-picklist-list .p-picklist-item:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem white;
+.p-picklist .p-picklist-list .p-picklist-item.p-focus {
+  color: #dedede;
+  background: #3c3c3c;
 }
 .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
   color: #212529;
   background: #C5E1A5;
 }
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+  background: #c5e1a5;
+}
 .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
   background: #323232;
 }
@@ -3484,6 +3500,12 @@
 }
 .p-tree .p-tree-container .p-treenode {
   padding: 0.143rem;
+  outline: 0 none;
+}
+.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 0.15rem white;
 }
 .p-tree .p-tree-container .p-treenode .p-treenode-content {
   border-radius: 3px;
@@ -3520,11 +3542,6 @@
 .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
   color: #dedede;
 }
-.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: inset 0 0 0 0.15rem white;
-}
 .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
   background: #C5E1A5;
   color: #212529;
@@ -4041,6 +4058,7 @@
   border: 1px solid #191919;
   padding: 0.857rem 1rem;
   border-radius: 3px;
+  gap: 0.5rem;
 }
 .p-toolbar .p-toolbar-separator {
   margin: 0 0.5rem;
@@ -4155,7 +4173,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;
 }
 
@@ -5664,6 +5682,51 @@
   line-height: 24px;
 }
 
+.p-progress-spinner-svg {
+  animation: p-progress-spinner-rotate 2s linear infinite;
+}
+
+.p-progress-spinner-circle {
+  stroke-dasharray: 89, 200;
+  stroke-dashoffset: 0;
+  stroke: #212121;
+  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: #212121;
+  }
+  40% {
+    stroke: #212121;
+  }
+  66% {
+    stroke: #212121;
+  }
+  80%, 90% {
+    stroke: #212121;
+  }
+}
 .p-scrolltop {
   width: 3rem;
   height: 3rem;