@ptsecurity/mosaic 15.5.0 → 16.0.0

package/input/input-password.d.ts

@@ -29,7 +29,7 @@ export declare class McPasswordToggle extends McTooltipTrigger implements OnDest
     private runFocusMonitor;
     private stopFocusMonitor;
     static ɵfac: i0.ɵɵFactoryDeclaration<McPasswordToggle, [null, null, null, null, null, null, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McPasswordToggle, "mc-password-toggle", ["mcPasswordToggle"], { "content": "mcTooltipNotHidden"; "mcTooltipHidden": "mcTooltipHidden"; "disabled": "disabled"; "tabIndex": "tabIndex"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McPasswordToggle, "mc-password-toggle", ["mcPasswordToggle"], { "content": { "alias": "mcTooltipNotHidden"; "required": false; }; "mcTooltipHidden": { "alias": "mcTooltipHidden"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare class McInputPassword extends McInputMixinBase implements McFormFieldControl<any>, OnChanges, OnDestroy, DoCheck, CanUpdateErrorState, OnChanges {
     protected elementRef: ElementRef;
@@ -114,5 +114,5 @@ export declare class McInputPassword extends McInputMixinBase implements McFormF
     /** Checks whether the input is invalid based on the native validation. */
     protected isBadInput(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<McInputPassword, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McInputPassword, "input[mcInputPassword]", ["mcInputPassword"], { "errorStateMatcher": "errorStateMatcher"; "placeholder": "placeholder"; "disabled": "disabled"; "id": "id"; "required": "required"; "value": "value"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McInputPassword, "input[mcInputPassword]", ["mcInputPassword"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }

package/input/input.d.ts

@@ -109,7 +109,7 @@ export declare class McInput extends McInputMixinBase implements McFormFieldCont
     /** Checks whether the input is invalid based on the native validation. */
     protected isBadInput(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<McInput, [null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McInput, "input[mcInput]", ["mcInput"], { "errorStateMatcher": "errorStateMatcher"; "placeholder": "placeholder"; "disabled": "disabled"; "id": "id"; "required": "required"; "type": "type"; "value": "value"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McInput, "input[mcInput]", ["mcInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class McInputMono {
     static ɵfac: i0.ɵɵFactoryDeclaration<McInputMono, never>;

package/link/_link-theme.scss

@@ -3,12 +3,7 @@
 
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
-@mixin mc-link($foreground, $link) {
+@mixin mc-link($foreground, $link, $tokens) {
     display: inline-block;
 
     color: map.get($link, text);
@@ -133,12 +128,14 @@ $tokens: meta.module-variables(tokens) !default;
 
     $link: map.get(map.get($theme, components), link);
 
+    $tokens: map.get($theme, tokens);
+
     .mc-link:not(.mc-link_use-visited) {
         &:visited {
             color: map.get($link, text);
         }
 
-        @include mc-link($foreground, $link);
+        @include mc-link($foreground, $link, $tokens);
     }
 
     .mc-link.mc-link_use-visited {
@@ -155,7 +152,7 @@ $tokens: meta.module-variables(tokens) !default;
             }
         }
 
-        @include mc-link($foreground, $link);
+        @include mc-link($foreground, $link, $tokens);
     }
 
     @media print {
@@ -178,6 +175,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-link-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-link {
         @include mc-typography-level-to-styles($config, map.get($tokens, link-font-default));
     }

package/link/link.component.d.ts

@@ -40,5 +40,5 @@ export declare class McLink extends McLinkMixinBase implements OnDestroy, HasTab
     getHostElement(): any;
     private updatePrintUrl;
     static ɵfac: i0.ɵɵFactoryDeclaration<McLink, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McLink, "[mc-link]", ["mcLink"], { "tabIndex": "tabIndex"; "disabled": "disabled"; "pseudo": "pseudo"; "noUnderline": "noUnderline"; "caption": "caption"; "useVisited": "useVisited"; "print": "print"; }, {}, ["icon"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McLink, "[mc-link]", ["mcLink"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pseudo": { "alias": "pseudo"; "required": false; }; "noUnderline": { "alias": "noUnderline"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "useVisited": { "alias": "useVisited"; "required": false; }; "print": { "alias": "print"; "required": false; }; }, {}, ["icon"], never, false, never>;
 }

package/list/_list-theme.scss

@@ -3,11 +3,6 @@
 
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 @mixin mc-list-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
@@ -42,6 +37,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-list-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-list-item,
     .mc-list-option {
         @include mc-typography-level-to-styles($config, map.get($tokens, list-font-item));

package/list/list-selection.component.d.ts

@@ -114,7 +114,7 @@ export declare class McListSelection extends McListSelectionMixinBase implements
     private selectAllOptions;
     private copyActiveOption;
     static ɵfac: i0.ɵɵFactoryDeclaration<McListSelection, [null, null, { attribute: "multiple"; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McListSelection, "mc-list-selection", ["mcListSelection"], { "disabled": "disabled"; "autoSelect": "autoSelect"; "noUnselectLast": "noUnselectLast"; "horizontal": "horizontal"; "tabIndex": "tabIndex"; "compareWith": "compareWith"; }, { "onSelectAll": "onSelectAll"; "onCopy": "onCopy"; "selectionChange": "selectionChange"; }, ["options"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McListSelection, "mc-list-selection", ["mcListSelection"], { "disabled": { "alias": "disabled"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "noUnselectLast": { "alias": "noUnselectLast"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "onSelectAll": "onSelectAll"; "onCopy": "onCopy"; "selectionChange": "selectionChange"; }, ["options"], ["*"], false, never>;
 }
 /**
  * Component for list-options of selection-list. Each list-option can automatically
@@ -168,5 +168,5 @@ export declare class McListOption implements OnDestroy, OnInit, IFocusableOption
     blur(): void;
     getHostElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<McListOption, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McListOption, "mc-list-option", ["mcListOption"], { "checkboxPosition": "checkboxPosition"; "value": "value"; "disabled": "disabled"; "showCheckbox": "showCheckbox"; "selected": "selected"; }, {}, ["actionButton", "tooltipTrigger", "dropdownTrigger"], ["[mc-icon]", "*", "mc-option-action"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McListOption, "mc-list-option", ["mcListOption"], { "checkboxPosition": { "alias": "checkboxPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, ["actionButton", "tooltipTrigger", "dropdownTrigger"], ["[mc-icon]", "*", "mc-option-action"], false, never>;
 }

package/loader-overlay/_loader-overlay-theme.scss

@@ -3,11 +3,6 @@
 
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 @mixin mc-loader-overlay-theme($theme) {
     $loader-overlay: map.get(map.get($theme, components), loader-overlay);
 
@@ -25,6 +20,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-loader-overlay-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-loader-overlay-text {
         @include mc-typography-level-to-styles($config, map.get($tokens, loader-overlay-font-text));
     }

package/loader-overlay/loader-overlay.component.d.ts

@@ -30,5 +30,5 @@ export declare class McLoaderOverlay implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McLoaderOverlay, [null, null, { attribute: "fixed-top"; optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McLoaderOverlay, "mc-loader-overlay", never, { "text": "text"; "caption": "caption"; }, {}, ["externalIndicator", "externalText", "externalCaption"], ["[mc-loader-overlay-indicator]", "[mc-loader-overlay-text]", "[mc-loader-overlay-caption]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McLoaderOverlay, "mc-loader-overlay", never, { "text": { "alias": "text"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; }, {}, ["externalIndicator", "externalText", "externalCaption"], ["[mc-loader-overlay-indicator]", "[mc-loader-overlay-text]", "[mc-loader-overlay-caption]"], false, never>;
 }

package/loader-overlay/loader-overlay.scss

@@ -2,6 +2,7 @@
 @use 'sass:map';
 
 @use '../core/styles/tokens';
+@use '../core/styles/variables';
 
 
 $tokens: meta.module-variables(tokens) !default;
@@ -23,6 +24,8 @@ $tokens: meta.module-variables(tokens) !default;
     bottom: 0;
     left: 0;
 
+    z-index: variables.$z-index-loader-overlay;
+
     & .mc-loader-overlay__container {
         display: flex;
         flex-direction: column;

package/markdown/_markdown-theme.scss

@@ -1,19 +1,14 @@
-@use 'sass:meta';
 @use 'sass:map';
 
 @use '../core/styles/theming/theming' as *;
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 @mixin mc-markdown-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
 
     $markdown: map.get(map.get($theme, components), markdown);
+    $tokens: map.get($theme, tokens);
 
     .mc-markdown {
         color: map.get($foreground, text);
@@ -98,6 +93,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-markdown-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-markdown {
         // h1, h2, h3, h4, h5, h6
         @for $i from 1 through 6 {

package/markdown/markdown.component.d.ts

@@ -15,5 +15,5 @@ export declare class McMarkdown implements AfterContentChecked {
     ngAfterContentChecked(): void;
     private getResultHTML;
     static ɵfac: i0.ɵɵFactoryDeclaration<McMarkdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McMarkdown, "mc-markdown", never, { "markdownText": "markdownText"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McMarkdown, "mc-markdown", never, { "markdownText": { "alias": "markdownText"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/modal/_modal-theme.scss

@@ -3,17 +3,13 @@
 
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 @mixin mc-modal-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
 
     $modal: map.get(map.get($theme, components), modal);
     $popup: map.get(map.get($theme, components), popup);
+    $tokens: map.get($theme, tokens);
 
     .mc-modal {
         .mc-modal-content {
@@ -80,6 +76,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-modal-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-modal-title {
         @include mc-typography-level-to-styles($config, map.get($tokens, modal-header-font-default));
     }

package/modal/modal.component.d.ts

@@ -1,3 +1,4 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { ThemePalette } from '@ptsecurity/mosaic/core';
@@ -15,6 +16,7 @@ export declare class McModalComponent<T = any, R = any> extends McModalRef<T, R>
     private viewContainer;
     private modalControl;
     private changeDetector;
+    private focusMonitor;
     private document;
     themePalette: typeof ThemePalette;
     mcModalType: ModalType;
@@ -74,10 +76,11 @@ export declare class McModalComponent<T = any, R = any> extends McModalRef<T, R>
     get cancelText(): string;
     get hidden(): boolean;
     private focusedElementBeforeOpen;
+    private previouslyFocusedElementOrigin;
     private contentComponentRef;
     private animationState;
     private container;
-    constructor(overlay: Overlay, renderer: Renderer2, cfr: ComponentFactoryResolver, elementRef: ElementRef, viewContainer: ViewContainerRef, modalControl: McModalControlService, changeDetector: ChangeDetectorRef, document: any);
+    constructor(overlay: Overlay, renderer: Renderer2, cfr: ComponentFactoryResolver, elementRef: ElementRef, viewContainer: ViewContainerRef, modalControl: McModalControlService, changeDetector: ChangeDetectorRef, focusMonitor: FocusMonitor, document: any);
     mcGetContainer: HTMLElement | OverlayRef | (() => HTMLElement | OverlayRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -124,5 +127,5 @@ export declare class McModalComponent<T = any, R = any> extends McModalRef<T, R>
      */
     private changeBodyOverflow;
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McModalComponent<any, any>, "mc-modal", never, { "mcModalType": "mcModalType"; "mcComponent": "mcComponent"; "mcContent": "mcContent"; "mcComponentParams": "mcComponentParams"; "mcFooter": "mcFooter"; "mcVisible": "mcVisible"; "mcZIndex": "mcZIndex"; "mcWidth": "mcWidth"; "mcSize": "mcSize"; "mcWrapClassName": "mcWrapClassName"; "mcClassName": "mcClassName"; "mcStyle": "mcStyle"; "mcTitle": "mcTitle"; "mcCloseByESC": "mcCloseByESC"; "mcClosable": "mcClosable"; "mcMask": "mcMask"; "mcMaskClosable": "mcMaskClosable"; "mcMaskStyle": "mcMaskStyle"; "mcBodyStyle": "mcBodyStyle"; "mcOkText": "mcOkText"; "mcOkType": "mcOkType"; "mcRestoreFocus": "mcRestoreFocus"; "mcOkLoading": "mcOkLoading"; "mcOnOk": "mcOnOk"; "mcCancelText": "mcCancelText"; "mcCancelLoading": "mcCancelLoading"; "mcOnCancel": "mcOnCancel"; "mcGetContainer": "mcGetContainer"; }, { "mcVisibleChange": "mcVisibleChange"; "mcAfterOpen": "mcAfterOpen"; "mcAfterClose": "mcAfterClose"; "mcOnOk": "mcOnOk"; "mcOnCancel": "mcOnCancel"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McModalComponent<any, any>, "mc-modal", never, { "mcModalType": { "alias": "mcModalType"; "required": false; }; "mcComponent": { "alias": "mcComponent"; "required": false; }; "mcContent": { "alias": "mcContent"; "required": false; }; "mcComponentParams": { "alias": "mcComponentParams"; "required": false; }; "mcFooter": { "alias": "mcFooter"; "required": false; }; "mcVisible": { "alias": "mcVisible"; "required": false; }; "mcZIndex": { "alias": "mcZIndex"; "required": false; }; "mcWidth": { "alias": "mcWidth"; "required": false; }; "mcSize": { "alias": "mcSize"; "required": false; }; "mcWrapClassName": { "alias": "mcWrapClassName"; "required": false; }; "mcClassName": { "alias": "mcClassName"; "required": false; }; "mcStyle": { "alias": "mcStyle"; "required": false; }; "mcTitle": { "alias": "mcTitle"; "required": false; }; "mcCloseByESC": { "alias": "mcCloseByESC"; "required": false; }; "mcClosable": { "alias": "mcClosable"; "required": false; }; "mcMask": { "alias": "mcMask"; "required": false; }; "mcMaskClosable": { "alias": "mcMaskClosable"; "required": false; }; "mcMaskStyle": { "alias": "mcMaskStyle"; "required": false; }; "mcBodyStyle": { "alias": "mcBodyStyle"; "required": false; }; "mcOkText": { "alias": "mcOkText"; "required": false; }; "mcOkType": { "alias": "mcOkType"; "required": false; }; "mcRestoreFocus": { "alias": "mcRestoreFocus"; "required": false; }; "mcOkLoading": { "alias": "mcOkLoading"; "required": false; }; "mcOnOk": { "alias": "mcOnOk"; "required": false; }; "mcCancelText": { "alias": "mcCancelText"; "required": false; }; "mcCancelLoading": { "alias": "mcCancelLoading"; "required": false; }; "mcOnCancel": { "alias": "mcOnCancel"; "required": false; }; "mcGetContainer": { "alias": "mcGetContainer"; "required": false; }; }, { "mcVisibleChange": "mcVisibleChange"; "mcAfterOpen": "mcAfterOpen"; "mcAfterClose": "mcAfterClose"; "mcOnOk": "mcOnOk"; "mcOnCancel": "mcOnCancel"; }, never, ["*"], false, never>;
 }

package/modal/modal.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "@angular/cdk/overlay";
 import * as i6 from "@angular/cdk/a11y";
 import * as i7 from "@ptsecurity/mosaic/button";
 import * as i8 from "@ptsecurity/mosaic/icon";
+import * as i9 from "@ptsecurity/mosaic/title";
 export declare class McModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<McModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<McModalModule, [typeof i1.McModalComponent, typeof i2.McModalTitle, typeof i2.McModalBody, typeof i2.McModalFooter, typeof i3.CssUnitPipe, typeof i2.McModalMainAction], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.A11yModule, typeof i7.McButtonModule, typeof i8.McIconModule], [typeof i1.McModalComponent, typeof i2.McModalTitle, typeof i2.McModalBody, typeof i2.McModalFooter, typeof i2.McModalMainAction]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McModalModule, [typeof i1.McModalComponent, typeof i2.McModalTitle, typeof i2.McModalBody, typeof i2.McModalFooter, typeof i3.CssUnitPipe, typeof i2.McModalMainAction], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.A11yModule, typeof i7.McButtonModule, typeof i8.McIconModule, typeof i9.McTitleModule], [typeof i1.McModalComponent, typeof i2.McModalTitle, typeof i2.McModalBody, typeof i2.McModalFooter, typeof i2.McModalMainAction]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<McModalModule>;
 }

package/modal/modal.scss

@@ -70,7 +70,13 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 .mc-modal-title {
-    margin: 0;
+    margin-top: map.get($tokens, size-s);
+    margin-bottom: map.get($tokens, size-s);
+
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
 }
 
 .mc-modal-content {
@@ -86,11 +92,17 @@ $tokens: meta.module-variables(tokens) !default;
     display: flex;
     align-items: center;
 
-    height: var(--mc-modal-header-size-height, map.get($tokens, modal-header-size-height));
+    min-height: var(--mc-modal-header-size-height, map.get($tokens, modal-header-size-height));
 
     border-radius: var(--mc-modal-header-size-border-radius, map.get($tokens, modal-header-size-border-radius));
 
     padding: var(--mc-modal-header-size-padding, map.get($tokens, modal-header-size-padding));
+
+    &.mc-modal-header_closable {
+        $size-s: map.get($tokens, size-s);
+
+        padding-right: calc(var(--mc-modal-size-close-width, map.get($tokens, modal-size-close-width)) + $size-s);
+    }
 }
 
 .mc-modal-body {

package/modal/modal.type.d.ts

@@ -1,8 +1,8 @@
 import { OverlayRef } from '@angular/cdk/overlay';
 import { EventEmitter, TemplateRef, Type } from '@angular/core';
-export declare type OnClickCallback<T> = ((instance: T) => (false | void | {}) | Promise<false | void | {}>);
-export declare type ModalType = 'default' | 'confirm' | 'custom';
-export declare type ConfirmType = 'confirm' | 'success' | 'warn';
+export type OnClickCallback<T> = ((instance: T) => (false | void | {}) | Promise<false | void | {}>);
+export type ModalType = 'default' | 'confirm' | 'custom';
+export type ConfirmType = 'confirm' | 'success' | 'warn';
 export declare enum ModalSize {
     Small = "small",
     Medium = "medium",

package/navbar/_navbar-theme.scss

@@ -1,13 +1,7 @@
-@use 'sass:meta';
 @use 'sass:map';
 
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 @mixin mc-navbar-theme($theme) {
     $background: map.get($theme, background);
     $primary: map.get($theme, primary);
@@ -103,6 +97,8 @@ button {
 }
 
 @mixin mc-navbar-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-navbar-title {
         @include mc-typography-level-to-styles($config, map.get($tokens, navbar-font-title));
     }

package/navbar/navbar-item.component.d.ts

@@ -92,7 +92,7 @@ export declare class McNavbarFocusableItem implements IFocusableOption, AfterCon
     blur(): void;
     getLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarFocusableItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McNavbarFocusableItem, "mc-navbar-item, [mc-navbar-item], mc-navbar-brand, [mc-navbar-brand], mc-navbar-toggle", never, { "disabled": "disabled"; }, {}, ["title", "button"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McNavbarFocusableItem, "mc-navbar-item, [mc-navbar-item], mc-navbar-brand, [mc-navbar-brand], mc-navbar-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button"], never, false, never>;
 }
 export declare class McNavbarRectangleElement {
     elementRef: ElementRef;
@@ -124,9 +124,9 @@ export declare class McNavbarItem extends McTooltipTrigger {
     collapsedText: string;
     get trigger(): string;
     set trigger(value: string);
-    get collapsed(): boolean;
     set collapsed(value: boolean);
     private _collapsed;
+    isCollapsed: boolean;
     get croppedText(): string;
     get collapsable(): boolean;
     set collapsable(value: boolean);
@@ -144,8 +144,9 @@ export declare class McNavbarItem extends McTooltipTrigger {
     updateTooltip(): void;
     getTitleWidth(): number;
     onKeyDown($event: KeyboardEvent): void;
+    private updateCollapsedState;
     static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarItem, [null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McNavbarItem, "mc-navbar-item, [mc-navbar-item]", ["mcNavbarItem"], { "collapsedText": "collapsedText"; "trigger": "mcTrigger"; "collapsed": "collapsed"; "collapsable": "collapsable"; }, {}, ["title", "subTitle", "icon"], ["[mc-icon]", "mc-navbar-title, [mc-navbar-title]", "mc-navbar-subtitle, [mc-navbar-subtitle]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McNavbarItem, "mc-navbar-item, [mc-navbar-item]", ["mcNavbarItem"], { "collapsedText": { "alias": "collapsedText"; "required": false; }; "trigger": { "alias": "mcTrigger"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; }, {}, ["title", "subTitle", "icon"], ["[mc-icon]", "mc-navbar-title, [mc-navbar-title]", "mc-navbar-subtitle, [mc-navbar-subtitle]", "*"], false, never>;
 }
 export declare class McNavbarToggle extends McTooltipTrigger implements OnDestroy {
     navbar: McVerticalNavbar;
@@ -163,5 +164,5 @@ export declare class McNavbarToggle extends McTooltipTrigger implements OnDestro
     private getWindow;
     private windowToggleHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarToggle, [null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McNavbarToggle, "mc-navbar-toggle", never, { "content": "mcCollapsedTooltip"; }, {}, ["customIcon"], ["[mc-icon]", "mc-navbar-title"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McNavbarToggle, "mc-navbar-toggle", never, { "content": { "alias": "mcCollapsedTooltip"; "required": false; }; }, {}, ["customIcon"], ["[mc-icon]", "mc-navbar-title"], false, never>;
 }

package/navbar/navbar.component.d.ts

@@ -1,11 +1,13 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
 import { FocusKeyManager } from '@ptsecurity/cdk/a11y';
 import { Observable, Subject } from 'rxjs';
 import { McNavbarFocusableItem, McNavbarFocusableItemEvent, McNavbarItem, McNavbarRectangleElement } from './navbar-item.component';
 import * as i0 from "@angular/core";
-export declare type McNavbarContainerPositionType = 'left' | 'right';
+export type McNavbarContainerPositionType = 'left' | 'right';
 export declare class McFocusableComponent implements AfterContentInit, OnDestroy {
     protected changeDetectorRef: ChangeDetectorRef;
+    private focusMonitor;
     focusableItems: QueryList<McNavbarFocusableItem>;
     keyManager: FocusKeyManager<McNavbarFocusableItem>;
     get tabIndex(): any;
@@ -16,7 +18,8 @@ export declare class McFocusableComponent implements AfterContentInit, OnDestroy
     protected readonly destroyed: Subject<void>;
     private optionFocusSubscription;
     private optionBlurSubscription;
-    constructor(changeDetectorRef: ChangeDetectorRef);
+    private focusMonitorSubscription;
+    constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     focus(): void;
@@ -28,7 +31,7 @@ export declare class McFocusableComponent implements AfterContentInit, OnDestroy
     private isValidIndex;
     private hasFocusedItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<McFocusableComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McFocusableComponent, never, never, { "tabIndex": "tabIndex"; }, {}, ["focusableItems"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McFocusableComponent, never, never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["focusableItems"], never, false, never>;
 }
 export declare class McNavbarContainer {
     static ɵfac: i0.ɵɵFactoryDeclaration<McNavbarContainer, never>;
@@ -44,7 +47,7 @@ export declare class McNavbar extends McFocusableComponent implements AfterViewI
     private get totalItemsWidth();
     private get collapsableItems();
     private resizeSubscription;
-    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/navbar/vertical-navbar.component.d.ts

@@ -1,9 +1,11 @@
-import { AfterContentInit, ChangeDetectorRef, QueryList } from '@angular/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, QueryList } from '@angular/core';
 import { Subject } from 'rxjs';
 import { McNavbarBento, McNavbarItem, McNavbarRectangleElement } from './navbar-item.component';
 import { McFocusableComponent } from './navbar.component';
 import * as i0 from "@angular/core";
 export declare class McVerticalNavbar extends McFocusableComponent implements AfterContentInit {
+    protected elementRef: ElementRef;
     rectangleElements: QueryList<McNavbarRectangleElement>;
     items: QueryList<McNavbarItem>;
     bento: McNavbarBento;
@@ -11,7 +13,7 @@ export declare class McVerticalNavbar extends McFocusableComponent implements Af
     get expanded(): boolean;
     set expanded(value: boolean);
     private _expanded;
-    constructor(changeDetectorRef: ChangeDetectorRef);
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor);
     ngAfterContentInit(): void;
     toggle(): void;
     onKeyDown(event: KeyboardEvent): void;
@@ -19,5 +21,5 @@ export declare class McVerticalNavbar extends McFocusableComponent implements Af
     private updateTooltipForItems;
     private setItemsState;
     static ɵfac: i0.ɵɵFactoryDeclaration<McVerticalNavbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McVerticalNavbar, "mc-vertical-navbar", ["McVerticalNavbar"], { "expanded": "expanded"; }, {}, ["bento", "rectangleElements", "items"], ["[mc-navbar-container], mc-navbar-container", "[mc-navbar-toggle], mc-navbar-toggle"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McVerticalNavbar, "mc-vertical-navbar", ["McVerticalNavbar"], { "expanded": { "alias": "expanded"; "required": false; }; }, {}, ["bento", "rectangleElements", "items"], ["[mc-navbar-container], mc-navbar-container", "[mc-navbar-toggle], mc-navbar-toggle"], false, never>;
 }