primeng 13.0.0-rc.1 → 13.0.2

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

@@ -331,7 +331,7 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 
@@ -389,14 +389,16 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 .p-datepicker .p-datepicker-header .p-datepicker-title {
   line-height: 2rem;
 }
-.p-datepicker .p-datepicker-header .p-datepicker-title select {
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+  color: rgba(255, 255, 255, 0.87);
+  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+  font-weight: 700;
+  padding: 0.5rem;
 }
-.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
-  outline: 0 none;
-  outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
-  border-color: #A5B4FC;
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+  color: #A5B4FC;
 }
 .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
   margin-right: 0.5rem;
@@ -494,8 +496,20 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(165, 180, 252, 0.16);
 }
+.p-datepicker .p-yearpicker {
+  margin: 0.5rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+  padding: 0.5rem;
+  transition: box-shadow 0.2s;
+  border-radius: 6px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(165, 180, 252, 0.16);
+}
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
-  border-right: 1px solid #444c56;
+  border-left: 1px solid #444c56;
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   padding-top: 0;
@@ -503,10 +517,10 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
   padding-left: 0;
+  border-left: 0 none;
 }
 .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
   padding-right: 0;
-  border-right: 0 none;
 }
 .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
   background: rgba(255, 255, 255, 0.03);
@@ -516,10 +530,18 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
 }
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
   background: rgba(255, 255, 255, 0.03);
 }
-.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
@@ -720,7 +742,7 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
 
 .p-colorpicker-panel {
   background: #22272d;
-  border-color: #444c56;
+  border: 1px solid #444c56;
 }
 .p-colorpicker-panel .p-colorpicker-color-handle,
 .p-colorpicker-panel .p-colorpicker-hue-handle {
@@ -828,7 +850,7 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 
@@ -1222,7 +1244,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-listbox .p-listbox-list .p-listbox-empty-message {
@@ -1364,7 +1386,7 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
@@ -2427,6 +2449,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 .p-datatable .p-datatable-scrollable-footer {
   background: #22272d;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #22272d;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
@@ -2942,6 +2968,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 .fc.fc-theme-standard a {
   color: rgba(255, 255, 255, 0.87);
 }
+.fc.fc-theme-standard .fc-highlight {
+  color: rgba(255, 255, 255, 0.87);
+  background: rgba(165, 180, 252, 0.16);
+}
 
 .p-orderlist .p-orderlist-controls {
   padding: 1.25rem;
@@ -4125,7 +4155,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 }
 
 .p-breadcrumb {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   border-radius: 6px;
   padding: 1rem;
@@ -4158,10 +4188,11 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 
 .p-contextmenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
   width: 12.5rem;
 }
 .p-contextmenu .p-menuitem-link {
@@ -4200,9 +4231,10 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 }
 .p-contextmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  border-radius: 6px;
 }
 .p-contextmenu .p-menuitem {
   margin: 0;
@@ -4289,7 +4321,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 }
 .p-megamenu {
   padding: 0.5rem;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4380,7 +4412,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
   box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5);
 }
 .p-megamenu .p-megamenu-panel {
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
@@ -4389,7 +4421,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
@@ -4430,7 +4462,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 
 .p-menu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4471,7 +4503,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
   box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5);
 }
 .p-menu.p-menu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -4479,7 +4511,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
   margin: 0;
   padding: 0.75rem 1.25rem;
   color: rgba(255, 255, 255, 0.87);
-  background: #3d444d;
+  background: #2f343a;
   font-weight: 700;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
@@ -4497,7 +4529,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 
 .p-menubar {
   padding: 0.5rem;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4589,7 +4621,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 }
 .p-menubar .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
   width: 12.5rem;
@@ -4642,7 +4674,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     position: absolute;
     display: none;
     padding: 0.25rem 0;
-    background: #3d444d;
+    background: #2f343a;
     border: 1px solid #444c56;
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
     width: 100%;
@@ -4837,7 +4869,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 
 .p-slidemenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -4878,13 +4910,13 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
   box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5);
 }
 .p-slidemenu.p-slidemenu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
 .p-slidemenu .p-slidemenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -4996,7 +5028,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
 
 .p-tieredmenu {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #444c56;
   border-radius: 6px;
@@ -5037,13 +5069,13 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
   box-shadow: inset 0 0 0 1px rgba(165, 180, 252, 0.5);
 }
 .p-tieredmenu.p-tieredmenu-overlay {
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
 .p-tieredmenu .p-submenu-list {
   padding: 0.25rem 0;
-  background: #3d444d;
+  background: #2f343a;
   border: 1px solid #444c56;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -5555,7 +5587,7 @@ p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
   background: #A5B4FC;
 }
 .p-progressbar .p-progressbar-label {
-  color: rgba(255, 255, 255, 0.87);
+  color: #1c2127;
   line-height: 1.5rem;
 }