@gravitee/ui-particles-angular 7.58.0-renovate-angular-61eb950 → 8.0.0-angular15-be0770c

package/src/scss/index.scss

@@ -22,6 +22,7 @@
 @forward './theme/typography/gio-typography' show subtitle-typography, code-typography, link-typography, caption-2;
 
 @forward './gio-mat-theme-variable' show $mat-theme, $mat-typography, $mat-theme-dark;
+@forward './gio-mat-legacy-theme-variable' show $mat-legacy-theme, $mat-legacy-typography, $mat-legacy-theme-dark;
 
 @forward './gio-fonts' show import-fonts;
 

package/src/scss/mat-override/mat-button.scss

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 @mixin mat-button() {
+  // Legacy mat-button
   .mat-button.mat-button-base,
   .mat-stroked-button.mat-button-base,
   .mat-raised-button.mat-button-base,
@@ -82,4 +83,16 @@
       line-height: 18px;
     }
   }
+
+  // MDC mat-button
+  .mdc-button {
+    &:has(.mdc-button__label:empty) {
+      min-width: 36px;
+
+      .mat-icon {
+        margin-right: -6px;
+        margin-left: -6px;
+      }
+    }
+  }
 }

package/src/scss/mat-override/mat-card.scss

@@ -16,7 +16,13 @@
 @use '@angular/material' as mat;
 
 @mixin mat-card() {
+  // Legacy mat-card
   .mat-card:not(.mat-card .mat-card, [class*='mat-elevation-z']) {
     @include mat.elevation(3);
   }
+
+  // Mat card MDC
+  .mat-mdc-card:not(.mat-mdc-card .mat-mdc-card, [class*='mat-mdc-elevation-z'], [class*='mat-elevation-z']) {
+    @include mat.elevation(3);
+  }
 }

package/src/scss/mat-override/mat-form-field.scss

@@ -20,6 +20,7 @@
 @use '../gio-mat-palettes' as palettes;
 
 @mixin mat-form-field() {
+  // Legacy mat-form-field
   .mat-form-field:not([class*='mat-paginator']) {
     // Increase default padding to have space for two lines of hint & error bellow the input
     padding-bottom: 16px;
@@ -48,4 +49,14 @@
   .mat-form-field-appearance-outline .mat-form-field-infix {
     padding-top: 0.8em;
   }
+
+  // MDC mat-form-field
+
+  .mat-mdc-form-field {
+    margin: 0.45em 0;
+  }
+
+  .mat-mdc-form-field.mat-form-field-disabled {
+    cursor: not-allowed !important;
+  }
 }

package/src/scss/mat-override/mat-list.scss

@@ -21,6 +21,8 @@
 $background: map.get(theme.$mat-theme, background);
 
 @mixin mat-list() {
+  // Legacy mat-list
+
   /**
    * When a Mat List is inside a Mat Card then set a negative to balance default padding of the Mat Card
    */
@@ -36,4 +38,15 @@ $background: map.get(theme.$mat-theme, background);
       background-color: mat.get-color-from-palette($background, hover);
     }
   }
+
+  // MDC mat-list
+
+  /**
+     * Change background color of each list item on hover
+     */
+  .mat-mdc-list-item {
+    &:hover {
+      background-color: mat.get-color-from-palette($background, hover);
+    }
+  }
 }

package/src/scss/mat-override/mat-option.scss

@@ -16,13 +16,21 @@
 
 @use '@angular/material' as mat;
 
+@use '../gio-mat-legacy-theme-variable' as theme-legacy;
 @use '../gio-mat-theme-variable' as theme;
 
 @mixin mat-option() {
+  // Legacy mat-option
   .mat-option,
   .mat-typography .mat-option {
     height: 40px;
-    font-size: mat.font-size(theme.$mat-typography, input);
-    line-height: mat.line-height(theme.$mat-typography, input);
+    font-size: mat.font-size(theme-legacy.$mat-legacy-typography, input);
+    line-height: mat.line-height(theme-legacy.$mat-legacy-typography, input);
+  }
+
+  // MDC mat-option
+  .mat-typography .mat-mdc-option {
+    min-height: 40px;
+    @include mat.typography-level(theme.$mat-typography, 'body-2');
   }
 }

package/src/scss/mat-override/mat-table.scss

@@ -21,6 +21,7 @@
 $background: map.get(theme.$mat-theme, background);
 
 @mixin mat-table() {
+  // Legacy mat-table
   .mat-table {
     tbody tr:hover {
       background-color: mat.get-color-from-palette($background, hover);
@@ -49,4 +50,11 @@ $background: map.get(theme.$mat-theme, background);
       }
     }
   }
+
+  // MDC mat-table
+  .mat-mdc-table {
+    tbody tr.mat-mdc-row:hover {
+      background-color: mat.get-color-from-palette($background, hover);
+    }
+  }
 }

package/src/scss/mat-override/mat-tabs.scss

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 @mixin mat-tabs() {
+  // Legacy mat-tabs
   .mat-tab-group {
     .mat-tab-label {
       min-width: unset;

package/testing/harnesses/div.harness.d.ts

@@ -1,5 +1,5 @@
 import { AsyncFactoryFn, BaseHarnessFilters, ComponentHarness, HarnessPredicate, HarnessQuery } from '@angular/cdk/testing';
-export declare type DivHarnessFilters = BaseHarnessFilters & {
+export type DivHarnessFilters = BaseHarnessFilters & {
     /** Filters based on the text */
     text?: string | RegExp;
 };

package/testing/harnesses/span.harness.d.ts

@@ -1,5 +1,5 @@
 import { AsyncFactoryFn, BaseHarnessFilters, ComponentHarness, HarnessPredicate, HarnessQuery } from '@angular/cdk/testing';
-export declare type SpanHarnessFilters = BaseHarnessFilters & {
+export type SpanHarnessFilters = BaseHarnessFilters & {
     /** Filters based on the text */
     text?: string | RegExp;
 };

package/testing/package.json

@@ -1,10 +0,0 @@
-{
-  "module": "../fesm2015/gravitee-ui-particles-angular-testing.mjs",
-  "es2020": "../fesm2020/gravitee-ui-particles-angular-testing.mjs",
-  "esm2020": "../esm2020/testing/gravitee-ui-particles-angular-testing.mjs",
-  "fesm2020": "../fesm2020/gravitee-ui-particles-angular-testing.mjs",
-  "fesm2015": "../fesm2015/gravitee-ui-particles-angular-testing.mjs",
-  "typings": "gravitee-ui-particles-angular-testing.d.ts",
-  "sideEffects": false,
-  "name": "@gravitee/ui-particles-angular/testing"
-}