@gravitee/ui-particles-angular 12.22.2 → 13.0.0

package/src/scss/theme/color/gio-palettes.stories.scss

@@ -31,8 +31,8 @@ $palettes: (
   @each $paletteName, $palette in $palettes {
     @each $colorName in $colorNames {
       @if map.has-key($palette, $colorName) {
-        $color: mat.get-color-from-palette($palette, $colorName);
-        $color-contrast: mat.get-color-from-palette($palette, #{$colorName}-contrast);
+        $color: mat.m2-get-color-from-palette($palette, $colorName);
+        $color-contrast: mat.m2-get-color-from-palette($palette, #{$colorName}-contrast);
 
         --gp--#{$paletteName}__#{$colorName}: #{$color};
         --gp--#{$paletteName}__#{$colorName}-contrast: #{$color-contrast};
@@ -43,48 +43,48 @@ $palettes: (
   // Special palettes
 
   @each $colorName in (patch, post, put, get, delete, option, trace, head) {
-    $color: mat.get-color-from-palette(gio.$mat-method-palette, $colorName);
-    $color-contrast: mat.get-color-from-palette(gio.$mat-method-palette, #{$colorName}-contrast);
+    $color: mat.m2-get-color-from-palette(gio.$mat-method-palette, $colorName);
+    $color-contrast: mat.m2-get-color-from-palette(gio.$mat-method-palette, #{$colorName}-contrast);
 
     --gp--method__#{$colorName}: #{$color};
     --gp--method__#{$colorName}-contrast: #{$color-contrast};
   }
 
   @each $colorName in (white, black, disabled) {
-    $color: mat.get-color-from-palette(gio.$mat-basic-palette, $colorName);
-    $color-contrast: mat.get-color-from-palette(gio.$mat-basic-palette, #{$colorName}-contrast);
+    $color: mat.m2-get-color-from-palette(gio.$mat-basic-palette, $colorName);
+    $color-contrast: mat.m2-get-color-from-palette(gio.$mat-basic-palette, #{$colorName}-contrast);
 
     --gp--basic__#{$colorName}: #{$color};
     --gp--basic__#{$colorName}-contrast: #{$color-contrast};
   }
 
   @each $colorName in (lighter80, lighter70, lighter60, lighter50, lighter40, lighter30, lighter20, lighter10, default) {
-    $color: mat.get-color-from-palette(gio.$mat-space-palette, $colorName);
-    $color-contrast: mat.get-color-from-palette(gio.$mat-space-palette, #{$colorName}-contrast);
+    $color: mat.m2-get-color-from-palette(gio.$mat-space-palette, $colorName);
+    $color-contrast: mat.m2-get-color-from-palette(gio.$mat-space-palette, #{$colorName}-contrast);
 
     --gp--space__#{$colorName}: #{$color};
     --gp--space__#{$colorName}-contrast: #{$color-contrast};
   }
 
   @each $colorName in (darker80, darker70, darker60, darker50, darker40, darker30, darker20, darker10, default) {
-    $color: mat.get-color-from-palette(gio.$mat-dove-palette, $colorName);
-    $color-contrast: mat.get-color-from-palette(gio.$mat-dove-palette, #{$colorName}-contrast);
+    $color: mat.m2-get-color-from-palette(gio.$mat-dove-palette, $colorName);
+    $color-contrast: mat.m2-get-color-from-palette(gio.$mat-dove-palette, #{$colorName}-contrast);
 
     --gp--dove__#{$colorName}: #{$color};
     --gp--dove__#{$colorName}-contrast: #{$color-contrast};
   }
 
   @each $colorName in (lighter80, lighter60, lighter40, lighter20, default) {
-    $color: mat.get-color-from-palette(gio.$mat-cyan-palette, $colorName);
-    $color-contrast: mat.get-color-from-palette(gio.$mat-cyan-palette, #{$colorName}-contrast);
+    $color: mat.m2-get-color-from-palette(gio.$mat-cyan-palette, $colorName);
+    $color-contrast: mat.m2-get-color-from-palette(gio.$mat-cyan-palette, #{$colorName}-contrast);
 
     --gp--cyan__#{$colorName}: #{$color};
     --gp--cyan__#{$colorName}-contrast: #{$color-contrast};
   }
 
   @each $colorName in (lighter80, lighter60, lighter40, lighter20, default) {
-    $color: mat.get-color-from-palette(gio.$mat-blue-palette, $colorName);
-    $color-contrast: mat.get-color-from-palette(gio.$mat-blue-palette, #{$colorName}-contrast);
+    $color: mat.m2-get-color-from-palette(gio.$mat-blue-palette, $colorName);
+    $color-contrast: mat.m2-get-color-from-palette(gio.$mat-blue-palette, #{$colorName}-contrast);
 
     --gp--blue__#{$colorName}: #{$color};
     --gp--blue__#{$colorName}-contrast: #{$color-contrast};

package/src/scss/theme/color/showcase-color.component.scss

@@ -20,7 +20,7 @@
 
 .title {
   flex: 1 1 30%;
-  color: mat.get-color-from-palette(gio.$mat-dove-palette, darker10-contrast);
+  color: mat.m2-get-color-from-palette(gio.$mat-dove-palette, darker10-contrast);
 }
 
 .row {

package/src/scss/theme/typography/gio-typography.scss

@@ -33,12 +33,12 @@
 }
 
 @mixin link-typography() {
-  color: mat.get-color-from-palette(palettes.$mat-primary-palette, 'darker40');
+  color: mat.m2-get-color-from-palette(palettes.$mat-primary-palette, 'darker40');
   cursor: pointer;
   text-decoration-thickness: 2px;
 
   &:hover {
-    color: mat.get-color-from-palette(palettes.$mat-primary-palette, 'darker20');
+    color: mat.m2-get-color-from-palette(palettes.$mat-primary-palette, 'darker20');
   }
 }
 

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

@@ -12,9 +12,9 @@ export declare class DivHarness extends ComponentHarness {
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with(options?: DivHarnessFilters): HarnessPredicate<DivHarness>;
-    childLocatorFor: <T extends (string | import("@angular/cdk/testing").HarnessQuery<any>)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T>>;
-    childLocatorForOptional: <T extends (string | import("@angular/cdk/testing").HarnessQuery<any>)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T> | null>;
-    childLocatorForAll: <T extends (string | import("@angular/cdk/testing").HarnessQuery<any>)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T>[]>;
+    childLocatorFor: <T extends (import("@angular/cdk/testing").HarnessQuery<any> | string)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T>>;
+    childLocatorForOptional: <T extends (import("@angular/cdk/testing").HarnessQuery<any> | string)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T> | null>;
+    childLocatorForAll: <T extends (import("@angular/cdk/testing").HarnessQuery<any> | string)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T>[]>;
     getText(option?: {
         childSelector?: string;
     }): Promise<string | null>;

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

@@ -12,9 +12,9 @@ export declare class SpanHarness extends ComponentHarness {
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with(options?: SpanHarnessFilters): HarnessPredicate<SpanHarness>;
-    childLocatorFor: <T extends (string | import("@angular/cdk/testing").HarnessQuery<any>)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T>>;
-    childLocatorForOptional: <T extends (string | import("@angular/cdk/testing").HarnessQuery<any>)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T> | null>;
-    childLocatorForAll: <T extends (string | import("@angular/cdk/testing").HarnessQuery<any>)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T>[]>;
+    childLocatorFor: <T extends (import("@angular/cdk/testing").HarnessQuery<any> | string)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T>>;
+    childLocatorForOptional: <T extends (import("@angular/cdk/testing").HarnessQuery<any> | string)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T> | null>;
+    childLocatorForAll: <T extends (import("@angular/cdk/testing").HarnessQuery<any> | string)[]>(...queries: T) => import("@angular/cdk/testing").AsyncFactoryFn<import("@angular/cdk/testing").LocatorFnResult<T>[]>;
     getText(option?: {
         childSelector?: string;
     }): Promise<string | null>;