@ptsecurity/mosaic 12.0.2 → 12.2.2

package/core/option/action.d.ts

@@ -0,0 +1,42 @@
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, OnDestroy } from '@angular/core';
+import { CanDisableCtor, HasTabIndexCtor } from '../common-behaviors/index';
+import * as i0 from "@angular/core";
+export interface McOptionActionParent {
+    dropdownTrigger: {
+        opened: boolean;
+        restoreFocus: boolean;
+        dropdownClosed: EventEmitter<void>;
+        lastDestroyReason: void | 'click' | 'keydown' | 'tab';
+        openedBy: Exclude<FocusOrigin, 'program' | null> | undefined;
+        toggle(): void;
+    };
+    tooltipTrigger: {
+        disabled: boolean;
+    };
+    focus(): void;
+}
+export declare const MC_OPTION_ACTION_PARENT: InjectionToken<McOptionActionParent>;
+export declare class McOptionActionBase {
+}
+export declare const McOptionActionMixinBase: HasTabIndexCtor & CanDisableCtor & typeof McOptionActionBase;
+export declare class McOptionActionComponent extends McOptionActionMixinBase implements AfterViewInit, OnDestroy {
+    private elementRef;
+    private focusMonitor;
+    private option;
+    customIcon: ElementRef;
+    hasFocus: boolean;
+    get active(): boolean;
+    private readonly destroy;
+    constructor(elementRef: ElementRef, focusMonitor: FocusMonitor, option: McOptionActionParent);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    focus(origin?: FocusOrigin, options?: FocusOptions): void;
+    onFocus($event: any): void;
+    onBlur(): void;
+    onClick($event: any): void;
+    onKeyDown($event: any): void;
+    private preventShowingTooltip;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McOptionActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McOptionActionComponent, "mc-option-action", ["mcOptionAction"], { "disabled": "disabled"; }, {}, ["customIcon"], ["[mc-icon]"]>;
+}

package/core/option/index.d.ts

@@ -1,3 +1,4 @@
 export * from './option';
 export * from './optgroup';
+export * from './action';
 export * from './option-module';

package/core/option/option-module.d.ts

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./option";
 import * as i2 from "./optgroup";
-import * as i3 from "@angular/common";
-import * as i4 from "../selection/pseudo-checkbox/pseudo-checkbox.module";
+import * as i3 from "./action";
+import * as i4 from "@angular/common";
+import * as i5 from "../selection/pseudo-checkbox/pseudo-checkbox.module";
 export declare class McOptionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<McOptionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<McOptionModule, [typeof i1.McOption, typeof i2.McOptgroup], [typeof i3.CommonModule, typeof i4.McPseudoCheckboxModule], [typeof i1.McOption, typeof i2.McOptgroup]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McOptionModule, [typeof i1.McOption, typeof i2.McOptgroup, typeof i3.McOptionActionComponent], [typeof i4.CommonModule, typeof i5.McPseudoCheckboxModule], [typeof i1.McOption, typeof i2.McOptgroup, typeof i3.McOptionActionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<McOptionModule>;
 }

package/core/pop-up/pop-up-trigger.d.ts

@@ -17,23 +17,17 @@ export declare abstract class McPopUpTrigger<T> {
     isOpen: boolean;
     enterDelay: number;
     leaveDelay: number;
-    placementChange: EventEmitter<string>;
-    visibleChange: EventEmitter<boolean>;
-    get placementPriority(): string | string[] | null;
-    set placementPriority(value: string | string[] | null);
-    private _placementPriority;
-    get placement(): PopUpPlacements;
-    set placement(value: PopUpPlacements);
-    private _placement;
-    get visible(): boolean;
-    set visible(externalValue: boolean);
-    private _visible;
     abstract disabled: boolean;
     abstract trigger: string;
     abstract customClass: string;
     abstract content: string | TemplateRef<any>;
+    abstract placementChange: EventEmitter<string>;
+    abstract visibleChange: EventEmitter<boolean>;
     protected abstract originSelector: string;
     protected abstract overlayConfig: OverlayConfig;
+    protected placement: PopUpPlacements;
+    protected placementPriority: string | string[] | null;
+    protected visible: boolean;
     protected _content: string | TemplateRef<any>;
     protected _disabled: boolean;
     protected _customClass: string;
@@ -52,6 +46,9 @@ export declare abstract class McPopUpTrigger<T> {
     abstract getOverlayHandleComponentType(): Type<T>;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    updatePlacement(value: PopUpPlacements): void;
+    updatePlacementPriority(value: any): void;
+    updateVisible(externalValue: boolean): void;
     handleKeydown(event: KeyboardEvent): void;
     handleTouchend(): void;
     show(delay?: number): void;
@@ -69,5 +66,5 @@ export declare abstract class McPopUpTrigger<T> {
     private addEventListener;
     private removeEventListener;
     static ɵfac: i0.ɵɵFactoryDeclaration<McPopUpTrigger<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McPopUpTrigger<any>, never, never, { "enterDelay": "mcEnterDelay"; "leaveDelay": "mcLeaveDelay"; "placementPriority": "mcPlacementPriority"; "placement": "mcPlacement"; "visible": "mcVisible"; }, { "placementChange": "mcPlacementChange"; "visibleChange": "mcVisibleChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McPopUpTrigger<any>, never, never, {}, {}, never>;
 }

package/design-tokens/style-dictionary/build.js

@@ -26,6 +26,12 @@ console.log('Build started...');
 console.log('==============================================');
 
 module.exports = (themeConfig) => {
+    StyleDictionary.registerFileHeader({
+        name: 'customHeader',
+        fileHeader: () => {
+            return [`Do not edit directly`];
+        }
+    });
     console.log('themeConfig: ', themeConfig);
 
     if (!themeConfig || themeConfig.length === 0) {

package/design-tokens/style-dictionary/configs/index.js

@@ -6,7 +6,8 @@ const cssConfig = require('./css');
 
 const filterObj = {
     options: {
-        showFileHeader: true
+        showFileHeader: true,
+        fileHeader: 'customHeader'
     }
 };
 

package/design-tokens/tokens/components/badge.json5

@@ -1,14 +1,184 @@
 {
     badge: {
         size: {
-            'min-width': { value: '10px' },
-            padding: { value: '4px {padding.badge_tag-horizontal}' },
-            'border-width': { value: '1px' },
-            'border-radius': { value: '4px' }
+            default: {
+                'min-width': { value: '10px' },
+                padding: { value: '0 8px' },
+                'border-width': { value: '1px' },
+                'border-radius': { value: '4px' },
+                height: { value: '24px' },
+                font: {
+                    default: { value: 'caption' },
+                    caps: { value: 'caption-caps' },
+                    mono: { value: 'caption-mono'}
+                }
+            },
+            mini: {
+                height: { value: '16px' },
+                'min-width': { value: '10px' },
+                'border-width': { value: '1px' },
+                'border-radius': { value: '2px' },
+                padding: { value: '0 4px' },
+                font: {
+                    default: { value: 'extra-small-text' },
+                    caps: { value: 'extra-small-text-caps' },
+                    mono: { value: 'extra-small-text-mono'}
+                }
+            }
         },
         font: {
-            default: { value: 'caption' },
-            caps: { value: 'caption-caps' }
-        }
+            default: {
+                default: { value: 'caption' },
+                caps: { value: 'caption-caps' },
+                mono: { value: 'caption-mono'}
+            },
+            mini: {
+                default: { value: 'extra-small-text' },
+                caps: { value: 'extra-small-text-caps' },
+                mono: { value: 'extra-small-text-mono'}
+            }
+        },
+        'light-color-scheme': {
+            solid: {
+                primary: {
+                    background: { value: '{light-color-scheme.primary.palette.value.500.value}' },
+                    color: { value: 'white' },
+                    border: { value: '{light-color-scheme.primary.palette.value.500.value}' },
+                },
+                info: {
+                    border: { value: '{light-color-scheme.primary.palette.value.500.value}' },
+                    background: { value: '{light-color-scheme.primary.palette.value.500.value}' },
+                    color: { value: 'white' }
+                },
+                success: {
+                    border: { value: '{light-color-scheme.success.palette.value.500.value}' },
+                    background: { value: '{light-color-scheme.success.palette.value.500.value}' },
+                    color: { value: 'white' }
+                },
+                warning: {
+                    border: { value: '{light-color-scheme.warning.palette.value.500.value}' },
+                    background: { value: '{light-color-scheme.warning.palette.value.500.value}' },
+                    color: { value: 'white' }
+                },
+                error: {
+                    border: { value: '{light-color-scheme.error.palette.value.500.value}' },
+                    background: { value: '{light-color-scheme.error.palette.value.500.value}' },
+                    color: { value: 'white' }
+                },
+                transparent: {
+                    border: { value: '{light-color-scheme.second.palette.value.200.value}' },
+                    color: { value: '{light-color-scheme.primary.palette.value.contrast.300.value}' },
+                    background: { value: 'transparent' }
+                },
+                light: {
+                    border: { value: '{light-color-scheme.second.palette.value.100.value}' },
+                    background: { value: '{light-color-scheme.second.palette.value.100.value}' },
+                    color: { value: '{light-color-scheme.primary.palette.value.contrast.300.value}' }
+                },
+                second: {
+                    border: { value: '{light-color-scheme.second.palette.value.600.value}' },
+                    background: { value: '{light-color-scheme.second.palette.value.600.value}' },
+                    color: { value: 'white' }
+                }
+            },
+            pastel: {
+                primary: {
+                    background: { value: '{light-color-scheme.primary.palette.value.40.value}' },
+                    border: { value: '{light-color-scheme.primary.palette.value.200.value}' },
+                    color: { value: '{light-color-scheme.primary.palette.value.500.value}' }
+                },
+                info: {
+                    background: { value: '{light-color-scheme.info.palette.value.40.value}' },
+                    border: { value: '{light-color-scheme.primary.palette.value.200.value}' },
+                    color: { value: '{light-color-scheme.info.palette.value.500.value}' }
+                },
+                success: {
+                    background: { value: '{light-color-scheme.success.palette.value.40.value}' },
+                    border: { value: '{light-color-scheme.success.palette.value.200.value}' },
+                    color: { value: '{light-color-scheme.success.palette.value.560.value}' }
+                },
+                warning: {
+                    background: { value: '{light-color-scheme.warning.palette.value.40.value}' },
+                    border: { value: '{light-color-scheme.warning.palette.value.200.value}' },
+                    color: { value: '{light-color-scheme.warning.palette.value.560.value}' }
+                },
+                error: {
+                    background: { value: '{light-color-scheme.error.palette.value.40.value}' },
+                    border: { value: '{light-color-scheme.error.palette.value.200.value}' },
+                    color: { value: '{light-color-scheme.error.palette.value.500.value}' }
+                }
+            }
+        },
+        'dark-color-scheme': {
+            pastel: {
+                primary: {
+                    background: { value: '{light-color-scheme.primary.palette.value.A100.value}' },
+                    color: { value: '{light-color-scheme.primary.palette.value.100.value}' },
+                    border: { value: '{light-color-scheme.primary.palette.value.700.value}' },
+                },
+                info: {
+                    background: { value: '{light-color-scheme.primary.palette.value.100.value}' },
+                    color: { value: '{light-color-scheme.primary.palette.value.100.value}' },
+                    border: { value: '{light-color-scheme.primary.palette.value.A100.value}' }
+                },
+                success: {
+                    border: { value: '{light-color-scheme.success.palette.value.700.value}' },
+                    background: { value: '{light-color-scheme.success.palette.value.A100.value}' },
+                    color: { value: '{light-color-scheme.success.palette.value.100.value}' }
+                },
+                warning: {
+                    border: { value: '{light-color-scheme.warning.palette.value.700.value}' },
+                    background: { value: '{light-color-scheme.warning.palette.value.A100.value}' },
+                    color: { value: '{light-color-scheme.warning.palette.value.100.value}' }
+                },
+                error: {
+                    border: { value: '{light-color-scheme.error.palette.value.700.value}' },
+                    background: { value: '{light-color-scheme.error.palette.value.A100.value}' },
+                    color: { value: '{light-color-scheme.error.palette.value.100.value}' }
+                }
+            },
+            solid: {
+                primary: {
+                    background: { value: '{light-color-scheme.primary.palette.value.700.value}' },
+                    color: { value: 'white' },
+                    border: { value: '{light-color-scheme.primary.palette.value.700.value}' },
+                },
+                info: {
+                    border: { value: '{light-color-scheme.primary.palette.value.800.value}' },
+                    background: { value: '{light-color-scheme.primary.palette.value.800.value}' },
+                    color: { value: 'white' }
+                },
+                success: {
+                    border: { value: '{light-color-scheme.success.palette.value.700.value}' },
+                    background: { value: '{light-color-scheme.success.palette.value.700.value}' },
+                    color: { value: 'white' }
+                },
+                warning: {
+                    border: { value: '{light-color-scheme.warning.palette.value.700.value}' },
+                    background: { value: '{light-color-scheme.warning.palette.value.700.value}' },
+                    color: { value: 'white' }
+                },
+                error: {
+                    border: { value: '{light-color-scheme.error.palette.value.700.value}' },
+                    background: { value: '{light-color-scheme.error.palette.value.700.value}' },
+                    color: { value: 'white' }
+                },
+                transparent: {
+                    border: { value: '{light-color-scheme.second.palette.value.500.value}' },
+                    color: { value: '{light-color-scheme.second.palette.value.40.value}' },
+                    background: { value: 'transparent' }
+                },
+                light: {
+                    border: { value: '{light-color-scheme.second.palette.value.400.value}' },
+                    background: { value: '{light-color-scheme.second.palette.value.400.value}' },
+                    color: { value: 'white' }
+                },
+                second: {
+                    border: { value: '{light-color-scheme.second.palette.value.700.value}' },
+                    background: { value: '{light-color-scheme.second.palette.value.700.value}' },
+                    color: { value: 'white' }
+                }
+            }
+        },
     }
 }

package/design-tokens/tokens/components/list.json5

@@ -6,10 +6,6 @@
 
             'item-height': { value: '{size.option-height}' },
 
-            'two-line-height': { value: '72px' },
-            'three-line-height': { value: '88px' },
-            'multi-line-padding': { value: '16px' },
-
             'icon-width': { value: '24px' }
         },
         font: {

package/design-tokens/tokens/components/tree.json5

@@ -1,9 +1,9 @@
 {
     tree: {
         size: {
-            'padding-right': { value: '{padding.option-horizontal}' },
-            'border-width': { value: '2px' },
-            'node-height': { value: '{size.option-height}' }
+            'node-height': { value: '32px' },
+            'padding-left': { value: '8px' },
+            'padding-right': { value: '16px' },
         },
         font: {
             node: { value: 'body' }

package/design-tokens/tokens/properties/globals.json5

@@ -1,6 +1,6 @@
 {
     size: {
-        'option-height': '28px',
+        'option-height': '32px',
         'panel-height': '48px',
         // у radio и checkbox в макетах 20px, у тоггла есть две модификации на 16px и 14px
         'control_S-height': '16px',

package/design-tokens/tokens/properties/typography.json5

@@ -119,6 +119,22 @@
             "font-weight": { value: 'normal' },
             "font-family": { value: '{font.family.base.value}' },
             "text-transform": { value: 'null' }
+        },
+        "extra-small-text-caps": {
+            "font-size": { value: '11px' },
+            "line-height": { value: '16px' },
+            "letter-spacing": { value: '1px' },
+            "font-weight": { value: 'normal' },
+            "font-family": { value: '{font.family.base.value}' },
+            "text-transform": { value: 'uppercase' }
+        },
+        "extra-small-text-mono": {
+            "font-size": { value: '11px' },
+            "line-height": { value: '16px' },
+            "letter-spacing": { value: '0px' },
+            "font-weight": { value: 'normal' },
+            "font-family": { value: '{font.family.monospace.value}' },
+            "text-transform": { value: 'null' }
         }
     }
 }

package/design-tokens/tokens.d.ts

@@ -1,6 +1,5 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Oct 2021 08:29:06 GMT
  */
 export declare const LightColorSchemePrimaryDefault = "#338FCC";
 export declare const LightColorSchemePrimaryPalette: {
@@ -6986,6 +6985,18 @@ export declare const TypographyExtraSmallTextLetterSpacing = "0.22px";
 export declare const TypographyExtraSmallTextFontWeight = "normal";
 export declare const TypographyExtraSmallTextFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
 export declare const TypographyExtraSmallTextTextTransform = "null";
+export declare const TypographyExtraSmallTextCapsFontSize = "11px";
+export declare const TypographyExtraSmallTextCapsLineHeight = "16px";
+export declare const TypographyExtraSmallTextCapsLetterSpacing = "1px";
+export declare const TypographyExtraSmallTextCapsFontWeight = "normal";
+export declare const TypographyExtraSmallTextCapsFontFamily = "Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif";
+export declare const TypographyExtraSmallTextCapsTextTransform = "uppercase";
+export declare const TypographyExtraSmallTextMonoFontSize = "11px";
+export declare const TypographyExtraSmallTextMonoLineHeight = "16px";
+export declare const TypographyExtraSmallTextMonoLetterSpacing = "0px";
+export declare const TypographyExtraSmallTextMonoFontWeight = "normal";
+export declare const TypographyExtraSmallTextMonoFontFamily = "'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace";
+export declare const TypographyExtraSmallTextMonoTextTransform = "null";
 export declare const AlertLightColorSchemeErrorBackground = "#FCEFEC";
 export declare const AlertLightColorSchemeErrorBorder = "#E76E5C";
 export declare const AlertLightColorSchemeErrorIcon = "#E76E5C";
@@ -7030,12 +7041,106 @@ export declare const AlertFontSmallBody = "caption";
 export declare const AutocompleteSizePanelPadding = "4px 0";
 export declare const AutocompleteSizePanelMaxHeight = "256px";
 export declare const AutocompleteSizePanelBorderRadius = "3px";
-export declare const BadgeSizeMinWidth = "10px";
-export declare const BadgeSizePadding = "4px 8px";
-export declare const BadgeSizeBorderWidth = "1px";
-export declare const BadgeSizeBorderRadius = "4px";
-export declare const BadgeFontDefault = "caption";
-export declare const BadgeFontCaps = "caption-caps";
+export declare const BadgeSizeDefaultMinWidth = "10px";
+export declare const BadgeSizeDefaultPadding = "0 8px";
+export declare const BadgeSizeDefaultBorderWidth = "1px";
+export declare const BadgeSizeDefaultBorderRadius = "4px";
+export declare const BadgeSizeDefaultHeight = "24px";
+export declare const BadgeSizeDefaultFontDefault = "caption";
+export declare const BadgeSizeDefaultFontCaps = "caption-caps";
+export declare const BadgeSizeDefaultFontMono = "caption-mono";
+export declare const BadgeSizeMiniHeight = "16px";
+export declare const BadgeSizeMiniMinWidth = "10px";
+export declare const BadgeSizeMiniBorderWidth = "1px";
+export declare const BadgeSizeMiniBorderRadius = "2px";
+export declare const BadgeSizeMiniPadding = "0 4px";
+export declare const BadgeSizeMiniFontDefault = "extra-small-text";
+export declare const BadgeSizeMiniFontCaps = "extra-small-text-caps";
+export declare const BadgeSizeMiniFontMono = "extra-small-text-mono";
+export declare const BadgeFontDefaultDefault = "caption";
+export declare const BadgeFontDefaultCaps = "caption-caps";
+export declare const BadgeFontDefaultMono = "caption-mono";
+export declare const BadgeFontMiniDefault = "extra-small-text";
+export declare const BadgeFontMiniCaps = "extra-small-text-caps";
+export declare const BadgeFontMiniMono = "extra-small-text-mono";
+export declare const BadgeLightColorSchemeSolidPrimaryBackground = "#338FCC";
+export declare const BadgeLightColorSchemeSolidPrimaryColor = "white";
+export declare const BadgeLightColorSchemeSolidPrimaryBorder = "#338FCC";
+export declare const BadgeLightColorSchemeSolidInfoBorder = "#338FCC";
+export declare const BadgeLightColorSchemeSolidInfoBackground = "#338FCC";
+export declare const BadgeLightColorSchemeSolidInfoColor = "white";
+export declare const BadgeLightColorSchemeSolidSuccessBorder = "#52A832";
+export declare const BadgeLightColorSchemeSolidSuccessBackground = "#52A832";
+export declare const BadgeLightColorSchemeSolidSuccessColor = "white";
+export declare const BadgeLightColorSchemeSolidWarningBorder = "#D6930D";
+export declare const BadgeLightColorSchemeSolidWarningBackground = "#D6930D";
+export declare const BadgeLightColorSchemeSolidWarningColor = "white";
+export declare const BadgeLightColorSchemeSolidErrorBorder = "#E04D36";
+export declare const BadgeLightColorSchemeSolidErrorBackground = "#E04D36";
+export declare const BadgeLightColorSchemeSolidErrorColor = "white";
+export declare const BadgeLightColorSchemeSolidTransparentBorder = "#CCCCCC";
+export declare const BadgeLightColorSchemeSolidTransparentColor = "#4D4D4D";
+export declare const BadgeLightColorSchemeSolidTransparentBackground = "transparent";
+export declare const BadgeLightColorSchemeSolidLightBorder = "#E6E6E6";
+export declare const BadgeLightColorSchemeSolidLightBackground = "#E6E6E6";
+export declare const BadgeLightColorSchemeSolidLightColor = "#4D4D4D";
+export declare const BadgeLightColorSchemeSolidSecondBorder = "#666666";
+export declare const BadgeLightColorSchemeSolidSecondBackground = "#666666";
+export declare const BadgeLightColorSchemeSolidSecondColor = "white";
+export declare const BadgeLightColorSchemePastelPrimaryBackground = "#F5FAFD";
+export declare const BadgeLightColorSchemePastelPrimaryBorder = "#AAD1EC";
+export declare const BadgeLightColorSchemePastelPrimaryColor = "#338FCC";
+export declare const BadgeLightColorSchemePastelInfoBackground = "#F5FAFD";
+export declare const BadgeLightColorSchemePastelInfoBorder = "#AAD1EC";
+export declare const BadgeLightColorSchemePastelInfoColor = "#338FCC";
+export declare const BadgeLightColorSchemePastelSuccessBackground = "#F6FBF4";
+export declare const BadgeLightColorSchemePastelSuccessBorder = "#B4DEA4";
+export declare const BadgeLightColorSchemePastelSuccessColor = "#449327";
+export declare const BadgeLightColorSchemePastelWarningBackground = "#FDFAF3";
+export declare const BadgeLightColorSchemePastelWarningBorder = "#F0D49B";
+export declare const BadgeLightColorSchemePastelWarningColor = "#BB800A";
+export declare const BadgeLightColorSchemePastelErrorBackground = "#FEF7F6";
+export declare const BadgeLightColorSchemePastelErrorBorder = "#F4B7AE";
+export declare const BadgeLightColorSchemePastelErrorColor = "#E04D36";
+export declare const BadgeDarkColorSchemePastelPrimaryBackground = "rgba(0, 153, 255, 0.15)";
+export declare const BadgeDarkColorSchemePastelPrimaryColor = "#D8EAF7";
+export declare const BadgeDarkColorSchemePastelPrimaryBorder = "#114E77";
+export declare const BadgeDarkColorSchemePastelInfoBackground = "#D8EAF7";
+export declare const BadgeDarkColorSchemePastelInfoColor = "#D8EAF7";
+export declare const BadgeDarkColorSchemePastelInfoBorder = "rgba(0, 153, 255, 0.15)";
+export declare const BadgeDarkColorSchemePastelSuccessBorder = "#276211";
+export declare const BadgeDarkColorSchemePastelSuccessBackground = "rgba(68, 255, 0, 0.15)";
+export declare const BadgeDarkColorSchemePastelSuccessColor = "#DCF1D4";
+export declare const BadgeDarkColorSchemePastelWarningBorder = "#7D5504";
+export declare const BadgeDarkColorSchemePastelWarningBackground = "rgba(255, 170, 0, 0.15)";
+export declare const BadgeDarkColorSchemePastelWarningColor = "#F8EBD1";
+export declare const BadgeDarkColorSchemePastelErrorBorder = "#832112";
+export declare const BadgeDarkColorSchemePastelErrorBackground = "rgba(224, 79, 56, 0.15)";
+export declare const BadgeDarkColorSchemePastelErrorColor = "#FADEDA";
+export declare const BadgeDarkColorSchemeSolidPrimaryBackground = "#114E77";
+export declare const BadgeDarkColorSchemeSolidPrimaryColor = "white";
+export declare const BadgeDarkColorSchemeSolidPrimaryBorder = "#114E77";
+export declare const BadgeDarkColorSchemeSolidInfoBorder = "#07314D";
+export declare const BadgeDarkColorSchemeSolidInfoBackground = "#07314D";
+export declare const BadgeDarkColorSchemeSolidInfoColor = "white";
+export declare const BadgeDarkColorSchemeSolidSuccessBorder = "#276211";
+export declare const BadgeDarkColorSchemeSolidSuccessBackground = "#276211";
+export declare const BadgeDarkColorSchemeSolidSuccessColor = "white";
+export declare const BadgeDarkColorSchemeSolidWarningBorder = "#7D5504";
+export declare const BadgeDarkColorSchemeSolidWarningBackground = "#7D5504";
+export declare const BadgeDarkColorSchemeSolidWarningColor = "white";
+export declare const BadgeDarkColorSchemeSolidErrorBorder = "#832112";
+export declare const BadgeDarkColorSchemeSolidErrorBackground = "#832112";
+export declare const BadgeDarkColorSchemeSolidErrorColor = "white";
+export declare const BadgeDarkColorSchemeSolidTransparentBorder = "#808080";
+export declare const BadgeDarkColorSchemeSolidTransparentColor = "#F5F5F5";
+export declare const BadgeDarkColorSchemeSolidTransparentBackground = "transparent";
+export declare const BadgeDarkColorSchemeSolidLightBorder = "#999999";
+export declare const BadgeDarkColorSchemeSolidLightBackground = "#999999";
+export declare const BadgeDarkColorSchemeSolidLightColor = "white";
+export declare const BadgeDarkColorSchemeSolidSecondBorder = "#4D4D4D";
+export declare const BadgeDarkColorSchemeSolidSecondBackground = "#4D4D4D";
+export declare const BadgeDarkColorSchemeSolidSecondColor = "white";
 export declare const ButtonToggleSizeBorderSize = "1px";
 export declare const ButtonToggleSizeBorderRadius = "3px";
 export declare const ButtonLightColorSchemeActiveShadow = "inset 0 1px 2px 0 rgba(black, 0.2)";
@@ -7242,10 +7347,7 @@ export declare const LinkAnimationStateHoverTransition = "color 0ms";
 export declare const LinkFontDefault = "body";
 export declare const ListSizeHorizontalPadding = "16px";
 export declare const ListSizeIconPadding = "4px";
-export declare const ListSizeItemHeight = "28px";
-export declare const ListSizeTwoLineHeight = "72px";
-export declare const ListSizeThreeLineHeight = "88px";
-export declare const ListSizeMultiLinePadding = "16px";
+export declare const ListSizeItemHeight = "32px";
 export declare const ListSizeIconWidth = "24px";
 export declare const ListFontItem = "body";
 export declare const ModalLightColorSchemeShadow = "(0 0 0 1px #B3B3B3, 0 6px 12px 0 rgba(0, 0, 0, 0.5))";
@@ -7528,7 +7630,7 @@ export declare const ExtendedTooltipHeaderDarkColorSchemeBackground = "#4D4D4D";
 export declare const ExtendedTooltipHeaderSizeHeight = "40px";
 export declare const ExtendedTooltipHeaderSizePadding = "10px 16px";
 export declare const ExtendedTooltipHeaderFontDefault = "subheading";
+export declare const TreeSizeNodeHeight = "32px";
+export declare const TreeSizePaddingLeft = "8px";
 export declare const TreeSizePaddingRight = "16px";
-export declare const TreeSizeBorderWidth = "2px";
-export declare const TreeSizeNodeHeight = "28px";
 export declare const TreeFontNode = "body";

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

@@ -43,6 +43,7 @@ export declare class McDropdownItem extends McDropdownItemMixinBase implements I
     handleMouseEnter(): void;
     /** Gets the label to be used when determining whether the option should be focused. */
     getLabel(): string;
+    haltDisabledEvents(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McDropdownItem, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McDropdownItem, "mc-dropdown-item, [mc-dropdown-item]", ["mcDropdownItem"], { "disabled": "disabled"; }, {}, ["icon"], ["*"]>;
 }

package/dropdown/dropdown-trigger.directive.d.ts

@@ -4,7 +4,7 @@ import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
 import { AfterContentInit, ElementRef, EventEmitter, InjectionToken, OnDestroy, ViewContainerRef } from '@angular/core';
 import { McDropdownItem } from './dropdown-item.component';
 import { McDropdown } from './dropdown.component';
-import { McDropdownPanel } from './dropdown.types';
+import { DropdownCloseReason, McDropdownPanel } from './dropdown.types';
 import * as i0 from "@angular/core";
 /** Injection token that determines the scroll handling while the dropdown is open. */
 export declare const MC_DROPDOWN_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
@@ -32,6 +32,7 @@ export declare class McDropdownTrigger implements AfterContentInit, OnDestroy {
     private dropdownItemInstance;
     private _dir;
     private focusMonitor?;
+    lastDestroyReason: DropdownCloseReason;
     /** Data to be passed along to any lazily-rendered content. */
     data: any;
     openByArrowDown: boolean;
@@ -72,9 +73,8 @@ export declare class McDropdownTrigger implements AfterContentInit, OnDestroy {
     close(): void;
     /**
      * Focuses the dropdown trigger.
-     * @param origin Source of the dropdown trigger's focus.
      */
-    focus(origin?: FocusOrigin): void;
+    focus(origin?: FocusOrigin, options?: FocusOptions): void;
     /** Handles mouse presses on the trigger. */
     handleMousedown(event: MouseEvent): void;
     /** Handles key presses on the trigger. */
@@ -93,11 +93,6 @@ export declare class McDropdownTrigger implements AfterContentInit, OnDestroy {
      * the dropdown was opened via the keyboard.
      */
     private init;
-    /**
-     * This method resets the dropdown when it's closed, most importantly restoring
-     * focus to the dropdown trigger if the dropdown was opened via the keyboard.
-     */
-    private reset;
     private setIsOpened;
     /**
      * This method checks that a valid instance of McDropdown has been passed into

package/dropdown/dropdown.component.d.ts

@@ -108,6 +108,7 @@ export declare class McDropdown implements AfterContentInit, McDropdownPanel, On
     /** Callback that is invoked when the panel animation completes. */
     onAnimationDone(event: AnimationEvent): void;
     onAnimationStart(event: AnimationEvent): void;
+    close(): void;
     /**
      * Sets up a stream that will keep track of any newly-added menu items and will update the list
      * of direct descendants. We collect the descendants this way, because `_allItems` can include

package/esm2015/autocomplete/autocomplete-origin.directive.js

@@ -9,13 +9,13 @@ export class McAutocompleteOrigin {
         this.elementRef = elementRef;
     }
 }
-/** @nocollapse */ McAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McAutocompleteOrigin, selector: "[mcAutocompleteOrigin]", exportAs: ["mcAutocompleteOrigin"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McAutocompleteOrigin, decorators: [{
+/** @nocollapse */ McAutocompleteOrigin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ McAutocompleteOrigin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McAutocompleteOrigin, selector: "[mcAutocompleteOrigin]", exportAs: ["mcAutocompleteOrigin"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: McAutocompleteOrigin, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mcAutocompleteOrigin]',
                     exportAs: 'mcAutocompleteOrigin'
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9tb3NhaWMvYXV0b2NvbXBsZXRlL2F1dG9jb21wbGV0ZS1vcmlnaW4uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUd0RDs7O0dBR0c7QUFLSCxNQUFNLE9BQU8sb0JBQW9CO0lBQzdCLFlBQW1CLFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQUcsQ0FBQzs7b0lBRGpELG9CQUFvQjt3SEFBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsUUFBUSxFQUFFLHNCQUFzQjtpQkFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG4vKipcbiAqIERpcmVjdGl2ZSBhcHBsaWVkIHRvIGFuIGVsZW1lbnQgdG8gbWFrZSBpdCB1c2FibGVcbiAqIGFzIGEgY29ubmVjdGlvbiBwb2ludCBmb3IgYW4gYXV0b2NvbXBsZXRlIHBhbmVsLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1ttY0F1dG9jb21wbGV0ZU9yaWdpbl0nLFxuICAgIGV4cG9ydEFzOiAnbWNBdXRvY29tcGxldGVPcmlnaW4nXG59KVxuZXhwb3J0IGNsYXNzIE1jQXV0b2NvbXBsZXRlT3JpZ2luIHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9tb3NhaWMvYXV0b2NvbXBsZXRlL2F1dG9jb21wbGV0ZS1vcmlnaW4uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUd0RDs7O0dBR0c7QUFLSCxNQUFNLE9BQU8sb0JBQW9CO0lBQzdCLFlBQW1CLFVBQW1DO1FBQW5DLGVBQVUsR0FBVixVQUFVLENBQXlCO0lBQUcsQ0FBQzs7cUlBRGpELG9CQUFvQjt5SEFBcEIsb0JBQW9COzRGQUFwQixvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsUUFBUSxFQUFFLHNCQUFzQjtpQkFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG4vKipcbiAqIERpcmVjdGl2ZSBhcHBsaWVkIHRvIGFuIGVsZW1lbnQgdG8gbWFrZSBpdCB1c2FibGVcbiAqIGFzIGEgY29ubmVjdGlvbiBwb2ludCBmb3IgYW4gYXV0b2NvbXBsZXRlIHBhbmVsLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1ttY0F1dG9jb21wbGV0ZU9yaWdpbl0nLFxuICAgIGV4cG9ydEFzOiAnbWNBdXRvY29tcGxldGVPcmlnaW4nXG59KVxuZXhwb3J0IGNsYXNzIE1jQXV0b2NvbXBsZXRlT3JpZ2luIHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG59XG4iXX0=