@ptsecurity/mosaic 14.7.1 → 15.0.0

package/tree/_tree-theme.scss

@@ -0,0 +1,70 @@
+@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-tree-theme($theme) {
+    $foreground: map.get($theme, foreground);
+    $background: map.get($theme, background);
+
+    $secondary: map.get($theme, secondary);
+
+    $is-dark: map.get($theme, is-dark);
+
+    .mc-tree-selection:focus {
+        outline: none;
+    }
+
+    .mc-tree-option {
+        color: map.get($foreground, text);
+
+        &:hover {
+            background-color: map.get($background, overlay-hover);
+        }
+
+        &.mc-focused {
+            border-color: map.get(map.get($theme, states), focused-color);
+
+            & .mc-tree-node-toggle:not([disabled]) .mc-icon {
+                color: mc-color($secondary, if($is-dark, 300, 700));
+            }
+        }
+
+        &.mc-selected {
+            background: map.get(map.get($theme, states), selected-color);
+        }
+
+        &[disabled] {
+            background-color: transparent;
+
+            color: map.get($foreground, text-disabled);
+        }
+    }
+
+    /* stylelint-disable no-descending-specificity */
+    .mc-tree-node-toggle {
+        & .mc-icon {
+            color: mc-color($secondary, 400);
+        }
+
+        &:hover .mc-icon {
+            color: mc-color($secondary, if($is-dark, 300, 700));
+        }
+
+        &[disabled] .mc-icon {
+            color: mc-color($secondary, if($is-dark, 700, 300));
+        }
+    }
+    /* stylelint-enable no-descending-specificity */
+}
+
+@mixin mc-tree-typography($config) {
+    .mc-tree-option {
+        @include mc-typography-level-to-styles($config, map.get($tokens, tree-font-node));
+    }
+}

package/tree/node.d.ts

@@ -30,5 +30,5 @@ export declare class McTreeNodeDef<T> {
     /** @docs-private */
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodeDef<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeDef<any>, "[mcTreeNodeDef]", never, { "when": "mcTreeNodeDefWhen"; "data": "mcTreeNode"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeDef<any>, "[mcTreeNodeDef]", never, { "when": "mcTreeNodeDefWhen"; "data": "mcTreeNode"; }, {}, never, never, false, never>;
 }

package/tree/outlet.d.ts

@@ -5,5 +5,5 @@ export declare class McTreeNodeOutlet {
     changeDetectorRef: ChangeDetectorRef;
     constructor(viewContainer: ViewContainerRef, changeDetectorRef: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodeOutlet, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeOutlet, "[mcTreeNodeOutlet]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeOutlet, "[mcTreeNodeOutlet]", never, {}, {}, never, never, false, never>;
 }

package/tree/padding.directive.d.ts

@@ -43,5 +43,5 @@ export declare class McTreeNodePadding<T> implements OnDestroy, AfterViewInit {
     private setIndentInput;
     private setPadding;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodePadding<any>, [null, null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodePadding<any>, "[mcTreeNodePadding]", ["mcTreeNodePadding"], { "indent": "mcTreeNodePaddingIndent"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodePadding<any>, "[mcTreeNodePadding]", ["mcTreeNodePadding"], { "indent": "mcTreeNodePaddingIndent"; }, {}, never, never, false, never>;
 }

package/tree/toggle.d.ts

@@ -18,13 +18,13 @@ export declare class McTreeNodeToggleBaseDirective<T> extends McTreeNodeToggleMi
     constructor(tree: McTreeBase<T>, treeNode: McTreeNode<T>);
     toggle(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodeToggleBaseDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeToggleBaseDirective<any>, never, never, { "node": "node"; "recursive": "mcTreeNodeToggleRecursive"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeToggleBaseDirective<any>, never, never, { "node": "node"; "recursive": "mcTreeNodeToggleRecursive"; }, {}, never, never, false, never>;
 }
 export declare class McTreeNodeToggleComponent<T> extends McTreeNodeToggleBaseDirective<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodeToggleComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTreeNodeToggleComponent<any>, "mc-tree-node-toggle", ["mcTreeNodeToggle"], { "disabled": "disabled"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTreeNodeToggleComponent<any>, "mc-tree-node-toggle", ["mcTreeNodeToggle"], { "disabled": "disabled"; }, {}, never, never, false, never>;
 }
 export declare class McTreeNodeToggleDirective<T> extends McTreeNodeToggleBaseDirective<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodeToggleDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeToggleDirective<any>, "[mc-tree-node-toggle], [mcTreeNodeToggle]", ["mcTreeNodeToggle"], {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeToggleDirective<any>, "[mc-tree-node-toggle], [mcTreeNodeToggle]", ["mcTreeNodeToggle"], {}, {}, never, never, false, never>;
 }

package/tree/toggle.scss

@@ -0,0 +1,35 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.mc-tree-node-toggle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+
+    height: 100%;
+
+    padding-left: var(--mc-tree-size-toggle-padding, map.get($tokens, tree-size-toggle-padding));
+    padding-right: var(--mc-tree-size-toggle-padding, map.get($tokens, tree-size-toggle-padding));
+
+    cursor: pointer;
+
+    & .mc-icon {
+        transform: rotate(-90deg);
+    }
+
+    &.mc-expanded {
+        & .mc-icon {
+            transform: rotate(0);
+        }
+    }
+
+    &[disabled] {
+        cursor: default;
+    }
+}

package/tree/tree-base.d.ts

@@ -73,7 +73,7 @@ export declare class McTreeBase<T> implements AfterContentChecked, CollectionVie
      */
     private switchDataSource;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeBase<any>, never, never, { "treeControl": "treeControl"; "trackBy": "trackBy"; "dataSource": "dataSource"; }, {}, ["nodeDefs"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeBase<any>, never, never, { "treeControl": "treeControl"; "trackBy": "trackBy"; "dataSource": "dataSource"; }, {}, ["nodeDefs"], never, false, never>;
 }
 export declare class McTreeNode<T> implements IFocusableOption, OnDestroy {
     protected elementRef: ElementRef;
@@ -93,5 +93,5 @@ export declare class McTreeNode<T> implements IFocusableOption, OnDestroy {
     ngOnDestroy(): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNode<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNode<any>, "mc-tree-node", ["mcTreeNode"], {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNode<any>, "mc-tree-node", ["mcTreeNode"], {}, {}, never, never, false, never>;
 }

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

@@ -75,5 +75,5 @@ export declare class McTreeOption extends McTreeNode<McTreeOption> implements Af
     getHostElement(): HTMLElement;
     markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTreeOption, "mc-tree-option", ["mcTreeOption"], { "checkboxThirdState": "checkboxThirdState"; "disabled": "disabled"; "showCheckbox": "showCheckbox"; }, { "onSelectionChange": "onSelectionChange"; }, ["toggleElementDirective", "toggleElementComponent", "pseudoCheckbox", "actionButton", "tooltipTrigger", "dropdownTrigger"], ["mc-tree-node-toggle, [mc-tree-node-toggle], [mcTreeNodeToggle]", "mc-pseudo-checkbox", "mc-checkbox", "[mc-icon]", "mc-progress-spinner", "*", "mc-option-action"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTreeOption, "mc-tree-option", ["mcTreeOption"], { "checkboxThirdState": "checkboxThirdState"; "disabled": "disabled"; "showCheckbox": "showCheckbox"; }, { "onSelectionChange": "onSelectionChange"; }, ["toggleElementDirective", "toggleElementComponent", "pseudoCheckbox", "actionButton", "tooltipTrigger", "dropdownTrigger"], ["mc-tree-node-toggle, [mc-tree-node-toggle], [mcTreeNodeToggle]", "mc-pseudo-checkbox", "mc-checkbox", "[mc-icon]", "mc-progress-spinner", "*", "mc-option-action"], false, never>;
 }

package/tree/tree-option.scss

@@ -0,0 +1,67 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.mc-tree-option {
+    box-sizing: border-box;
+
+    display: flex;
+    align-items: center;
+
+    height: var(--mc-tree-size-node-height, map.get($tokens, tree-size-node-height));
+
+    word-wrap: break-word;
+
+    border: 2px solid transparent;
+
+    & .mc-option-text {
+        display: inline-block;
+        flex-grow: 1;
+
+        overflow: hidden;
+
+        white-space: nowrap;
+        text-overflow: ellipsis;
+
+        margin-right: var(--mc-tree-size-padding-right, map.get($tokens, tree-size-padding-right));
+    }
+
+    & > .mc-icon, > .toggle-wrapper > .mc-icon {
+        margin-right: var(--mc-tree-size-icon-padding, map.get($tokens, tree-size-icon-padding));
+
+        cursor: pointer;
+    }
+
+    & > .mc-progress-spinner {
+        margin-right: 8px;
+    }
+
+    &:focus {
+        outline: none;
+    }
+
+    &:not([disabled]) {
+        cursor: pointer;
+    }
+
+    & > .mc-pseudo-checkbox,
+    & > .mc-checkbox {
+        margin-right: var(--mc-tree-size-icon-padding, map.get($tokens, tree-size-icon-padding));
+    }
+
+    & .mc-option-action {
+        display: none;
+    }
+
+    &:not([disabled]):hover,
+    &:not([disabled]).mc-focused,
+    &:not([disabled]).mc-action-button-focused {
+        & .mc-option-action {
+            display: flex;
+        }
+    }
+}

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

@@ -129,6 +129,6 @@ export declare class McTreeSelection extends McTreeBase<any> implements ControlV
     private canDeselectLast;
     private isFocusReceivedFromNestedOption;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeSelection, [null, null, null, null, { attribute: "multiple"; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTreeSelection, "mc-tree-selection", ["mcTreeSelection"], { "treeControl": "treeControl"; "autoSelect": "autoSelect"; "noUnselectLast": "noUnselectLast"; "disabled": "disabled"; "tabIndex": "tabIndex"; }, { "navigationChange": "navigationChange"; "selectionChange": "selectionChange"; "onSelectAll": "onSelectAll"; "onCopy": "onCopy"; }, ["unorderedOptions"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTreeSelection, "mc-tree-selection", ["mcTreeSelection"], { "treeControl": "treeControl"; "autoSelect": "autoSelect"; "noUnselectLast": "noUnselectLast"; "disabled": "disabled"; "tabIndex": "tabIndex"; }, { "navigationChange": "navigationChange"; "selectionChange": "selectionChange"; "onSelectAll": "onSelectAll"; "onCopy": "onCopy"; }, ["unorderedOptions"], never, false, never>;
 }
 export {};

package/tree/tree-selection.scss

@@ -0,0 +1,3 @@
+.mc-tree-selection {
+    display: block;
+}

package/tree/tree.d.ts

@@ -2,5 +2,5 @@ import { McTreeBase } from './tree-base';
 import * as i0 from "@angular/core";
 export declare class McTree extends McTreeBase<any> {
     static ɵfac: i0.ɵɵFactoryDeclaration<McTree, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTree, "mc-tree", ["mcTree"], {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTree, "mc-tree", ["mcTree"], {}, {}, never, never, false, never>;
 }

package/tree/tree.scss

@@ -0,0 +1,3 @@
+.mc-tree {
+    display: block;
+}

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

@@ -0,0 +1,44 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/theming/theming' as *;
+@use '../core/styles/typography/typography-utils' as *;
+@use '../core/styles/common/popup' as *;
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+@mixin mc-tree-select-theme($theme) {
+    $foreground: map.get($theme, foreground);
+
+    $error: map.get($theme, error);
+
+    .mc-tree-select {
+        color: map.get($foreground, text);
+
+        &.ng-invalid {
+            color: mc-color($error);
+        }
+
+        &.mc-disabled {
+            color: map.get($foreground, text-disabled);
+        }
+    }
+
+    .mc-tree-select__placeholder {
+        color: map.get($foreground, text-disabled);
+    }
+
+    .mc-tree-select__panel {
+        @include popup-params($theme);
+    }
+}
+
+@mixin mc-tree-select-typography($config) {
+    .mc-tree-select,
+    .mc-tree-select__panel {
+        @include mc-typography-level-to-styles($config, map.get($tokens, select-panel-font-default));
+    }
+}

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

@@ -24,11 +24,11 @@ export declare class McTreeSelectChange {
 }
 export declare class McTreeSelectTrigger {
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeSelectTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeSelectTrigger, "mc-tree-select-trigger", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeSelectTrigger, "mc-tree-select-trigger", never, {}, {}, never, never, false, never>;
 }
 export declare class McTreeSelectFooter {
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeSelectFooter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeSelectFooter, "mc-tree-select-footer", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeSelectFooter, "mc-tree-select-footer", never, {}, {}, never, never, false, never>;
 }
 /** @docs-private */
 declare class McTreeSelectBase {
@@ -276,6 +276,6 @@ export declare class McTreeSelect extends McTreeSelectMixinBase implements After
     private _compareWith;
     private subscribeOnSearchChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTreeSelect, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<McTreeSelect, "mc-tree-select", ["mcTreeSelect"], { "disabled": "disabled"; "tabIndex": "tabIndex"; "hiddenItemsText": "hiddenItemsText"; "panelClass": "panelClass"; "backdropClass": "backdropClass"; "errorStateMatcher": "errorStateMatcher"; "sortComparator": "sortComparator"; "placeholder": "placeholder"; "required": "required"; "multiple": "multiple"; "autoSelect": "autoSelect"; "compareWith": "compareWith"; "id": "id"; "hasBackdrop": "hasBackdrop"; "hiddenItemsTextFormatter": "hiddenItemsTextFormatter"; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "tree", "search"], ["mc-tree-select-trigger", "mc-cleaner", "[mcSelectSearch]", "[mc-select-search-empty-result]", "mc-tree-selection", "[mc-tree-selection-footer]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<McTreeSelect, "mc-tree-select", ["mcTreeSelect"], { "disabled": "disabled"; "tabIndex": "tabIndex"; "hiddenItemsText": "hiddenItemsText"; "panelClass": "panelClass"; "backdropClass": "backdropClass"; "errorStateMatcher": "errorStateMatcher"; "sortComparator": "sortComparator"; "placeholder": "placeholder"; "required": "required"; "multiple": "multiple"; "autoSelect": "autoSelect"; "compareWith": "compareWith"; "id": "id"; "hasBackdrop": "hasBackdrop"; "hiddenItemsTextFormatter": "hiddenItemsTextFormatter"; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "tree", "search"], ["mc-tree-select-trigger", "mc-cleaner", "[mcSelectSearch]", "[mc-select-search-empty-result]", "mc-tree-selection", "[mc-tree-selection-footer]"], false, never>;
 }
 export {};

package/tree-select/tree-select.scss

@@ -0,0 +1,212 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/common';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+.mc-tree-select {
+    box-sizing: border-box;
+
+    display: inline-block;
+
+    width: 100%;
+
+    outline: none;
+
+    &.mc-disabled {
+        & .mc-tree-select__trigger {
+            @include common.user-select(none);
+
+            cursor: default;
+        }
+    }
+}
+
+/* stylelint-disable no-descending-specificity */
+.mc-tree-select__trigger {
+    display: flex;
+    box-sizing: border-box;
+    position: relative;
+
+    height: var(--mc-form-field-size-height, map.get($tokens, form-field-size-height));
+
+    cursor: pointer;
+
+    padding-left: calc(
+        var(--mc-select-size-left-padding, #{map.get($tokens, select-size-left-padding)}) -
+        var(--mc-form-field-size-border-width, #{map.get($tokens, form-field-size-border-width)})
+    );
+    padding-right: calc(
+        var(--mc-select-size-right-padding, #{map.get($tokens, select-size-right-padding)}) -
+        var(--mc-form-field-size-border-width, #{map.get($tokens, form-field-size-border-width)})
+    );
+
+    &.mc-tree-select__trigger_multiple {
+        padding-left: calc(
+            var(--mc-select-size-left-padding-multiple, #{map.get($tokens, select-size-left-padding-multiple)}) -
+            var(--mc-form-field-size-border-width, #{map.get($tokens, form-field-size-border-width)})
+        );
+
+        & .mc-tree-select__placeholder {
+            margin-left: 8px;
+        }
+
+        & .mc-tag.mc-disabled .mc-tag__text {
+            margin-right: 7px;
+        }
+    }
+}
+/* stylelint-enable no-descending-specificity */
+
+.mc-tree-select__matcher {
+    display: flex;
+    align-items: center;
+
+    width: 100%;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    white-space: nowrap;
+
+    & > span {
+        width: 100%;
+    }
+}
+
+.mc-tree-select__multiple-matcher {
+    display: flex;
+
+    width: 100%;
+}
+
+.mc-tree-select__match-list {
+    display: flex;
+    flex-wrap: wrap;
+
+    overflow: hidden;
+
+    max-height: calc(
+        var(--mc-form-field-size-height, map.get($tokens, form-field-size-height)) -
+        (var(--mc-form-field-size-border-width, map.get($tokens, form-field-size-border-width)) * 2)
+    );
+
+    & .mc-tag {
+        margin-right: 4px;
+    }
+}
+
+.mc-tree-select__match-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    width: 100%;
+
+    & .mc-tree-select__match-hidden-text {
+        flex: 0 0 70px;
+        align-self: center;
+        padding: 0 8px;
+
+        text-align: right;
+    }
+}
+
+.mc-tree-select__match-item {
+    display: flex;
+
+    border: 1px solid transparent;
+    border-radius: 3px;
+
+    padding-left: 7px;
+
+    margin-right: 4px;
+
+    max-width: 100%;
+}
+
+.mc-tree-select__arrow-wrapper {
+    display: flex;
+    align-self: center;
+
+    // When used in a box or standard appearance form-field the arrow should be shifted up 50%.
+    .mc-form-field-appearance-fill &,
+    .mc-form-field-appearance-standard & {
+        transform: translateY(-50%);
+    }
+
+    // When used in a outline form-field the arrow should be shifted up 25%.
+    .mc-form-field-appearance-outline & {
+        transform: translateY(-25%);
+    }
+}
+
+.mc-tree-select__panel {
+    min-width: 100%; // prevents some animcion twitching and test inconsistencies in IE11
+    max-width: var(--mc-select-panel-size-max-width, map.get($tokens, select-panel-size-max-width));
+
+    border: {
+        width: var(--mc-select-panel-size-border-width, map.get($tokens, select-panel-size-border-width));
+        style: solid;
+    }
+
+    border-bottom-left-radius: var(
+        --mc-select-panel-size-border-radius, map.get($tokens, select-panel-size-border-radius)
+    );
+    border-bottom-right-radius: var(
+        --mc-select-panel-size-border-radius, map.get($tokens, select-panel-size-border-radius)
+    );
+
+    // Override optgroup and option to scale based on font-size of the trigger.
+    .mc-optgroup-label,
+    .mc-tree-select-option {
+        font-size: inherit;
+        line-height: var(--mc-option-size-height, map.get($tokens, option-size-height));
+        height: var(--mc-option-size-height, map.get($tokens, option-size-height));
+    }
+}
+
+.mc-tree-select__content {
+    max-height: var(--mc-select-panel-size-max-height, map.get($tokens, select-panel-size-max-height));
+
+    overflow: auto;
+
+    & .mc-tree-selection {
+        height: 100%;
+    }
+}
+
+.mc-form-field-type-select {
+    &:not(.mc-disabled) .mc-form-field-flex {
+        cursor: pointer;
+    }
+}
+
+.mc-select__no-options-message {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    box-sizing: border-box;
+
+    position: relative;
+
+    max-width: 100%;
+    height: var(--mc-option-size-height, map.get($tokens, option-size-height));
+
+    cursor: default;
+    outline: none;
+
+    padding-left: var(--mc-option-size-horizontal-padding, map.get($tokens, option-size-horizontal-padding));
+    padding-right: var(--mc-option-size-horizontal-padding, map.get($tokens, option-size-horizontal-padding));
+}
+
+.mc-select__search-container {
+    border-bottom: {
+        width: 1px;
+        style: solid;
+    }
+}

package/core/formatters/date/templates/en-US.d.ts

@@ -1,2 +0,0 @@
-import { FormatterConfig } from '../formatter';
-export declare const enUS: FormatterConfig;

package/core/formatters/date/templates/ru-RU.d.ts

@@ -1,2 +0,0 @@
-import { FormatterConfig } from '../formatter';
-export declare const ruRU: FormatterConfig;

package/design-tokens/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/design-tokens/legacy-2017/tokens/components/alert.json5

@@ -1,83 +0,0 @@
-{
-    alert: {
-        'light-color-scheme': {
-            error: {
-                background: { value: '{light-color-scheme.error.palette.value.60}' },
-                border: { value: '{light-color-scheme.error.palette.value.200}' },
-                icon: { value: '{icon.light-color-scheme.error.default}' }
-            },
-            warning: {
-                background: { value: '{light-color-scheme.warning.palette.value.60}' },
-                border: { value: '{light-color-scheme.warning.palette.value.200}' },
-                icon: { value: '{icon.light-color-scheme.warning.default}' }
-            },
-            success: {
-                background: { value: '{light-color-scheme.success.palette.value.60}' },
-                border: { value: '{light-color-scheme.success.palette.value.200}' },
-                icon: { value: '{icon.light-color-scheme.success.default}' }
-            },
-            info: {
-                background: { value: '{light-color-scheme.info.palette.value.60}' },
-                border: { value: '{light-color-scheme.info.palette.value.200}' },
-                icon: { value: '{icon.light-color-scheme.info.default}' }
-            },
-            default: {
-                background: { value: '{light-color-scheme.second.palette.value.60}' },
-                border: { value: '{light-color-scheme.second.palette.value.200}' },
-                icon: { value: '{icon.light-color-scheme.secondary.default}' }
-            }
-        },
-        'dark-color-scheme': {
-            error: {
-                background: { value: '{dark-color-scheme.error.palette.value.700}' },
-                border: { value: '{dark-color-scheme.error.palette.value.700}' },
-                icon: { value: '{icon.dark-color-scheme.error.default}' }
-            },
-            warning: {
-                background: { value: '{dark-color-scheme.warning.palette.value.700}' },
-                border: { value: '{dark-color-scheme.warning.palette.value.700}' },
-                icon: { value: '{icon.dark-color-scheme.warning.default}' }
-            },
-            success: {
-                background: { value: '{dark-color-scheme.success.palette.value.700}' },
-                border: { value: '{dark-color-scheme.success.palette.value.700}' },
-                icon: { value: '{icon.dark-color-scheme.success.default}' }
-            },
-            info: {
-                background: { value: '{dark-color-scheme.info.palette.value.700}' },
-                border: { value: '{dark-color-scheme.info.palette.value.700}' },
-                icon: { value: '{icon.dark-color-scheme.info.default}' }
-            },
-            default: {
-                background: { value: '{dark-color-scheme.second.palette.value.700}' },
-                border: { value: '{dark-color-scheme.second.palette.value.700}' },
-                icon: { value: '{icon.dark-color-scheme.secondary.default}' }
-            }
-        },
-        size: {
-            'border-width': { value: '{size.border-width}' },
-            'border-radius': { value: '{size.border-radius}' },
-
-            'horizontal-padding': { value: '{size.l}' },
-            'vertical-padding': { value: '{size.m}' },
-
-            'icon-margin': { value: '{size.s}' },
-
-            'close-button-width': { value: '{size.l}' },
-
-            small: {
-                'vertical-padding': { value: '{size.m}' }
-            }
-        },
-        font: {
-            default: {
-                header: { value: 'subheading' },
-                body: { value: 'body' }
-            },
-            small: {
-                header: { value: 'caption' },
-                body: { value: 'caption' }
-            }
-        }
-    }
-}

package/design-tokens/legacy-2017/tokens/components/autocomplete.json5

@@ -1,11 +0,0 @@
-{
-    autocomplete: {
-        size: {
-            panel: {
-                padding: { value: '{size.xxs} 0' },
-                'max-height': { value: '256px' },
-                'border-radius': { value: '{size.border-radius}' }
-            }
-        }
-    }
-}