@ihk-gfi/lux-components-theme 21.3.0 → 21.5.0

package/prebuilt-themes/luxtheme-green.css

@@ -1625,7 +1625,9 @@
   --lux-theme-radius-xxl: 999px;
   --lux-theme-spacing-xxs: 2px;
   --lux-theme-spacing-xs: 4px;
+  --lux-theme-spacing-1-5: 6px;
   --lux-theme-spacing-sm: 8px;
+  --lux-theme-spacing-3: 12px;
   --lux-theme-spacing-md: 16px;
   --lux-theme-spacing-lg: 24px;
   --lux-theme-spacing-xl: 32px;
@@ -1636,6 +1638,7 @@
   --lux-theme-font-size-md: 1rem;
   --lux-theme-font-size-lg: 1.125rem;
   --lux-theme-font-size-xl: 1.25rem;
+  --lux-theme-font-size-2xl: 1.5rem;
   --lux-theme-primary-color: #003366;
   --lux-theme-accent-color: #003911;
   --lux-theme-accent-secondary-color: #247929;
@@ -1716,7 +1719,7 @@
   --lux-theme-app-gradient-reverse: none;
   --lux-theme-app-border-color: var(--mat-sys-outline-variant);
   --lux-theme-app-border-radius: 14px;
-  --lux-theme-state-layer-color: #E3EBF5;
+  --lux-theme-state-layer-color: #e3ebf5;
   --lux-theme-app-state-layer-color: #3a5f94;
   --lux-theme-hover-state-layer-opacity: 0.08;
   --lux-theme-focus-state-layer-opacity: 0.12;
@@ -1758,6 +1761,7 @@
   --lux-theme-snackbar-orange: #ec9c1b;
   --lux-theme-snackbar-yellow: #fbd12c;
   --lux-theme-snackbar-white: #ffffff;
+  --lux-theme-accordion-panel-container-elevation-shadow-width: 1px;
   --lux-theme-accordion-header-color-neutral: var(--lux-theme-app-content-bg);
   --lux-theme-accordion-header-color-on-neutral: var(--lux-theme-dark-primary-text);
   --lux-theme-accordion-header-hover-color-on-neutral: var(--lux-theme-app-content-bg);
@@ -2205,8 +2209,8 @@
   --mat-progress-bar-track-shape: 0;
   --mat-progress-bar-active-indicator-color: var(--mat-sys-primary);
   --mat-progress-bar-track-color: var(--mat-sys-surface-variant);
-  --mat-tooltip-container-color: var(--mat-sys-inverse-surface);
   --mat-tooltip-container-shape: 4px;
+  --mat-tooltip-container-color: var(--mat-sys-inverse-surface);
   --mat-tooltip-supporting-text-color: var(--mat-sys-inverse-on-surface);
   --mat-tooltip-supporting-text-font: Source Sans Pro;
   --mat-tooltip-supporting-text-line-height: 1rem;
@@ -3584,14 +3588,6 @@ lux-card.lux-card-grow mat-card-content {
   opacity: 0.6;
 }
 
-.lux-overflow-y-hidden {
-  overflow-y: hidden;
-}
-
-.lux-overflow-y-auto {
-  overflow-y: auto;
-}
-
 .lux-overflow-wrap-break-word {
   overflow-wrap: break-word;
 }
@@ -3659,6 +3655,7 @@ lux-card.lux-card-grow mat-card-content {
 }
 
 /*
+  @deprecated Verwende stattdessen .lux-z-{n} aus _luxutilities.scss (z.B. .lux-z-100).
   Erstellt die Z-Indizes.
   Um weitere Z-Indizes anzulegen, die Variable zindexSteps um die entsprechenden Werte ergaenzen.
  */
@@ -36329,9 +36326,393 @@ lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-hig
     grid-auto-rows: minmax(0, 1fr);
   }
 }
+:root {
+  --lux-focus-state-layer-color: color-mix(in srgb, var(--lux-theme-primary-color) 12%, transparent);
+  --lux-z-action-bar: 8;
+  --lux-z-header: 100;
+  --lux-z-backdrop: 199;
+  --lux-z-drawer: 200;
+  --lux-z-skip-link: 10000;
+}
+
+.lux-static {
+  position: static;
+}
+
+.lux-relative {
+  position: relative;
+}
+
+.lux-absolute {
+  position: absolute;
+}
+
+.lux-fixed {
+  position: fixed;
+}
+
+.lux-sticky {
+  position: sticky;
+}
+
+.lux-inset-0 {
+  inset: 0;
+}
+
+.lux-top-0 {
+  top: 0;
+}
+
+.lux-right-0 {
+  right: 0;
+}
+
+.lux-bottom-0 {
+  bottom: 0;
+}
+
+.lux-left-0 {
+  left: 0;
+}
+
+.lux-inset-auto {
+  inset: auto;
+}
+
+.lux-top-auto {
+  top: auto;
+}
+
+.lux-right-auto {
+  right: auto;
+}
+
+.lux-bottom-auto {
+  bottom: auto;
+}
+
+.lux-left-auto {
+  left: auto;
+}
+
+.lux-z-auto {
+  z-index: auto;
+}
+
+.lux-z-0 {
+  z-index: 0;
+}
+
+.lux-z-1 {
+  z-index: 1;
+}
+
+.lux-z-5 {
+  z-index: 5;
+}
+
+.lux-z-8 {
+  z-index: 8;
+}
+
+.lux-z-9 {
+  z-index: 9;
+}
+
+.lux-z-10 {
+  z-index: 10;
+}
+
+.lux-z-100 {
+  z-index: 100;
+}
+
+.lux-z-199 {
+  z-index: 199;
+}
+
+.lux-z-200 {
+  z-index: 200;
+}
+
+.lux-z-500 {
+  z-index: 500;
+}
+
+.lux-z-1000 {
+  z-index: 1000;
+}
+
+.lux-z-10000 {
+  z-index: 10000;
+}
+
+.lux-overflow-auto {
+  overflow: auto;
+}
+
+.lux-overflow-x-auto {
+  overflow-x: auto;
+}
+
+.lux-overflow-y-auto {
+  overflow-y: auto;
+}
+
+.lux-overflow-hidden {
+  overflow: hidden;
+}
+
+.lux-overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.lux-overflow-y-hidden {
+  overflow-y: hidden;
+}
+
+.lux-overflow-visible {
+  overflow: visible;
+}
+
+.lux-overflow-x-visible {
+  overflow-x: visible;
+}
+
+.lux-overflow-y-visible {
+  overflow-y: visible;
+}
+
+.lux-overflow-scroll {
+  overflow: scroll;
+}
+
+.lux-overflow-x-scroll {
+  overflow-x: scroll;
+}
+
+.lux-overflow-y-scroll {
+  overflow-y: scroll;
+}
+
+.lux-border-0 {
+  border: none;
+}
+
+.lux-rounded-none {
+  border-radius: 0;
+}
+
+.lux-rounded-xs {
+  border-radius: var(--lux-theme-radius-xs);
+}
+
+.lux-rounded-sm {
+  border-radius: var(--lux-theme-radius-sm);
+}
+
+.lux-rounded-md {
+  border-radius: var(--lux-theme-radius-md);
+}
+
+.lux-rounded-lg {
+  border-radius: var(--lux-theme-radius-lg);
+}
+
+.lux-rounded-xl {
+  border-radius: var(--lux-theme-radius-xl);
+}
+
+.lux-rounded-xxl {
+  border-radius: var(--lux-theme-radius-xxl);
+}
+
+.lux-rounded-full {
+  border-radius: 50%;
+}
+
+.lux-rounded-theme {
+  border-radius: var(--lux-theme-app-border-radius);
+}
+
+.lux-shadow-none {
+  box-shadow: none;
+}
+
+.lux-cursor-pointer {
+  cursor: pointer;
+}
+
+.lux-cursor-default {
+  cursor: default;
+}
+
+.lux-pointer-events-none {
+  pointer-events: none;
+}
+
+.lux-pointer-events-auto {
+  pointer-events: auto;
+}
+
+.lux-text-xs {
+  font-size: var(--lux-theme-font-size-xs);
+}
+
+.lux-text-sm {
+  font-size: var(--lux-theme-font-size-sm);
+}
+
+.lux-text-base {
+  font-size: var(--lux-theme-font-size-md);
+}
+
+.lux-text-lg {
+  font-size: var(--lux-theme-font-size-lg);
+}
+
+.lux-text-xl {
+  font-size: var(--lux-theme-font-size-xl);
+}
+
+.lux-text-2xl {
+  font-size: var(--lux-theme-font-size-2xl);
+}
+
+.lux-font-light {
+  font-weight: 300;
+}
+
+.lux-font-normal {
+  font-weight: 400;
+}
+
+.lux-font-medium {
+  font-weight: 500;
+}
+
+.lux-font-semibold {
+  font-weight: 600;
+}
+
+.lux-font-bold {
+  font-weight: 700;
+}
+
+.lux-font-headline {
+  font-family: var(--lux-theme-app-headline-font, inherit);
+}
+
+.lux-font-body {
+  font-family: var(--lux-theme-app-font-family, inherit);
+}
+
+.lux-leading-none {
+  line-height: 1;
+}
+
+.lux-leading-tight {
+  line-height: 1.2;
+}
+
+.lux-leading-normal {
+  line-height: 1.5;
+}
+
+.lux-leading-relaxed {
+  line-height: 1.75;
+}
+
+.lux-whitespace-nowrap {
+  white-space: nowrap;
+}
+
+.lux-whitespace-normal {
+  white-space: normal;
+}
+
+.lux-bg-transparent {
+  background: transparent;
+}
+
+.lux-bg-header {
+  background-color: var(--lux-theme-app-header-bg);
+}
+
+.lux-bg-content {
+  background-color: var(--lux-theme-app-content-bg);
+}
+
+.lux-bg-footer {
+  background-color: var(--lux-theme-app-footer-bg);
+}
+
+.lux-bg-primary {
+  background-color: var(--lux-theme-primary-color);
+}
+
+.lux-text-primary {
+  color: var(--lux-theme-primary-color);
+}
+
+.lux-text-dark {
+  color: var(--lux-theme-dark-primary-text);
+}
+
+.lux-text-light {
+  color: var(--lux-theme-light-primary-text);
+}
+
+.lux-text-secondary {
+  color: var(--lux-theme-dark-secondary-text);
+}
+
+.lux-text-disabled {
+  color: var(--lux-theme-dark-disabled-text);
+}
+
+.lux-outline-none {
+  outline: none;
+}
+
+.lux-transition-none {
+  transition: none;
+}
+
+.lux-skip-link:focus-visible {
+  position: fixed;
+  top: var(--lux-theme-spacing-sm);
+  left: var(--lux-theme-spacing-sm);
+  width: auto;
+  height: auto;
+  padding: var(--lux-theme-spacing-sm) var(--lux-theme-spacing-md);
+  background-color: var(--lux-theme-primary-20);
+  color: var(--lux-theme-primary-100);
+  font-size: var(--lux-theme-font-size-sm);
+  font-weight: 600;
+  border-radius: var(--lux-theme-radius-sm);
+  z-index: var(--lux-z-skip-link);
+  outline: 3px solid var(--lux-theme-custom-lightblue);
+}
+
+.lux-interactive:hover:not(:focus-visible) {
+  background-color: var(--lux-theme-hover-color);
+}
+.lux-interactive:active {
+  background-color: var(--lux-theme-selected-bg-color);
+}
+.lux-interactive:focus-visible {
+  outline: calc(var(--lux-theme-outline-width) - 1px) var(--lux-theme-outline-style) var(--lux-theme-outline-color-dark) !important;
+  outline-offset: 1px;
+}
+
 lux-accordion {
   --mat-expansion-container-text-color: var(--lux-theme-dark-primary-text);
 }
+lux-accordion .mat-accordion {
+  display: block;
+  padding: var(--lux-theme-accordion-panel-container-elevation-shadow-width);
+}
 lux-accordion .lux-primary .lux-expansion-panel-header,
 lux-accordion .lux-primary .lux-expansion-panel-header.mat-expanded {
   background-color: var(--lux-theme-accordion-header-color-primary);
@@ -36380,7 +36761,7 @@ lux-panel {
   --mat-expansion-header-disabled-state-text-color: var(--lux-theme-dark-disabled-text);
   --mat-expansion-header-hover-state-layer-color: var(--lux-theme-accordion-header-hover-color-on-neutral);
   --mat-expansion-container-shape: var(--lux-theme-app-border-radius);
-  --mat-expansion-container-elevation-shadow: 0 0 0 1px var(--mat-card-outlined-outline-color, var(--mat-sys-outline-variant));
+  --mat-expansion-container-elevation-shadow: 0 0 0 var(--lux-theme-accordion-panel-container-elevation-shadow-width) var(--mat-card-outlined-outline-color, var(--mat-sys-outline-variant));
 }
 lux-panel .lux-expansion-panel-header[aria-disabled=true],
 lux-panel .lux-expansion-panel-header.mat-expanded[aria-disabled=true],
@@ -36415,6 +36796,16 @@ lux-panel .lux-expansion-panel-header:not([aria-disabled=true]):focus-visible {
   outline: var(--lux-theme-outline-dark);
   outline-offset: calc(var(--lux-theme-outline-width) * -1);
 }
+lux-panel:not(lux-accordion lux-panel) {
+  padding-left: var(--lux-theme-accordion-panel-container-elevation-shadow-width);
+  padding-right: var(--lux-theme-accordion-panel-container-elevation-shadow-width);
+}
+lux-panel:not(lux-accordion lux-panel):first-of-type {
+  padding-top: var(--lux-theme-accordion-panel-container-elevation-shadow-width);
+}
+lux-panel:not(lux-accordion lux-panel):last-of-type {
+  padding-bottom: var(--lux-theme-accordion-panel-container-elevation-shadow-width);
+}
 
 lux-app-content {
   background-color: var(--lux-theme-app-content-bg);
@@ -37602,10 +37993,12 @@ lux-card .lux-card .lux-card-header > * {
   order: 10;
 }
 lux-card .lux-card .lux-card-header .lux-card-icon-container {
+  margin-top: 4px;
   margin-right: 10px;
   order: 5;
 }
 lux-card .lux-card .lux-card-header .lux-card-info-container {
+  margin-top: 4px;
   order: 15;
   margin-left: auto;
 }
@@ -37648,17 +38041,33 @@ lux-card .lux-card .lux-card-content.lux-card-no-actions {
 lux-card .lux-card .lux-card-actions {
   padding: var(--lux-theme-card-padding);
 }
-lux-card .lux-card[class~=lux-cursor]:hover {
+@media screen and (max-width: 599px) {
+  lux-card .lux-card .lux-card-actions lux-card-actions {
+    flex-direction: column;
+  }
+  lux-card .lux-card .lux-card-actions .lux-card-actions-container {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  lux-card .lux-card .lux-card-actions .lux-card-actions-container lux-button {
+    display: block;
+    width: 100%;
+  }
+  lux-card .lux-card .lux-card-actions .lux-card-actions-container lux-button button.lux-button {
+    width: 100%;
+  }
+}
+lux-card .lux-card[class~=lux-cursor-pointer]:hover {
   background-image: var(--lux-theme-app-gradient-reverse);
   background-color: #ffffff;
   border-color: var(--lux-theme-dark-primary-text);
 }
-lux-card .lux-card[class~=lux-cursor]:hover .lux-card-content-expanded {
+lux-card .lux-card[class~=lux-cursor-pointer]:hover .lux-card-content-expanded {
   background-image: var(--lux-theme-app-gradient-reverse);
   background-color: #ffffff;
   border-color: var(--lux-theme-dark-primary-text);
 }
-lux-card .lux-card[class~=lux-cursor]:focus-visible {
+lux-card .lux-card[class~=lux-cursor-pointer]:focus-visible {
   outline: var(--lux-theme-outline-dark);
   outline-offset: calc(var(--lux-theme-outline-width) * -1);
 }
@@ -38498,6 +38907,7 @@ lux-input-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-co
 lux-select-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic,
 lux-lookup-combobox-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic,
 lux-datepicker-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic,
+lux-timepicker lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic,
 lux-datetimepicker-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic,
 lux-file-input-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic,
 lux-textarea-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic {
@@ -38510,6 +38920,7 @@ lux-input-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-co
 lux-select-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic .mat-mdc-select-arrow,
 lux-lookup-combobox-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic .mat-mdc-select-arrow,
 lux-datepicker-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic .mat-mdc-select-arrow,
+lux-timepicker lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic .mat-mdc-select-arrow,
 lux-datetimepicker-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic .mat-mdc-select-arrow,
 lux-file-input-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic .mat-mdc-select-arrow,
 lux-textarea-ac lux-form-control-wrapper .lux-form-control-wrapper:not(.lux-form-control-disabled-authentic).lux-form-control-readonly-authentic .lux-form-control-container-authentic .mat-mdc-select-arrow {
@@ -38672,6 +39083,7 @@ lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-error-authen
 }
 lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-error-authentic:not(.lux-form-control-disabled-authentic) .lux-form-control-misc-authentic .mat-mdc-form-field-error {
   display: flex;
+  flex: 0 1 auto;
   background-color: var(--lux-theme-form-error-msg-background);
   border-radius: 4px;
   padding-right: 2px;
@@ -38700,6 +39112,29 @@ lux-form-control-wrapper select:-webkit-autofill:focus {
   transition: background-color 5000s ease-in-out 0s;
 }
 
+.lux-form-error-container {
+  display: flex;
+  flex: 0 1 auto;
+  font-size: 0.75rem;
+}
+
+.lux-form-error-icon {
+  color: var(--mat-sys-on-error-container);
+}
+.lux-form-error-icon mat-icon.mat-icon {
+  box-sizing: border-box;
+}
+
+.lux-form-error-label {
+  display: flex;
+  flex: 0 1 auto;
+  background-color: var(--lux-theme-form-error-msg-background);
+  border-radius: 4px;
+  padding-right: 2px;
+  color: var(--mat-sys-on-error-container) !important;
+  box-shadow: -18px 0px 0 0 var(--lux-theme-form-error-msg-background), -18px -1px 0 0 var(--lux-theme-form-error-msg-background), 0 -1px 0 0 var(--lux-theme-form-error-msg-background);
+}
+
 lux-html a[href]:focus-visible {
   outline: var(--lux-theme-outline-dark);
   border-radius: var(--lux-theme-app-border-radius);
@@ -38941,12 +39376,12 @@ lux-list lux-list-item lux-card.lux-list-item-selected mat-card.mat-mdc-card.lux
   position: relative;
   border-radius: 4px;
 }
-lux-list lux-list-item lux-card:not(.lux-list-item-selected) mat-card[class~=lux-cursor]:not([class*=mat-elevation-z]) {
+lux-list lux-list-item lux-card:not(.lux-list-item-selected) mat-card[class~=lux-cursor-pointer]:not([class*=mat-elevation-z]) {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
-lux-list lux-list-item lux-card:not(.lux-list-item-selected) mat-card[class~=lux-cursor]:not([class*=mat-elevation-z]):hover {
+lux-list lux-list-item lux-card:not(.lux-list-item-selected) mat-card[class~=lux-cursor-pointer]:not([class*=mat-elevation-z]):hover {
   border: 1px solid var(--lux-theme-primary-color);
   background: var(--lux-theme-app-gradient-reverse);
   background-color: #fff !important;
@@ -39294,6 +39729,7 @@ lux-menu .lux-menu-trigger > lux-button button {
   letter-spacing: 1.25px;
 }
 .lux-menu-panel .lux-menu-item-icon {
+  display: inline-block;
   align-self: center;
   vertical-align: middle;
   width: var(--lux-theme-menu-item-icon-size);
@@ -39506,6 +39942,16 @@ lux-message-box .lux-message-box-content .lux-message-container {
   align-items: center;
   padding: var(--lux-theme-outline-width) 24px;
   border-radius: 4px;
+  transition: opacity 300ms ease-out;
+}
+@starting-style {
+  lux-message-box .lux-message-box-content .lux-message-container {
+    opacity: 0;
+  }
+}
+lux-message-box .lux-message-box-content .lux-message-container.lux-message-closing {
+  opacity: 0;
+  transition: opacity 300ms ease-in;
 }
 lux-message-box .lux-message-box-content .lux-message-container.lux-messagebox-white {
   border: 1px solid var(--lux-theme-primary-color);
@@ -39559,6 +40005,10 @@ lux-message-box div.lux-message-box-content .lux-message-container:not(.lux-mess
     line-height: normal;
   }
 }
+:root {
+  --mat-paginator-container-background-color: transparent;
+}
+
 lux-progress {
   --mat-progress-bar-track-color: #bcc8d5;
 }
@@ -39809,6 +40259,7 @@ lux-slider-ac {
 
 .lux-snackbar {
   --mat-snack-bar-supporting-text-size: 1rem;
+  --mat-snack-bar-supporting-text-line-height: 1.5rem;
   --mat-snack-bar-supporting-text-weight: 600;
 }
 .lux-snackbar .lux-snackbar-text,
@@ -39935,6 +40386,13 @@ lux-stepper .mat-horizontal-stepper-header-container {
 lux-stepper .mat-vertical-stepper-header {
   margin: 8px 8px 0 8px;
 }
+lux-stepper .mat-horizontal-stepper-header .mat-step-icon,
+lux-stepper .mat-vertical-stepper-header .mat-step-icon {
+  margin-right: 0;
+}
+lux-stepper lux-step-header div {
+  margin-left: 0.75rem;
+}
 lux-stepper mat-step-header {
   margin: var(--lux-theme-outline-width);
 }
@@ -39947,6 +40405,7 @@ lux-stepper mat-step-header .mat-step-icon-not-touched {
 }
 lux-stepper mat-step-header .mat-step-label {
   height: 100%;
+  min-width: unset;
   display: flex;
   align-items: center;
   position: relative;
@@ -40645,8 +41104,18 @@ lux-tabs .lux-counter-offset {
 lux-tabs .lux-label-lower {
   padding-top: 4px;
 }
+lux-tabs .lux-notification-color-primary {
+  background-color: var(--lux-theme-primary-color);
+}
+lux-tabs .lux-notification-color-accent,
 lux-tabs .lux-notification-new {
-  background-color: var(--lux-theme-custom-green);
+  background-color: var(--lux-theme-accent-70);
+}
+lux-tabs .lux-notification-color-warn {
+  background-color: var(--mat-sys-error);
+}
+lux-tabs .lux-notification-color-default {
+  background-color: #605e5e;
 }
 lux-tabs .lux-tabs-notification-icon {
   border: 2px solid var(--lux-theme-app-content-bg);
@@ -40760,6 +41229,28 @@ lux-tabs .lux-tabs-notification-icon-position-after-icon.lux-counter-visible {
   }
 }
 
+lux-tenant-logo .lux-tenant-logo-error-container {
+  display: flex;
+  flex: 0 1 auto;
+}
+lux-tenant-logo .lux-tenant-logo-error-container .lux-tenant-logo-error {
+  display: flex;
+  flex: 0 1 auto;
+  align-items: center;
+  padding: 4px;
+  color: var(--lux-theme-custom-gray);
+  background-color: var(--lux-theme-custom-on-gray);
+  font-size: 1rem;
+  font-style: italic;
+  border: 1px solid var(--lux-theme-app-border-color);
+  border-radius: var(--lux-theme-app-border-radius);
+}
+lux-tenant-logo img:focus-visible,
+lux-tenant-logo .lux-tenant-logo-error:focus-visible {
+  outline: var(--lux-theme-outline-dark);
+  border-radius: var(--lux-theme-app-border-radius);
+}
+
 lux-textarea-ac textarea {
   font: inherit;
   color: currentColor;
@@ -40885,18 +41376,18 @@ lux-tile {
 lux-tile .lux-notification-new {
   background-color: var(--lux-theme-accent-70);
 }
-lux-tile mat-card[class~=lux-cursor].mat-mdc-card {
+lux-tile mat-card[class~=lux-cursor-pointer].mat-mdc-card {
   border-radius: var(--lux-theme-tile-border-radius);
   overflow: hidden !important;
   padding: 24px;
 }
-lux-tile mat-card[class~=lux-cursor] .mat-mdc-card-content {
+lux-tile mat-card[class~=lux-cursor-pointer] .mat-mdc-card-content {
   padding-top: 0px !important;
 }
-lux-tile mat-card[class~=lux-cursor].mat-mdc-card.lux-tile-mobile {
+lux-tile mat-card[class~=lux-cursor-pointer].mat-mdc-card.lux-tile-mobile {
   padding: 14px;
 }
-lux-tile mat-card[class~=lux-cursor].mat-mdc-card::before {
+lux-tile mat-card[class~=lux-cursor-pointer].mat-mdc-card::before {
   content: "";
   position: absolute;
   display: block;
@@ -40907,7 +41398,7 @@ lux-tile mat-card[class~=lux-cursor].mat-mdc-card::before {
   background-color: var(--lux-theme-tile-bottom-line-color);
   transition: 0.2s ease;
 }
-lux-tile mat-card[class~=lux-cursor].lux-badge-notification.mat-badge-after.mat-badge-above.mat-badge-medium.mat-badge-overlap .mat-badge-content {
+lux-tile mat-card[class~=lux-cursor-pointer].lux-badge-notification.mat-badge-after.mat-badge-above.mat-badge-medium.mat-badge-overlap .mat-badge-content {
   right: 2px;
   top: 5px;
   padding-top: 0px;
@@ -41012,18 +41503,18 @@ lux-tile .lux-tile-small-font ::ng-deep .mat-badge-content {
   top: -4px !important;
   right: -4px !important;
 }
-lux-tile mat-card[class~=lux-cursor].mat-mdc-card:focus-visible {
+lux-tile mat-card[class~=lux-cursor-pointer].mat-mdc-card:focus-visible {
   box-shadow: 0 0 0 2px #2e8533, 0 0 8px 2px #2e8533 !important;
   outline: 0 !important;
 }
-lux-tile mat-card[class~=lux-cursor]:hover {
+lux-tile mat-card[class~=lux-cursor-pointer]:hover {
   background-image: none !important;
   background-color: white !important;
 }
-lux-tile mat-card[class~=lux-cursor]:hover h2 {
+lux-tile mat-card[class~=lux-cursor-pointer]:hover h2 {
   color: var(--lux-theme-tile-font-hover-color);
 }
-lux-tile mat-card[class~=lux-cursor].mat-mdc-card:hover::before {
+lux-tile mat-card[class~=lux-cursor-pointer].mat-mdc-card:hover::before {
   height: 14px;
 }
 
@@ -41083,6 +41574,10 @@ lux-toggle-ac.lux-form-control-readonly .mdc-switch__handle {
   pointer-events: none;
 }
 
+lux-timepicker button:not(:disabled) .lux-timepicker-toggle-icon {
+  color: var(--lux-theme-datepicker-icon-color);
+}
+
 .lux-popup-panel {
   background-color: var(--lux-theme-popup-background-color);
   border: 1px solid var(--lux-theme-app-border-color);