primeng 15.4.0 → 15.4.1

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

@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   color: #e24c4c;
 }
 
-.p-input-icon-left > .p-icon-wrapper:first-of-type,
+.p-input-icon-left > .p-icon-wrapper.p-icon,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #6c757d;
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   left: 2.5rem;
 }
 
-.p-input-icon-right > .p-icon-wrapper:last-of-type,
+.p-input-icon-right > .p-icon-wrapper,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: #6c757d;
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #6c757d;
 }
+.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  gap: 0.5rem;
+}
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.375rem 0.75rem;
   background: #F0FDFA;
   color: #0F766E;
   border-radius: 6px;
-  margin-right: 0.5rem;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -5987,7 +5989,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-galleria .p-galleria-close .p-galleria-close-icon {
   font-size: 2rem;
 }
-.p-galleria .p-galleria-close .p-icon {
+.p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
   width: 2rem;
   height: 2rem;
 }
@@ -6008,7 +6010,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
   font-size: 2rem;
 }
-.p-galleria .p-galleria-item-nav .p-icon {
+.p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
   width: 2rem;
   height: 2rem;
 }
@@ -6357,25 +6359,25 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 }
 
 .p-button:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black;
 }
 .p-button.p-button-secondary:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
 }
 .p-button.p-button-success:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
 }
 .p-button.p-button-info:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
 }
 .p-button.p-button-warning:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
 }
 .p-button.p-button-help:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
 }
 .p-button.p-button-danger:enabled:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
 }
 
 .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {

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

@@ -371,7 +371,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 .p-datepicker .p-datepicker-header .p-datepicker-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -459,7 +459,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 .p-datepicker .p-timepicker button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -1210,7 +1210,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   color: #e57373;
 }
 
-.p-input-icon-left > .p-icon-wrapper:first-of-type,
+.p-input-icon-left > .p-icon-wrapper.p-icon,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #888888;
@@ -1224,7 +1224,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   left: 1.858rem;
 }
 
-.p-input-icon-right > .p-icon-wrapper:last-of-type,
+.p-input-icon-right > .p-icon-wrapper,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #888888;
@@ -1361,12 +1361,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #9b9b9b;
 }
+.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  gap: 0.5rem;
+}
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   background: #FFE082;
   color: #212529;
   border-radius: 3px;
-  margin-right: 0.5rem;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -1413,7 +1415,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   margin-left: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -1851,7 +1853,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2688,7 +2690,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-carousel .p-carousel-content .p-carousel-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2827,7 +2829,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3034,7 +3036,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-column-filter-menu-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3062,7 +3064,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-column-filter-clear-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3294,7 +3296,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   font-size: 1rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3760,7 +3762,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   margin-right: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3961,7 +3963,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4254,7 +4256,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4470,7 +4472,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-dialog .p-dialog-header .p-dialog-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4578,7 +4580,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -5999,7 +6001,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-galleria .p-galleria-close .p-galleria-close-icon {
   font-size: 2rem;
 }
-.p-galleria .p-galleria-close .p-icon {
+.p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
   width: 2rem;
   height: 2rem;
 }
@@ -6020,7 +6022,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
   font-size: 2rem;
 }
-.p-galleria .p-galleria-item-nav .p-icon {
+.p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
   width: 2rem;
   height: 2rem;
 }

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

@@ -371,7 +371,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 .p-datepicker .p-datepicker-header .p-datepicker-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -459,7 +459,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 .p-datepicker .p-timepicker button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -1210,7 +1210,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   color: #e57373;
 }
 
-.p-input-icon-left > .p-icon-wrapper:first-of-type,
+.p-input-icon-left > .p-icon-wrapper.p-icon,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #888888;
@@ -1224,7 +1224,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   left: 1.858rem;
 }
 
-.p-input-icon-right > .p-icon-wrapper:last-of-type,
+.p-input-icon-right > .p-icon-wrapper,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #888888;
@@ -1361,12 +1361,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #9b9b9b;
 }
+.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  gap: 0.5rem;
+}
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   background: #81D4FA;
   color: #212529;
   border-radius: 3px;
-  margin-right: 0.5rem;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -1413,7 +1415,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   margin-left: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -1851,7 +1853,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2688,7 +2690,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-carousel .p-carousel-content .p-carousel-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2827,7 +2829,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3034,7 +3036,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-column-filter-menu-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3062,7 +3064,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-column-filter-clear-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3294,7 +3296,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   font-size: 1rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3760,7 +3762,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   margin-right: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3961,7 +3963,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4254,7 +4256,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4470,7 +4472,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-dialog .p-dialog-header .p-dialog-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4578,7 +4580,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -5999,7 +6001,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-galleria .p-galleria-close .p-galleria-close-icon {
   font-size: 2rem;
 }
-.p-galleria .p-galleria-close .p-icon {
+.p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
   width: 2rem;
   height: 2rem;
 }
@@ -6020,7 +6022,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
   font-size: 2rem;
 }
-.p-galleria .p-galleria-item-nav .p-icon {
+.p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
   width: 2rem;
   height: 2rem;
 }

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

@@ -371,7 +371,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 .p-datepicker .p-datepicker-header .p-datepicker-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -459,7 +459,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 .p-datepicker .p-timepicker button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -1210,7 +1210,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   color: #e57373;
 }
 
-.p-input-icon-left > .p-icon-wrapper:first-of-type,
+.p-input-icon-left > .p-icon-wrapper.p-icon,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #888888;
@@ -1224,7 +1224,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   left: 1.858rem;
 }
 
-.p-input-icon-right > .p-icon-wrapper:last-of-type,
+.p-input-icon-right > .p-icon-wrapper,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #888888;
@@ -1361,12 +1361,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
 .p-multiselect .p-multiselect-label.p-placeholder {
   color: #9b9b9b;
 }
+.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  gap: 0.5rem;
+}
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
   padding: 0.2145rem 0.429rem;
   background: #C5E1A5;
   color: #212529;
   border-radius: 3px;
-  margin-right: 0.5rem;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
   margin-left: 0.5rem;
@@ -1413,7 +1415,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   margin-left: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -1851,7 +1853,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2688,7 +2690,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-carousel .p-carousel-content .p-carousel-next {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -2827,7 +2829,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3034,7 +3036,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-column-filter-menu-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3062,7 +3064,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-column-filter-clear-button {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3294,7 +3296,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   font-size: 1rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3760,7 +3762,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   margin-right: 0.5rem;
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -3961,7 +3963,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4254,7 +4256,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4470,7 +4472,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-dialog .p-dialog-header .p-dialog-header-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -4578,7 +4580,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
   width: 2rem;
   height: 2rem;
-  color: rgba(136, 136, 136, 0.5333333333);
+  color: #8888;
   border: 0 none;
   background: transparent;
   border-radius: 50%;
@@ -5999,7 +6001,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-galleria .p-galleria-close .p-galleria-close-icon {
   font-size: 2rem;
 }
-.p-galleria .p-galleria-close .p-icon {
+.p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
   width: 2rem;
   height: 2rem;
 }
@@ -6020,7 +6022,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
 .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
   font-size: 2rem;
 }
-.p-galleria .p-galleria-item-nav .p-icon {
+.p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
   width: 2rem;
   height: 2rem;
 }