@ptsecurity/mosaic 15.5.0 → 15.6.0

package/select/_select-theme.scss

@@ -5,11 +5,6 @@
 @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-select-theme($theme) {
     $foreground: map.get($theme, foreground);
 
@@ -53,6 +48,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-select-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-select {
         @include mc-typography-level-to-styles($config, map.get($tokens, select-font-default));
     }

package/select/select.scss

@@ -118,6 +118,8 @@ $tokens: meta.module-variables(tokens) !default;
 
     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));
+
+    border: var(--mc-option-size-border-width, map.get($tokens, option-size-border-width)) solid transparent;
 }
 
 .mc-select__match-list {

package/sidepanel/_sidepanel-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-sidepanel-theme($theme) {
     $background: map.get($theme, background);
 
@@ -55,6 +50,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-sidepanel-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-sidepanel-title {
         @include mc-typography-level-to-styles($config, map.get($tokens, sidepanel-header-font-default));
     }

package/table/_table-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-table-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
@@ -46,6 +41,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-table-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-table {
         & > thead {
             & > tr > th {

package/tabs/_tabs-theme.scss

@@ -3,11 +3,6 @@
 
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 //noinspection ALL
 @mixin mc-tabs-theme($theme) {
     $foreground: map.get($theme, foreground);
@@ -233,6 +228,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-tabs-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-tab-label,
     .mc-tab-label_old,
     .mc-tab-link {

package/tags/_tag-theme.scss

@@ -4,11 +4,6 @@
 @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-tag-color($params) {
     background: map.get($params, background);
     border-color: map.get($params, border);
@@ -103,6 +98,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-tag-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-tag:not(.mc-tag_mono):not(.mc-tag_caps) {
         @include mc-typography-level-to-styles($config, map.get($tokens, tags-font-default));
     }

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

@@ -1,8 +1,12 @@
 import { InjectionToken } from '@angular/core';
+import { McTagSeparator } from './tag-input';
 /** Default options, for the chips module, that can be overridden. */
 export interface McTagsDefaultOptions {
     /** The list of key codes that will trigger a chipEnd event. */
     separatorKeyCodes: number[];
+    separators?: {
+        [key: number]: McTagSeparator;
+    };
 }
 /** 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-list.component.d.ts

@@ -241,6 +241,7 @@ export declare class McTagList extends McTagListMixinBase implements McFormField
     private syncTagsDisabledState;
     /** Revalidate control. */
     private revalidate;
+    private propagateSelectableToChildren;
     static ɵfac: i0.ɵɵFactoryDeclaration<McTagList, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<McTagList, "mc-tag-list", ["mcTagList"], { "multiple": "multiple"; "compareWith": "compareWith"; "value": "value"; "required": "required"; "placeholder": "placeholder"; "disabled": "disabled"; "selectable": "selectable"; "tabIndex": "tabIndex"; "errorStateMatcher": "errorStateMatcher"; "orientation": "orientation"; }, { "valueChange": "valueChange"; "change": "change"; }, ["cleaner", "tags"], ["*", "mc-cleaner"], false, never>;
 }

package/tags/tag-list.scss

@@ -33,8 +33,6 @@ $tokens: meta.module-variables(tokens) !default;
         (var(--mc-form-field-size-border-width, map.get($tokens, form-field-size-border-width)) * 2)
     );
 
-    padding: var(--mc-tag-list-size-padding, map.get($tokens, tag-list-size-padding));
-
     & .mc-tag-input {
         max-width: 100%;
 
@@ -45,6 +43,12 @@ $tokens: meta.module-variables(tokens) !default;
     }
 }
 
+.mc-form-field-type-tag-list {
+    .mc-tags-list__list-container {
+        padding: var(--mc-tag-list-size-padding, map.get($tokens, tag-list-size-padding));
+    }
+}
+
 .mc-tags-list__cleaner {
     & .mc-cleaner {
         height: 30px;

package/tags/tag.component.d.ts

@@ -111,7 +111,7 @@ export declare class McTag extends McTagMixinBase implements IFocusableOption, O
      * Informs any listeners of the removal request. Does not remove the tag from the DOM.
      */
     remove(): void;
-    handleClick(event: Event): void;
+    handleMousedown(event: Event): void;
     handleKeydown(event: KeyboardEvent): void;
     blur(): void;
     private dispatchSelectionChange;

package/textarea/_textarea-theme.scss

@@ -4,11 +4,6 @@
 @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-textarea-theme($theme) {
     $foreground: map.get($theme, foreground);
 
@@ -30,6 +25,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-textarea-typography($config) {
+    $tokens: map.get($config, tokens);
+
     textarea.mc-textarea {
         @include mc-typography-level-to-styles($config, map.get($tokens, textarea-font-default));
     }

package/timezone/_timezone-option-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-timezone-option-theme($theme) {
     $timezone: map.get(map.get($theme, components), timezone);
 
@@ -22,6 +17,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-timezone-option-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-timezone-option__offset {
         @include mc-typography-level-to-styles($config, map.get($tokens, timezone-option-font-offset-text));
     }

package/toast/_toast-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-toast-theme($theme) {
     $foreground: map.get($theme, foreground);
@@ -50,6 +45,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-toast-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-toast {
         @include mc-typography-level-to-styles($config, body);
     }

package/toggle/_toggle-theme.scss

@@ -4,11 +4,6 @@
 @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-toggle-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
@@ -72,6 +67,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-toggle-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-toggle:not(.mc-toggle_small) {
         @include mc-typography-level-to-styles($config, map.get($tokens, toggle-font-default));
     }

package/tooltip/_tooltip-theme.scss

@@ -4,11 +4,6 @@
 @use '../core/pop-up/pop-up' as *;
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 @mixin mc-tooltip-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
@@ -88,6 +83,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-tooltip-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-tooltip {
         @include mc-typography-level-to-styles($config, map.get($tokens, tooltip-font-default));
     }

package/tree/_tree-theme.scss

@@ -3,10 +3,6 @@
 
 @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);
@@ -64,6 +60,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-tree-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-tree-option {
         @include mc-typography-level-to-styles($config, map.get($tokens, tree-font-node));
     }

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

@@ -5,11 +5,6 @@
 @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);
 
@@ -43,6 +38,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-tree-select-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-tree-select,
     .mc-tree-select__panel {
         @include mc-typography-level-to-styles($config, map.get($tokens, select-panel-font-default));