@dereekb/dbx-web 9.25.16 → 10.0.0

package/lib/interaction/popup/_popup.scss

@@ -41,6 +41,10 @@ $dbx-popup-border-radius: 4px;
     min-width: 220px;
     display: inline-block;
     text-align: right;
+
+    button.mdc-button.mat-mdc-button {
+      min-height: 28px;
+    }
   }
 }
 
@@ -56,7 +60,7 @@ $dbx-popup-border-radius: 4px;
   }
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
   .dbx-popup-controls-header {
     @include theming.limit-text();
   }
@@ -65,6 +69,7 @@ $dbx-popup-border-radius: 4px;
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-popup') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -72,7 +77,7 @@ $dbx-popup-border-radius: 4px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/interaction/popup/abstract.popup.directive.d.ts

@@ -8,5 +8,5 @@ export declare abstract class AbstractPopupDirective<O = unknown, I = unknown, T
     constructor(popup: DbxPopupComponent<O, I, T>);
     closePopup(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractPopupDirective<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPopupDirective<any, any, any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPopupDirective<any, any, any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/interaction/popup/popup.component.d.ts

@@ -55,5 +55,5 @@ export declare class DbxPopupComponent<O = unknown, I = unknown, T = unknown> ex
     normalscreen(): void;
     fullscreen(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/interaction/popup/popup.content.component.d.ts

@@ -8,5 +8,5 @@ export declare class DbxPopupContentComponent {
     readonly showContent$: import("rxjs").Observable<boolean>;
     constructor(appPopupController: DbxPopupController);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupContentComponent, "dbx-popup-content", never, {}, {}, never, ["[controls]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupContentComponent, "dbx-popup-content", never, {}, {}, never, ["[controls]", "*"], false, never>;
 }

package/lib/interaction/popup/popup.controls.buttons.component.d.ts

@@ -14,5 +14,5 @@ export declare class DbxPopupControlButtonsComponent {
     normalscreenClicked(): void;
     closeClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupControlButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupControlButtonsComponent, "dbx-popup-control-buttons", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupControlButtonsComponent, "dbx-popup-control-buttons", never, {}, {}, never, never, false, never>;
 }

package/lib/interaction/popup/popup.controls.component.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
 export declare class DbxPopupControlsComponent {
     header?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupControlsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupControlsComponent, "dbx-popup-controls", never, { "header": "header"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupControlsComponent, "dbx-popup-controls", never, { "header": { "alias": "header"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/interaction/popup/popup.coordinator.component.d.ts

@@ -14,5 +14,5 @@ export declare class DbxPopupCoordinatorComponent implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupCoordinatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupCoordinatorComponent, "dbx-popup-coordinator", never, {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupCoordinatorComponent, "dbx-popup-coordinator", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/interaction/popup/popup.d.ts

@@ -1,6 +1,6 @@
 import { Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
-export declare type DbxPopupKey = string;
+export type DbxPopupKey = string;
 export declare enum DbxPopupWindowState {
     NORMAL = "normal",
     MINIMIZED = "minimized",

package/lib/interaction/popup/popup.position.strategy.d.ts

@@ -1,5 +1,5 @@
 import { GlobalPositionStrategy } from '@angular/cdk/overlay';
-export declare type PopupPosition = 'center' | 'bottom_left' | 'bottom_right';
+export type PopupPosition = 'center' | 'bottom_left' | 'bottom_right';
 export interface PopupPositionOffset {
     x?: string;
     y?: string;

package/lib/interaction/prompt/_prompt.scss

@@ -26,12 +26,13 @@ $dbx-popup-controls-height: 33px;
 @mixin color($theme-config) {
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
 }
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-prompt') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -39,7 +40,7 @@ $dbx-popup-controls-height: 33px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/interaction/prompt/prompt.box.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class DbxPromptBoxComponent {
     elevated: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptBoxComponent, "dbx-prompt-box", never, { "elevated": "elevated"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptBoxComponent, "dbx-prompt-box", never, { "elevated": { "alias": "elevated"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/interaction/prompt/prompt.button.confirm.directive.d.ts

@@ -13,5 +13,5 @@ export declare class DbxPromptConfirmButtonDirective implements OnInit, DbxButto
     constructor(appButton: DbxButtonDirective, prompt: DbxPromptConfirm);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmButtonDirective, [{ host: true; }, { host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmButtonDirective, "[dbxPromptConfirmButton]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmButtonDirective, "[dbxPromptConfirmButton]", never, {}, {}, never, never, false, never>;
 }

package/lib/interaction/prompt/prompt.component.d.ts

@@ -7,5 +7,5 @@ export declare class DbxPromptComponent {
     header?: Maybe<string>;
     prompt?: Maybe<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptComponent, "dbx-prompt", never, { "header": "header"; "prompt": "prompt"; }, {}, never, ["[hero]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptComponent, "dbx-prompt", never, { "header": { "alias": "header"; "required": false; }; "prompt": { "alias": "prompt"; "required": false; }; }, {}, never, ["[hero]", "*"], false, never>;
 }

package/lib/interaction/prompt/prompt.confirm.component.d.ts

@@ -30,5 +30,5 @@ export declare class DbxPromptConfirmComponent {
     onConfirm(): void;
     onCancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptConfirmComponent, "dbx-prompt-confirm", never, { "config": "config"; }, { "confirm": "confirm"; "cancel": "cancel"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptConfirmComponent, "dbx-prompt-confirm", never, { "config": { "alias": "config"; "required": false; }; }, { "confirm": "confirm"; "cancel": "cancel"; }, never, ["*"], false, never>;
 }

package/lib/interaction/prompt/prompt.confirm.dialog.component.d.ts

@@ -19,5 +19,5 @@ export declare class DbxPromptConfirmDialogComponent extends AbstractDialogDirec
     confirm(): void;
     cancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptConfirmDialogComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptConfirmDialogComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/interaction/prompt/prompt.confirm.directive.d.ts

@@ -16,7 +16,7 @@ export declare abstract class AbstractPromptConfirmDirective implements DbxPromp
     showDialog(): Observable<boolean>;
     protected _handleDialogResult(result: boolean): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractPromptConfirmDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPromptConfirmDirective, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPromptConfirmDirective, never, never, {}, {}, never, never, false, never>;
 }
 /**
  * Directive that shows a confirmation screen.
@@ -25,5 +25,5 @@ export declare class DbxPromptConfirmDirective extends AbstractPromptConfirmDire
     config?: Maybe<DbxPromptConfirmConfig>;
     constructor(dialog: MatDialog);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmDirective, "[dbxPromptConfirm]", never, { "config": "dbxPromptConfirm"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmDirective, "[dbxPromptConfirm]", never, { "config": { "alias": "dbxPromptConfirm"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/interaction/prompt/prompt.page.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class DbxPromptPageComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptPageComponent, "dbx-prompt-page", never, {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptPageComponent, "dbx-prompt-page", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/interaction/style/_style.scss

@@ -29,12 +29,13 @@
   }
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
 }
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-style') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -42,7 +43,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/keypress/keydown.listener.directive.d.ts

@@ -8,5 +8,5 @@ export declare class DbxWindowKeyDownListenerDirective implements OnDestroy {
     ngOnDestroy(): void;
     handleKeyboardEvent(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWindowKeyDownListenerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxWindowKeyDownListenerDirective, "[dbxWindowKeyDownListener]", never, { "appWindowKeyDownEnabled": "appWindowKeyDownEnabled"; "appWindowKeyDownFilter": "appWindowKeyDownFilter"; }, { "keyPressed": "dbxWindowKeyDownListener"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxWindowKeyDownListenerDirective, "[dbxWindowKeyDownListener]", never, { "appWindowKeyDownEnabled": { "alias": "appWindowKeyDownEnabled"; "required": false; }; "appWindowKeyDownFilter": { "alias": "appWindowKeyDownFilter"; "required": false; }; }, { "keyPressed": "dbxWindowKeyDownListener"; }, never, never, false, never>;
 }

package/lib/layout/_layout.scss

@@ -28,20 +28,20 @@
   @include text.core();
 }
 
-@mixin all-layout-typography($typography-config) {
-  @include bar.typography($typography-config);
-  @include block.typography($typography-config);
-  @include card.typography($typography-config);
-  @include column.typography($typography-config);
-  @include content.typography($typography-config);
-  @include flag.typography($typography-config);
-  @include flex.typography($typography-config);
-  @include item.typography($typography-config);
-  @include list.typography($typography-config);
-  @include section.typography($typography-config);
-  @include step.typography($typography-config);
-  @include style.typography($typography-config);
-  @include text.typography($typography-config);
+@mixin all-layout-typography($theme-config) {
+  @include bar.typography($theme-config);
+  @include block.typography($theme-config);
+  @include card.typography($theme-config);
+  @include column.typography($theme-config);
+  @include content.typography($theme-config);
+  @include flag.typography($theme-config);
+  @include flex.typography($theme-config);
+  @include item.typography($theme-config);
+  @include list.typography($theme-config);
+  @include section.typography($theme-config);
+  @include step.typography($theme-config);
+  @include style.typography($theme-config);
+  @include text.typography($theme-config);
 }
 
 @mixin all-layout-theme($theme-config) {

package/lib/layout/bar/_bar.scss

@@ -60,7 +60,9 @@ $bar-fixed-height: 40px;
   }
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
+  $typography-config: theming.get-typography-config($theme-config-or-typography-config);
+
   .dbx-bar {
     font-size: theming.font-size($typography-config, 'caption');
   }
@@ -69,6 +71,7 @@ $bar-fixed-height: 40px;
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-bar') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -76,7 +79,7 @@ $bar-fixed-height: 40px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/layout/bar/bar.d.ts

@@ -1,2 +1,2 @@
 import { DbxThemeColor } from '../style/style';
-export declare type DbxBarColor = DbxThemeColor;
+export type DbxBarColor = DbxThemeColor;

package/lib/layout/bar/bar.directive.d.ts

@@ -7,5 +7,5 @@ import * as i0 from "@angular/core";
 export declare class DbxBarDirective {
     color?: Maybe<DbxBarColor>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxBarDirective, "dbx-bar,[dbxBar]", never, { "color": "color"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxBarDirective, "dbx-bar,[dbxBar]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/bar/bar.header.component.d.ts

@@ -9,5 +9,5 @@ export declare class DbxBarHeaderComponent {
     icon?: Maybe<string>;
     color?: Maybe<DbxBarColor>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxBarHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxBarHeaderComponent, "dbx-bar-header", never, { "text": "text"; "icon": "icon"; "color": "color"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxBarHeaderComponent, "dbx-bar-header", never, { "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/bar/pagebar.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class DbxPagebarComponent {
     color?: Maybe<DbxBarColor>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPagebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPagebarComponent, "dbx-pagebar", never, { "color": "color"; }, {}, never, ["[left]", "[right]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPagebarComponent, "dbx-pagebar", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["[left]", "[right]"], false, never>;
 }

package/lib/layout/block/_block.scss

@@ -23,12 +23,13 @@ $two-block-top-height-var: --dbx-two-block-top-height;
 @mixin color($theme-config) {
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
 }
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-block') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -36,7 +37,7 @@ $two-block-top-height-var: --dbx-two-block-top-height;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/layout/block/two.block.component.d.ts

@@ -16,5 +16,5 @@ export declare class DbxTwoBlocksComponent {
     twoElement: ElementRef;
     onResized(event: ResizedEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTwoBlocksComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTwoBlocksComponent, "dbx-two-block", never, { "fixedTop": "fixedTop"; }, {}, never, ["[top]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTwoBlocksComponent, "dbx-two-block", never, { "fixedTop": { "alias": "fixedTop"; "required": false; }; }, {}, never, ["[top]", "*"], false, never>;
 }

package/lib/layout/card/_card.scss

@@ -9,12 +9,13 @@
 @mixin color($theme-config) {
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
 }
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-card') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -22,7 +23,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/layout/card/card.box.component.d.ts

@@ -6,5 +6,5 @@ export declare class DbxCardBoxComponent {
     header?: string;
     icon?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxCardBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxCardBoxComponent, "dbx-card-box", never, { "header": "header"; "icon": "icon"; }, {}, never, ["[sectionHeader]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxCardBoxComponent, "dbx-card-box", never, { "header": { "alias": "header"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["[sectionHeader]", "*"], false, never>;
 }

package/lib/layout/card/card.box.container.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxCardBoxContainerComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxCardBoxContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxCardBoxContainerComponent, "dbx-card-box-container", never, {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxCardBoxContainerComponent, "dbx-card-box-container", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/layout/column/_column.scss

@@ -98,7 +98,7 @@ $two-columns-right-padding-size: 6px;
 
     > .dbx-two-column-head {
       .back-button {
-        margin-right: $two-columns-right-padding-size;
+        margin: 0 $two-columns-right-padding-size;
       }
 
       .right-spacer {
@@ -142,12 +142,13 @@ $two-columns-right-padding-size: 6px;
   }
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
 }
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-column') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -155,7 +156,7 @@ $two-columns-right-padding-size: 6px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/layout/column/one/one.column.component.d.ts

@@ -8,5 +8,5 @@ export declare class DbxOneColumnComponent {
     constructor(twoColumnsContextStore: TwoColumnsContextStore);
     inSectionPage: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxOneColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxOneColumnComponent, "dbx-one-column", ["columns"], { "inSectionPage": "inSectionPage"; }, {}, never, ["[top]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxOneColumnComponent, "dbx-one-column", ["columns"], { "inSectionPage": { "alias": "inSectionPage"; "required": false; }; }, {}, never, ["[top]", "*"], false, never>;
 }

package/lib/layout/column/two/two.column.back.directive.d.ts

@@ -12,5 +12,5 @@ export declare class DbxTwoColumnBackDirective extends AbstractSubscriptionDirec
     ngOnInit(): void;
     backClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTwoColumnBackDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTwoColumnBackDirective, "[dbxTwoColumnBack]", never, {}, { "back": "dbxTwoColumnBack"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTwoColumnBackDirective, "[dbxTwoColumnBack]", never, {}, { "back": "dbxTwoColumnBack"; }, never, never, false, never>;
 }

package/lib/layout/column/two/two.column.component.d.ts

@@ -37,5 +37,5 @@ export declare class DbxTwoColumnComponent extends AbstractSubscriptionDirective
     set inSectionPage(inSectionPage: boolean);
     onResized(event: ResizedEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTwoColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTwoColumnComponent, "dbx-two-column", ["columns"], { "reverseSizing": "reverseSizing"; "inSectionPage": "inSectionPage"; }, {}, never, ["[left]", "[right]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTwoColumnComponent, "dbx-two-column", ["columns"], { "reverseSizing": { "alias": "reverseSizing"; "required": false; }; "inSectionPage": { "alias": "inSectionPage"; "required": false; }; }, {}, never, ["[left]", "[right]"], false, never>;
 }

package/lib/layout/column/two/two.column.context.directive.d.ts

@@ -13,5 +13,5 @@ export declare class DbxTwoColumnContextDirective implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     set showRight(showRight: Maybe<boolean | ''>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTwoColumnContextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTwoColumnContextDirective, "[dbxTwoColumnContext]", never, { "showRight": "showRight"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTwoColumnContextDirective, "[dbxTwoColumnContext]", never, { "showRight": { "alias": "showRight"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/column/two/two.column.full.left.directive.d.ts

@@ -14,5 +14,5 @@ export declare class DbxTwoColumnFullLeftDirective implements OnInit, OnDestroy
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTwoColumnFullLeftDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTwoColumnFullLeftDirective, "[dbxTwoColumnFullLeft]", never, { "fullLeft": "dbxTwoColumnFullLeft"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTwoColumnFullLeftDirective, "[dbxTwoColumnFullLeft]", never, { "fullLeft": { "alias": "dbxTwoColumnFullLeft"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/column/two/two.column.head.component.d.ts

@@ -6,5 +6,5 @@ export declare class DbxTwoColumnColumnHeadComponent {
     block?: boolean;
     full?: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTwoColumnColumnHeadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTwoColumnColumnHeadComponent, "dbx-two-column-head", never, { "block": "block"; "full": "full"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTwoColumnColumnHeadComponent, "dbx-two-column-head", never, { "block": { "alias": "block"; "required": false; }; "full": { "alias": "full"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/layout/column/two/two.column.right.component.d.ts

@@ -27,5 +27,5 @@ export declare class DbxTwoColumnRightComponent implements AfterViewInit, OnDest
     set minRightWidth(minRightWidth: Maybe<number | ''>);
     backClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTwoColumnRightComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTwoColumnRightComponent, "dbx-two-column-right", never, { "header": "header"; "block": "block"; "showBack": "showBack"; "minRightWidth": "minRightWidth"; }, {}, never, ["[nav]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxTwoColumnRightComponent, "dbx-two-column-right", never, { "header": { "alias": "header"; "required": false; }; "block": { "alias": "block"; "required": false; }; "showBack": { "alias": "showBack"; "required": false; }; "minRightWidth": { "alias": "minRightWidth"; "required": false; }; }, {}, never, ["[nav]", "*"], false, never>;
 }

package/lib/layout/column/two/two.column.sref.directive.d.ts

@@ -10,5 +10,5 @@ export declare class DbxTwoColumnSrefDirective {
     constructor(_twoColumnsContextStore: TwoColumnsContextStore);
     set ref(ref: Maybe<SegueRefOrSegueRefRouterLink | ''>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTwoColumnSrefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTwoColumnSrefDirective, "[dbxTwoColumnSref]", never, { "ref": "dbxTwoColumnSref"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTwoColumnSrefDirective, "[dbxTwoColumnSref]", never, { "ref": { "alias": "dbxTwoColumnSref"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/column/two/two.column.sref.showright.directive.d.ts

@@ -12,5 +12,5 @@ export declare class DbxTwoColumnSrefShowRightDirective extends AbstractSubscrip
     constructor(_twoColumnsContextStore: TwoColumnsContextStore, _dbxRouterService: DbxRouterService);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTwoColumnSrefShowRightDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTwoColumnSrefShowRightDirective, "[dbxTwoColumnSrefShowRight]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxTwoColumnSrefShowRightDirective, "[dbxTwoColumnSrefShowRight]", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/compact/compact.d.ts

@@ -11,6 +11,6 @@ export interface CompactModeOptions<T> {
 export interface CompactModeDefaultOptions<T> extends CompactModeOptions<T> {
     defaultMode?: Maybe<CompactMode>;
 }
-export declare type CompactModeOption = CompactMode | boolean;
+export type CompactModeOption = CompactMode | boolean;
 export declare function compactModeFromInput(input: CompactMode | boolean): CompactMode;
 export declare function mapCompactModeObs<T>(mode$: Maybe<Observable<CompactMode>>, config: CompactModeDefaultOptions<T>): Observable<Maybe<T>>;

package/lib/layout/compact/compact.directive.d.ts

@@ -10,5 +10,5 @@ export declare class DbxCompactDirective {
     constructor(compactContextStore: CompactContextStore);
     set mode(mode: CompactMode | boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxCompactDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxCompactDirective, "[dbxCompact]", ["compact"], { "mode": "dbxCompact"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxCompactDirective, "[dbxCompact]", ["compact"], { "mode": { "alias": "dbxCompact"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/content/_content.scss

@@ -215,12 +215,13 @@ $scroll-content-bottom-padding: 42px;
   }
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
 }
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-content') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -228,7 +229,7 @@ $scroll-content-bottom-padding: 42px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/layout/content/content.border.directive.d.ts

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
 export declare class DbxContentBorderDirective {
     color: DbxThemeColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentBorderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentBorderDirective, "dbx-content-border,[dbxContentBorder]", never, { "color": "color"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentBorderDirective, "dbx-content-border,[dbxContentBorder]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/content/content.box.directive.d.ts

@@ -5,10 +5,6 @@ import * as i0 from "@angular/core";
 export declare class DbxContentBoxDirective {
     elevate: boolean;
     wide: boolean;
-    /**
-     * @Deprecated use elevate instead
-     */
-    elevated: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentBoxDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentBoxDirective, "dbx-content-box, [dbxContentBox]", never, { "elevate": "elevate"; "wide": "wide"; "elevated": "elevated"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentBoxDirective, "dbx-content-box, [dbxContentBox]", never, { "elevate": { "alias": "elevate"; "required": false; }; "wide": { "alias": "wide"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/content/content.container.directive.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-export declare type DbxContentContainerPadding = 'none' | 'min' | 'small' | 'normal';
-export declare type DbxContentContainerWidth = 'small' | 'medium' | 'large' | 'wide' | 'full';
+export type DbxContentContainerPadding = 'none' | 'min' | 'small' | 'normal';
+export type DbxContentContainerWidth = 'small' | 'medium' | 'large' | 'wide' | 'full';
 /**
  * Component that limits the max-width of the content.
  */
@@ -9,5 +9,5 @@ export declare class DbxContentContainerDirective {
     padding: DbxContentContainerPadding;
     topPadding: DbxContentContainerPadding;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentContainerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentContainerDirective, "dbx-content-container,[dbxContentContainer],.dbx-content-container", never, { "grow": "grow"; "padding": "padding"; "topPadding": "topPadding"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentContainerDirective, "dbx-content-container,[dbxContentContainer],.dbx-content-container", never, { "grow": { "alias": "grow"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "topPadding": { "alias": "topPadding"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/content/content.directive.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxContentDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentDirective, "dbx-content,[dbxContent]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentDirective, "dbx-content,[dbxContent]", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/content/content.elevate.directive.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
 export declare class DbxContentElevateDirective {
     elevate: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentElevateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentElevateDirective, "dbx-content-elevate,[dbxContentElevate]", never, { "elevate": "elevate"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentElevateDirective, "dbx-content-elevate,[dbxContentElevate]", never, { "elevate": { "alias": "elevate"; "required": false; }; }, {}, never, never, false, never>;
 }