@ptsecurity/mosaic 17.2.0 → 17.3.0

package/radio/_radio-theme.scss

@@ -8,7 +8,7 @@
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
 
-    $radio: map.get(map.get($theme, components), radio);
+    $radio: map.get($theme, components, radio);
 
     .mc-radio-group {
         color: mc-css-variable(foreground-text, map-get($foreground, text));
@@ -102,6 +102,6 @@
 
 @mixin mc-radio-typography($config) {
     .mc-radio-group {
-        @include mc-typography-css-variables(radio, default);
+        @include mc-typography-css-variables($config, radio, default);
     }
 }

package/select/_select-theme.scss

@@ -12,8 +12,8 @@
 
     $error: map.get($theme, error);
 
-    $popup: map.get(map.get($theme, components), popup);
-    $list: map-get(map-get($theme, components), list);
+    $popup: map.get($theme, components, popup);
+    $list: map-get($theme, components, list);
 
     .mc-select {
         color: mc-css-variable(foreground-text, map-get($foreground, text));
@@ -51,10 +51,10 @@
 
 @mixin mc-select-typography($config) {
     .mc-select {
-        @include mc-typography-css-variables(select, default);
+        @include mc-typography-css-variables($config, select, default);
     }
 
     .mc-select__panel {
-        @include mc-typography-css-variables(select-panel, default);
+        @include mc-typography-css-variables($config, select-panel, default);
     }
 }

package/select/select.component.d.ts

@@ -5,11 +5,10 @@ import { CdkVirtualForOf } from '@angular/cdk/scrolling';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { ActiveDescendantKeyManager } from '@ptsecurity/cdk/a11y';
-import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, McOptgroup, McOption, McOptionSelectionChange, McLocaleService, McOptionBase } from '@ptsecurity/mosaic/core';
+import { CanDisable, CanDisableCtor, CanUpdateErrorState, CanUpdateErrorStateCtor, ErrorStateMatcher, HasTabIndex, HasTabIndexCtor, McOptgroup, McOption, McOptionSelectionChange, McLocaleService, McOptionBase, McSelectTrigger, McSelectMatcher, McSelectFooter, McSelectSearch } from '@ptsecurity/mosaic/core';
 import { McCleaner, McFormField, McFormFieldControl } from '@ptsecurity/mosaic/form-field';
-import { McInput } from '@ptsecurity/mosaic/input';
 import { McTag } from '@ptsecurity/mosaic/tags';
-import { Observable, Subject, Subscription } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /** Change event object that is emitted when the select value has changed. */
 export declare class McSelectChange {
@@ -17,35 +16,6 @@ export declare class McSelectChange {
     value: any;
     constructor(source: McSelect, value: any);
 }
-export declare class McSelectFooter {
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSelectFooter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectFooter, "mc-select-footer, [mc-select-footer]", never, {}, {}, never, never, false, never>;
-}
-export declare class McSelectSearch implements AfterContentInit, OnDestroy {
-    input: McInput;
-    searchChangesSubscription: Subscription;
-    isSearchChanged: boolean;
-    constructor(formField: McFormField);
-    focus(): void;
-    reset(): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    handleKeydown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSelectSearch, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectSearch, "[mcSelectSearch]", ["mcSelectSearch"], {}, {}, ["input"], never, false, never>;
-}
-export declare class McSelectSearchEmptyResult {
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSelectSearchEmptyResult, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectSearchEmptyResult, "[mc-select-search-empty-result]", ["mcSelectSearchEmptyResult"], {}, {}, never, never, false, never>;
-}
-export declare class McSelectTrigger {
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSelectTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectTrigger, "mc-select-trigger, [mc-select-trigger]", never, {}, {}, never, never, false, never>;
-}
-export declare class McSelectMatcher {
-    static ɵfac: i0.ɵɵFactoryDeclaration<McSelectMatcher, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectMatcher, "mc-select-matcher, [mc-select-matcher]", never, {}, {}, never, never, false, never>;
-}
 /** @docs-private */
 export declare class McSelectBase {
     elementRef: ElementRef;

package/select/select.module.d.ts

@@ -10,6 +10,6 @@ import * as i8 from "@ptsecurity/mosaic/tooltip";
 import * as i9 from "@ptsecurity/mosaic/form-field";
 export declare class McSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<McSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<McSelectModule, [typeof i1.McSelect, typeof i1.McSelectSearch, typeof i1.McSelectSearchEmptyResult, typeof i1.McSelectTrigger, typeof i1.McSelectMatcher, typeof i2.McOptionTooltip, typeof i1.McSelectFooter], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.McOptionModule, typeof i6.McIconModule, typeof i7.McTagsModule, typeof i8.McToolTipModule], [typeof i9.McFormFieldModule, typeof i1.McSelect, typeof i1.McSelectSearch, typeof i1.McSelectSearchEmptyResult, typeof i1.McSelectTrigger, typeof i1.McSelectMatcher, typeof i1.McSelectFooter, typeof i2.McOptionTooltip, typeof i5.McOptionModule, typeof i3.CommonModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McSelectModule, [typeof i1.McSelect, typeof i2.McOptionTooltip], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.McOptionModule, typeof i6.McIconModule, typeof i7.McTagsModule, typeof i8.McToolTipModule, typeof i5.McSelectSearch, typeof i5.McSelectSearchEmptyResult, typeof i5.McSelectTrigger, typeof i5.McSelectMatcher, typeof i5.McSelectFooter], [typeof i9.McFormFieldModule, typeof i1.McSelect, typeof i5.McSelectSearch, typeof i5.McSelectSearchEmptyResult, typeof i5.McSelectTrigger, typeof i5.McSelectMatcher, typeof i5.McSelectFooter, typeof i2.McOptionTooltip, typeof i5.McOptionModule, typeof i3.CommonModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<McSelectModule>;
 }

package/select/select.scss

@@ -166,7 +166,7 @@ $tokens: meta.module-variables(tokens) !default;
         display: flex;
         align-items: center;
         box-sizing: border-box;
-        padding: map.get($tokens, size-xxs) map.get($tokens, size-m);
+        padding: mc-css-variable(size-xxs) mc-css-variable(size-m);
         border-top-width: 1px;
         border-top-style: solid;
         min-height: mc-css-variable(list-size-footer-min-height);

package/sidepanel/_sidepanel-theme.scss

@@ -8,8 +8,8 @@
 @mixin mc-sidepanel-theme($theme) {
     $background: map.get($theme, background);
 
-    $sidepanel: map.get(map.get($theme, components), sidepanel);
-    $popup: map.get(map.get($theme, components), popup);
+    $sidepanel: map.get($theme, components, sidepanel);
+    $popup: map.get($theme, components, popup);
 
     .mc-sidepanel-content {
         background-color: mc-css-variable(background-background, map-get($background, background));
@@ -53,14 +53,14 @@
 
 @mixin mc-sidepanel-typography($config) {
     .mc-sidepanel-title {
-        @include mc-typography-css-variables(sidepanel-header, default);
+        @include mc-typography-css-variables($config, sidepanel-header, default);
     }
 
     .mc-sidepanel-container {
-        @include mc-typography-css-variables(sidepanel, default);
+        @include mc-typography-css-variables($config, sidepanel, default);
     }
 
     .mc-sidepanel-footer {
-        @include mc-typography-css-variables(sidepanel-footer, default);
+        @include mc-typography-css-variables($config, sidepanel-footer, default);
     }
 }

package/table/_table-theme.scss

@@ -49,7 +49,7 @@
                 font-weight: normal;
             }
 
-            @include mc-typography-css-variables(table, header);
+            @include mc-typography-css-variables($config, table, header);
         }
 
         & > tbody {
@@ -57,7 +57,7 @@
                 font-weight: normal;
             }
 
-            @include mc-typography-css-variables(table, body);
+            @include mc-typography-css-variables($config, table, body);
         }
     }
 }

package/tabs/_tabs-theme.scss

@@ -11,8 +11,8 @@
     $background: map.get($theme, background);
     $states: map.get($theme, states);
 
-    $tabs: map.get(map.get($theme, components), tabs);
-    $vertical-tabs: map.get(map.get($theme, components), vertical-tabs);
+    $tabs: map.get($theme, components, tabs);
+    $vertical-tabs: map.get($theme, components, vertical-tabs);
 
     .mc-tab-group_vertical .mc-tab-header__content {
         border-right-color: mc-css-variable(foreground-divider, map-get($foreground, divider));
@@ -245,6 +245,6 @@
     .mc-tab-label,
     .mc-tab-label_old,
     .mc-tab-link {
-        @include mc-typography-css-variables(tabs, default);
+        @include mc-typography-css-variables($config, tabs, default);
     }
 }

package/tabs/tab-header.scss

@@ -27,24 +27,28 @@ $tokens: meta.module-variables(tokens) !default;
     .mc-tab-group_align-labels-end & {
         justify-content: flex-end;
     }
-
-    &:after {
-        display: flex;
-        content: "";
-
-        flex: 1;
-
-        border: {
-            bottom-style: solid;
-            bottom-width: mc-css-variable(tabs-size-border-width);
-        };
-    }
 }
 
 .mc-tab-header_vertical .mc-tab-list__content {
     flex-direction: column;
 }
 
+.mc-tab-header .mc-tab-list__content {
+    .mc-tab-group:not(.mc-tab-group_stretch-labels) & {
+        &:after {
+            display: flex;
+            content: "";
+
+            flex: 1;
+
+            border: {
+                bottom-style: solid;
+                bottom-width: mc-css-variable(tabs-size-border-width);
+            };
+        }
+    }
+}
+
 .mc-tab-header__pagination {
     @include vendor-prefixes.user-select(none);
 

package/tabs/tab-nav-bar/tab-nav-bar.scss

@@ -48,20 +48,22 @@ $tokens: meta.module-variables(tokens) !default;
         justify-content: flex-end;
     }
 
-    &:after {
-        display: flex;
-        content: "";
+    &.mc-tab-group_vertical {
+        flex-direction: column;
+        flex-grow: 0;
+    }
 
-        flex: 1;
+    &:not(.mc-tab-group_vertical) {
+        &:after {
+            display: flex;
+            content: "";
 
-        border: {
-            bottom-style: solid;
-            bottom-width: mc-css-variable(tabs-size-border-width);
-        };
-    }
-}
+            flex: 1;
 
-.mc-tab-nav-bar.mc-tab-group_vertical {
-    flex-direction: column;
-    flex-grow: 0;
+            border: {
+                bottom-style: solid;
+                bottom-width: mc-css-variable(tabs-size-border-width);
+            };
+        }
+    }
 }

package/tags/_tag-theme.scss

@@ -19,7 +19,7 @@
     &.mc-active,
     &.mc-focused {
         border-color: mc-css-variable(tags-#{$style-name}-focused, map-get($style, focused));
-        box-shadow: 0 0 0 1px mc-css-variable(tags-#{$style-name}-focused, map-get($style, focused));
+        box-shadow: 0 0 0.1px 1px mc-css-variable(tags-#{$style-name}-focused, map-get($style, focused));
     }
 
     &:not(.mc-disabled) .mc-icon {
@@ -49,7 +49,7 @@
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
 
-    $tags: map.get(map.get($theme, components), tags);
+    $tags: map.get($theme, components, tags);
 
     .mc-tag {
         &.mc-primary {
@@ -80,7 +80,7 @@
                 background-background-disabled, map-get($background, background-disabled));
 
             & .mc-tag-overlay {
-                background: mc-color($background, overlay-disabled);
+                background: mc-css-variable(background-overlay-disabled, mc-color($background, overlay-disabled));
             }
         }
     }
@@ -104,19 +104,19 @@
 
 @mixin mc-tag-typography($config) {
     .mc-tag:not(.mc-tag_mono):not(.mc-tag_caps) {
-        @include mc-typography-css-variables(tags, default);
+        @include mc-typography-css-variables($config, tags, default);
     }
 
     .mc-tag_mono {
-        @include mc-typography-css-variables(tags, mono);
+        @include mc-typography-css-variables($config, tags, mono);
     }
 
     .mc-tag_caps {
-        @include mc-typography-css-variables(tags, caps);
+        @include mc-typography-css-variables($config, tags, caps);
     }
 
     .mc-tag-input {
-        @include mc-typography-css-variables(tag-input, default);
+        @include mc-typography-css-variables($config, tag-input, default);
     }
 }
 

package/tags/tag-default-options.d.ts

@@ -7,6 +7,7 @@ export interface McTagsDefaultOptions {
     separators?: {
         [key: number]: McTagSeparator;
     };
+    addOnPaste?: boolean;
 }
 /** Injection token to be used to override the default options for the chips module. */
 export declare const MC_TAGS_DEFAULT_OPTIONS: InjectionToken<McTagsDefaultOptions>;

package/tags/tag-input.d.ts

@@ -56,6 +56,12 @@ export declare class McTagInput implements McTagTextControl, OnChanges {
     get addOnBlur(): boolean;
     set addOnBlur(value: boolean);
     private _addOnBlur;
+    /**
+     * Whether the tagEnd event will be emitted when the text pasted.
+     */
+    get addOnPaste(): boolean;
+    set addOnPaste(value: boolean);
+    private _addOnPaste;
     /** Whether the input is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
@@ -88,5 +94,5 @@ export declare class McTagInput implements McTagTextControl, OnChanges {
     /** Checks whether a keycode is one of the configured separators. */
     private isSeparatorKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTagInput, [null, null, null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTagInput, "input[mcTagInputFor]", ["mcTagInput", "mcTagInputFor"], { "separatorKeyCodes": { "alias": "mcTagInputSeparatorKeyCodes"; "required": false; }; "distinct": { "alias": "distinct"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "mcTagInputFor"; "required": false; }; "addOnBlur": { "alias": "mcTagInputAddOnBlur"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "mcTagInputTokenEnd"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTagInput, "input[mcTagInputFor]", ["mcTagInput", "mcTagInputFor"], { "separatorKeyCodes": { "alias": "mcTagInputSeparatorKeyCodes"; "required": false; }; "distinct": { "alias": "distinct"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tagList": { "alias": "mcTagInputFor"; "required": false; }; "addOnBlur": { "alias": "mcTagInputAddOnBlur"; "required": false; }; "addOnPaste": { "alias": "mcTagInputAddOnPaste"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "tagEnd": "mcTagInputTokenEnd"; }, never, never, false, never>;
 }

package/textarea/_textarea-theme.scss

@@ -28,10 +28,10 @@
 
 @mixin mc-textarea-typography($config) {
     textarea.mc-textarea {
-        @include mc-typography-css-variables(textarea, default);
+        @include mc-typography-css-variables($config, textarea, default);
     }
 
     .mc-textarea.mc-textarea_monospace {
-        @include mc-typography-css-variables(textarea, mono);
+        @include mc-typography-css-variables($config, textarea, mono);
     }
 }

package/timezone/_timezone-option-theme.scss

@@ -6,7 +6,7 @@
 
 
 @mixin mc-timezone-option-theme($theme) {
-    $timezone: map.get(map.get($theme, components), timezone);
+    $timezone: map.get($theme, components, timezone);
 
     .mc-timezone-option__offset,
     .mc-timezone-option__city {
@@ -20,14 +20,14 @@
 
 @mixin mc-timezone-option-typography($config) {
     .mc-timezone-option__offset {
-        @include mc-typography-css-variables(timezone-option, offset-text);
+        @include mc-typography-css-variables($config, timezone-option, offset-text);
     }
 
     .mc-timezone-option__city {
-        @include mc-typography-css-variables(timezone-option, text);
+        @include mc-typography-css-variables($config, timezone-option, text);
     }
 
     .mc-timezone-option__cities {
-        @include mc-typography-css-variables(timezone-option, caption);
+        @include mc-typography-css-variables($config, timezone-option, caption);
     }
 }

package/timezone/timezone-select.component.d.ts

@@ -1,5 +1,6 @@
+import { McSelectSearch } from '@ptsecurity/mosaic/core';
 import { McCleaner } from '@ptsecurity/mosaic/form-field';
-import { McSelect, McSelectSearch } from '@ptsecurity/mosaic/select';
+import { McSelect } from '@ptsecurity/mosaic/select';
 import * as i0 from "@angular/core";
 export declare class McTimezoneSelectTrigger {
     static ɵfac: i0.ɵɵFactoryDeclaration<McTimezoneSelectTrigger, never>;

package/toast/_toast-theme.scss

@@ -45,14 +45,14 @@
 
 @mixin mc-toast-typography($config) {
     .mc-toast {
-        @include mc-typography-level-to-styles($config, body);
+        @include mc-typography-level-to-styles_css-variables($config, typography, body);
     }
 
     .mc-toast__title {
-        @include mc-typography-css-variables(toast, title);
+        @include mc-typography-css-variables($config, toast, title);
     }
 
     .mc-toast__caption {
-        @include mc-typography-css-variables(toast, caption);
+        @include mc-typography-css-variables($config, toast, caption);
     }
 }

package/toast/toast.service.d.ts

@@ -1,15 +1,16 @@
 import { AnimationEvent } from '@angular/animations';
 import { Overlay } from '@angular/cdk/overlay';
-import { Injector, ComponentRef, TemplateRef, EmbeddedViewRef, InjectionToken } from '@angular/core';
+import { Injector, ComponentRef, TemplateRef, EmbeddedViewRef, InjectionToken, NgZone, OnDestroy } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { McToastComponent } from './toast.component';
 import { McToastData, McToastConfig } from './toast.type';
 import * as i0 from "@angular/core";
 export declare const MC_TOAST_FACTORY: InjectionToken<unknown>;
 export declare const defaultToastConfig: McToastConfig;
-export declare class McToastService<T extends McToastComponent = McToastComponent> {
+export declare class McToastService<T extends McToastComponent = McToastComponent> implements OnDestroy {
     private overlay;
     private injector;
+    private ngZone;
     private toastFactory;
     private toastConfig;
     get toasts(): ComponentRef<T>[];
@@ -17,12 +18,15 @@ export declare class McToastService<T extends McToastComponent = McToastComponen
     readonly hovered: BehaviorSubject<boolean>;
     readonly focused: BehaviorSubject<boolean>;
     readonly animation: BehaviorSubject<AnimationEvent | null>;
+    timer: import("rxjs").Observable<number>;
     private containerInstance;
     private overlayRef;
     private portal;
+    private timerSubscription;
     private toastsDict;
     private templatesDict;
-    constructor(overlay: Overlay, injector: Injector, toastFactory: any, toastConfig: McToastConfig);
+    constructor(overlay: Overlay, injector: Injector, ngZone: NgZone, toastFactory: any, toastConfig: McToastConfig);
+    ngOnDestroy(): void;
     show(data: McToastData, duration?: number, onTop?: boolean): {
         ref: ComponentRef<T>;
         id: number;
@@ -48,6 +52,6 @@ export declare class McToastService<T extends McToastComponent = McToastComponen
     private getBottomRight;
     private getCenter;
     private getGlobalOverlayPosition;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McToastService<any>, [null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McToastService<any>, [null, null, null, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<McToastService<any>>;
 }

package/toggle/_toggle-theme.scss

@@ -10,7 +10,7 @@
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
 
-    $toggle: map.get(map.get($theme, components), toggle);
+    $toggle: map.get($theme, components, toggle);
 
     .mc-toggle {
         color: mc-css-variable(foreground-text, map-get($foreground, text));
@@ -75,7 +75,7 @@
 
 @mixin mc-toggle-typography($config) {
     .mc-toggle:not(.mc-toggle_small) {
-        @include mc-typography-css-variables(toggle, default);
+        @include mc-typography-css-variables($config, toggle, default);
 
         .mc-toggle-bar-outer-container {
             height: mc-css-variable(toggle-font-default-line-height);
@@ -83,7 +83,7 @@
     }
 
     .mc-toggle.mc-toggle_small {
-        @include mc-typography-css-variables(toggle-small, default);
+        @include mc-typography-css-variables($config, toggle-small, default);
 
         .mc-toggle-bar-outer-container {
             height: mc-css-variable(toggle-small-font-default-line-height);

package/tooltip/_tooltip-theme.scss

@@ -10,7 +10,7 @@
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
 
-    $tooltip: map.get(map.get($theme, components), tooltip);
+    $tooltip: map.get($theme, components, tooltip);
 
     .mc-tooltip {
         box-shadow: mc-css-variable(tooltip-shadow, map-get($tooltip, shadow));
@@ -81,16 +81,16 @@
 
 @mixin mc-tooltip-typography($config) {
     .mc-tooltip {
-        @include mc-typography-css-variables(tooltip, default);
+        @include mc-typography-css-variables($config, tooltip, default);
     }
 
     .mc-tooltip_extended {
         & .mc-tooltip__content {
-            @include mc-typography-css-variables(extended-tooltip, default);
+            @include mc-typography-css-variables($config, extended-tooltip, default);
         }
 
         & .mc-tooltip__header {
-            @include mc-typography-css-variables(extended-tooltip-header, default);
+            @include mc-typography-css-variables($config, extended-tooltip-header, default);
         }
     }
 }

package/tree/_tree-theme.scss

@@ -63,6 +63,6 @@
 
 @mixin mc-tree-typography($config) {
     .mc-tree-option {
-        @include mc-typography-css-variables(tree, node);
+        @include mc-typography-css-variables($config, tree, node);
     }
 }

package/tree-select/_tree-select-theme.scss

@@ -42,6 +42,6 @@
 @mixin mc-tree-select-typography($config) {
     .mc-tree-select,
     .mc-tree-select__panel {
-        @include mc-typography-css-variables(select-panel, default);
+        @include mc-typography-css-variables($config, select-panel, default);
     }
 }

package/tree-select/tree-select.component.d.ts

@@ -3,9 +3,8 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { CdkConnectedOverlay, ConnectedPosition, ViewportRuler } from '@angular/cdk/overlay';
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
-import { CanDisable, CanUpdateErrorState, ErrorStateMatcher, HasTabIndex, CanDisableCtor, HasTabIndexCtor, CanUpdateErrorStateCtor } from '@ptsecurity/mosaic/core';
+import { CanDisable, CanUpdateErrorState, ErrorStateMatcher, HasTabIndex, CanDisableCtor, HasTabIndexCtor, CanUpdateErrorStateCtor, McSelectSearch } from '@ptsecurity/mosaic/core';
 import { McCleaner, McFormField, McFormFieldControl } from '@ptsecurity/mosaic/form-field';
-import { McSelectSearch } from '@ptsecurity/mosaic/select';
 import { McTag } from '@ptsecurity/mosaic/tags';
 import { McTreeSelection, McTreeOption } from '@ptsecurity/mosaic/tree';
 import { Observable, Subject } from 'rxjs';

package/tree-select/tree-select.scss

@@ -158,7 +158,7 @@ $tokens: meta.module-variables(tokens) !default;
         display: flex;
         align-items: center;
         box-sizing: border-box;
-        padding: map.get($tokens, size-xxs) map.get($tokens, size-m);
+        padding: mc-css-variable(size-xxs) mc-css-variable(size-m);
         border-top-width: 1px;
         border-top-style: solid;
         min-height: mc-css-variable(list-size-footer-min-height);