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

package/prebuilt-themes/luxtheme-green.css

@@ -38867,7 +38867,7 @@ lux-filter-load-dialog lux-dialog-actions.lux-filter-dialog-action {
   max-width: 100%;
   box-sizing: border-box;
   gap: 12px;
-  place-content: center end;
+  place-content: center center;
   align-items: center;
 }
 
@@ -39252,6 +39252,44 @@ lux-input-ac lux-input-ac-suffix {
   white-space: nowrap;
 }
 
+lux-button.lux-icon-button.lux-input-clear-btn {
+  display: flex;
+  --mat-icon-button-container-shape: var(--lux-theme-button-icon-container-shape);
+  --mat-icon-button-icon-color: var(--lux-theme-primary-color);
+  --mat-icon-button-icon-size: var(--mat-icon-button-icon-size);
+  --mat-icon-button-state-layer-size: 40px;
+  --mat-icon-button-state-layer-color: var(--mat-sys-on-surface-variant);
+  --mat-icon-button-touch-target-size: calc(var(--lux-theme-form-min-height) - 2 * var(--lux-theme-form-border-width));
+}
+lux-button.lux-icon-button.lux-input-clear-btn lux-icon,
+lux-button.lux-icon-button.lux-input-clear-btn .lux-icon {
+  width: var(--mat-icon-button-icon-size);
+  height: var(--mat-icon-button-icon-size);
+}
+lux-button.lux-icon-button.lux-input-clear-btn button:not([disabled]):focus,
+lux-button.lux-icon-button.lux-input-clear-btn button:not([disabled]):focus-visible {
+  outline-color: transparent !important;
+}
+
+.lux-dense-authentic lux-button.lux-icon-button.lux-input-clear-btn {
+  display: flex;
+  --mat-icon-button-container-shape: var(--lux-theme-button-icon-container-shape);
+  --mat-icon-button-icon-color: var(--lux-theme-primary-color);
+  --mat-icon-button-icon-size: var(--mat-icon-button-icon-size);
+  --mat-icon-button-state-layer-size: 36px;
+  --mat-icon-button-state-layer-color: var(--mat-sys-on-surface-variant);
+  --mat-icon-button-touch-target-size: calc(var(--lux-theme-form-dense-min-height) - 2 * var(--lux-theme-form-border-width));
+}
+.lux-dense-authentic lux-button.lux-icon-button.lux-input-clear-btn lux-icon,
+.lux-dense-authentic lux-button.lux-icon-button.lux-input-clear-btn .lux-icon {
+  width: var(--mat-icon-button-icon-size);
+  height: var(--mat-icon-button-icon-size);
+}
+.lux-dense-authentic lux-button.lux-icon-button.lux-input-clear-btn button:not([disabled]):focus,
+.lux-dense-authentic lux-button.lux-icon-button.lux-input-clear-btn button:not([disabled]):focus-visible {
+  outline-color: transparent !important;
+}
+
 lux-link-plain {
   display: inline-flex;
   align-items: baseline;
@@ -39729,7 +39767,9 @@ lux-menu .lux-menu-trigger > lux-button button {
   letter-spacing: 1.25px;
 }
 .lux-menu-panel .lux-menu-item-icon {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   align-self: center;
   vertical-align: middle;
   width: var(--lux-theme-menu-item-icon-size);
@@ -39737,13 +39777,24 @@ lux-menu .lux-menu-trigger > lux-button button {
 }
 .lux-menu-panel .lux-menu-item-icon .lux-icon,
 .lux-menu-panel .lux-menu-item-icon mat-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   width: 100%;
   height: 100%;
+  max-width: var(--lux-theme-menu-item-icon-size);
+  max-height: var(--lux-theme-menu-item-icon-size);
   font-size: var(--lux-theme-menu-item-icon-size);
 }
 .lux-menu-panel .lux-menu-item-icon mat-icon {
   margin: 0;
 }
+.lux-menu-panel .lux-menu-item-icon mat-icon svg {
+  width: 100%;
+  height: 100%;
+  max-width: var(--lux-theme-menu-item-icon-size);
+  max-height: var(--lux-theme-menu-item-icon-size);
+}
 
 .lux-menu-section-panel,
 .lux-menu-section-panel:not(.lux-menu-panel-large) {
@@ -39860,8 +39911,14 @@ lux-menu .lux-menu-trigger > lux-button button {
 }
 .lux-menu-section-panel.lux-menu-panel-large .lux-menu-item-icon .lux-icon,
 .lux-menu-section-panel.lux-menu-panel-large .lux-menu-item-icon mat-icon {
+  max-width: var(--lux-theme-menu-item-icon-size-large);
+  max-height: var(--lux-theme-menu-item-icon-size-large);
   font-size: var(--lux-theme-menu-item-icon-size-large);
 }
+.lux-menu-section-panel.lux-menu-panel-large .lux-menu-item-icon mat-icon svg {
+  max-width: var(--lux-theme-menu-item-icon-size-large);
+  max-height: var(--lux-theme-menu-item-icon-size-large);
+}
 
 lux-message-box {
   display: block;
@@ -40005,8 +40062,22 @@ lux-message-box div.lux-message-box-content .lux-message-container:not(.lux-mess
     line-height: normal;
   }
 }
-:root {
+lux-paginator {
   --mat-paginator-container-background-color: transparent;
+  --mat-form-field-filled-container-color: transparent;
+}
+lux-paginator mat-paginator.lux-no-wrap .mat-mdc-paginator-container {
+  flex-wrap: nowrap;
+}
+lux-paginator mat-paginator .mat-mdc-paginator-range-label {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+lux-paginator mat-paginator.lux-dense {
+  --mat-form-field-container-vertical-padding: 4px;
+}
+lux-paginator mat-paginator.lux-dense .mat-mdc-form-field-infix {
+  min-height: 0;
 }
 
 lux-progress {