@bravura/ui 2.6.0 → 3.1.0

package/skeletons/skeleton-loader.component.d.ts

@@ -40,5 +40,5 @@ export declare class SkeletonLoaderComponent extends ContentLoaderComponent impl
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "bui-skeleton", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "bui-skeleton", never, {}, {}, never, never, false, never>;
 }

package/stepper/stepper.component.d.ts

@@ -66,6 +66,8 @@ export declare class StepperComponent extends CdkStepper implements AfterContent
     _stepIsNavigable(index: number, step: MatStep): boolean;
     /** @ignore */
     _widthChanged(w: number): void;
+    /** @ignore */
+    _startStepTransition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, { self: true; }, { optional: true; skipSelf: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "bui-stepper, [buiStepper]", ["buiStepper", "matStepper", "matVerticalStepper", "matHorizontalStepper"], { "selectedIndex": "selectedIndex"; "disableRipple": "disableRipple"; "color": "color"; "indicatorFormatter": "indicatorFormatter"; "nextStepLabelPrefix": "nextStepLabelPrefix"; }, { "animationDone": "animationDone"; }, ["_steps", "_icons"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "bui-stepper, [buiStepper]", ["buiStepper", "matStepper", "matVerticalStepper", "matHorizontalStepper"], { "selectedIndex": "selectedIndex"; "disableRipple": "disableRipple"; "color": "color"; "indicatorFormatter": "indicatorFormatter"; "nextStepLabelPrefix": "nextStepLabelPrefix"; }, { "animationDone": "animationDone"; }, ["_steps", "_icons"], never, false, never>;
 }

package/theme/_bui-card.scss

@@ -9,56 +9,47 @@
 		$bui-card-header-background-color: var(--bui-card-header-background-color-dark-theme, inherit);
 	}
 
-	.bui-card-flat.mat-card,
-	.bui-card-shaded.mat-card {
+	.bui-card-flat.mat-mdc-card,
+	.bui-card-shaded.mat-mdc-card {
 		border-radius: 4px;
 		display: flex;
 		flex-direction: column;
 
-		.mat-card-header {
-			margin: -16px -16px 0 -16px;
+		.mat-mdc-card-header {
 			padding: 16px;
 
-			.mat-card-title {
+			.mat-mdc-card-title {
 				font-size: 16px;
 				color: $bui-card-header-text-color;
 				margin-bottom: 0;
 			}
 
-			.mat-card-title + .mat-card-subtitle {
+			.mat-mdc-card-title + .mat-mdc-card-subtitle {
 				margin-top: 0;
 				margin-bottom: 0;
 			}
-
-			.mat-card-header-text {
-				margin: 0;
-			}
 		}
 
-		.mat-card-content {
+		.mat-mdc-card-content {
 			flex: 1;
 		}
 
-		.mat-card-avatar + .mat-card-header-text {
-			margin: 0 16px;
-		}
-
-		.mat-card-header + .mat-card-content {
+		.mat-mdc-card-header + .mat-mdc-card-content {
 			padding-top: 16px;
 		}
 	}
 
-	.bui-card-flat.mat-card {
+	.bui-card-flat.mat-mdc-card {
 		box-shadow: none;
 		border: 1px solid #e0e0e0;
 
-		.mat-card-header {
+		.mat-mdc-card-header {
 			border-bottom: 1px solid #e0e0e0;
 		}
 	}
 
-	.bui-card-shaded.mat-card {
-		.mat-card-header {
+	.bui-card-shaded.mat-mdc-card {
+		.mat-mdc-card-header {
 			background: $bui-card-header-background-color;
 		}
 	}

package/theme/_ui-theme.scss

@@ -7,7 +7,9 @@ $default-border-color-transition: border-color 100ms cubic-bezier(0.55, 0, 0.55,
 $mat-foreground-extract: (
 	'secondary-text': 'light',
 	'hint-text': 'muted',
-	'divider': 'divider'
+	'divider': 'divider',
+	'base': 'base',
+	'inactive': 'inactive'
 );
 
 $mat-background-extract: (
@@ -46,8 +48,15 @@ $mat-background-extract: (
 			@include apply-color($p, $c, $border-color-transition);
 		}
 
+		$fg-original: map.get($color-config, 'foreground');
+		$fg: map.merge(
+			$fg-original,
+			(
+				inactive: rgba(map.get($fg-original, base), 0.06)
+			)
+		);
+
 		@each $key, $name in $mat-foreground-extract {
-			$fg: map.get($color-config, 'foreground');
 			$c: map.get($fg, $key);
 			@include apply-color($name, $c, $border-color-transition);
 		}
@@ -60,7 +69,6 @@ $mat-background-extract: (
 			}
 
 			@each $key, $name in $mat-foreground-extract {
-				$fg: map.get($color-config, 'foreground');
 				$c: map.get($fg, $key);
 				--bui-color-#{$name}: #{$c};
 			}

package/tooltip/tooltip.component.d.ts

@@ -1,4 +1,3 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
 import { ChangeDetectorRef, ElementRef, InjectionToken, TemplateRef } from '@angular/core';
 import { TooltipComponent as MatTooltipComponent } from '@angular/material/tooltip';
 import * as i0 from "@angular/core";
@@ -17,10 +16,9 @@ export declare class TooltipComponent extends MatTooltipComponent {
     private _messageCopy;
     _tooltip: ElementRef<HTMLElement>;
     private tooltipDiv;
-    constructor(changeDetectorRef: ChangeDetectorRef, _breakpointObserver: BreakpointObserver, _tooltipInst: TooltipTemplateContainer);
+    constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, _tooltipInst: TooltipTemplateContainer, animationMode?: string);
     show(delay: number): void;
-    get _self(): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "bui-tooltip-component", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "bui-tooltip-component", never, {}, {}, never, never, false, never>;
 }
 export {};

package/tooltip/tooltip.directive.d.ts

@@ -37,5 +37,5 @@ export declare class TooltipDirective extends _MatTooltipBase<TooltipComponent>
     /** @ignore */
     clicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[buiTooltip]", ["buiTooltip"], { "buiTooltipPosition": "buiTooltipPosition"; "buiTooltipDisabled": "buiTooltipDisabled"; "buiTooltip": "buiTooltip"; "buiTooltipClass": "buiTooltipClass"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[buiTooltip]", ["buiTooltip"], { "buiTooltipPosition": "buiTooltipPosition"; "buiTooltipDisabled": "buiTooltipDisabled"; "buiTooltip": "buiTooltip"; "buiTooltipClass": "buiTooltipClass"; }, {}, never, never, false, never>;
 }