@ptsecurity/mosaic 17.2.1 → 17.3.0

package/file-upload/_file-upload-theme.scss

@@ -167,39 +167,39 @@
 
 @mixin mc-file-upload-typography($config) {
     .mc-single-file-upload {
-        @include mc-typography-css-variables(file-upload, single);
+        @include mc-typography-css-variables($config, file-upload, single);
     }
 
     .mc-multiple-file-upload {
         .multiple__header {
-            @include mc-typography-css-variables(file-upload, multiple-header);
+            @include mc-typography-css-variables($config, file-upload, multiple-header);
         }
 
         .multiple__caption {
             &, .mc-link {
-                @include mc-typography-css-variables(file-upload, multiple-caption);
+                @include mc-typography-css-variables($config, file-upload, multiple-caption);
             }
         }
 
         .mc-file-multiple-uploaded__header {
-            @include mc-typography-css-variables(file-upload, multiple-uploaded-header);
+            @include mc-typography-css-variables($config, file-upload, multiple-uploaded-header);
         }
 
         .multiple__uploaded-item {
-            @include mc-typography-css-variables(file-upload, multiple-uploaded-item);
+            @include mc-typography-css-variables($config, file-upload, multiple-uploaded-item);
         }
 
         .mc-file-upload {
             .mc-list-item,
             .mc-list-option {
-                @include mc-typography-css-variables(file-upload, multiple-uploaded-item);
+                @include mc-typography-css-variables($config, file-upload, multiple-uploaded-item);
             }
         }
     }
 
     .mc-single-file-upload, .mc-multiple-file-upload {
         .mc-file-upload__hint {
-            @include mc-typography-css-variables(form-field-hint, default);
+            @include mc-typography-css-variables($config, form-field-hint, default);
         }
     }
 }

package/form-field/_form-field-theme.scss

@@ -61,11 +61,13 @@
             &.cdk-focused {
                 &:not(.ng-invalid) .mc-form-field__container {
                     border-color: mc-css-variable(states-focused-color, map-get($theme, states, focused-color));
-                    box-shadow: 0 0 0 1px mc-css-variable(states-focused-color, map-get($theme, states, focused-color));
+                    box-shadow: 0 0 0.1px 1px mc-css-variable(
+                        states-focused-color, map-get($theme, states, focused-color)
+                    );
                 }
 
                 &.ng-invalid .mc-form-field__container {
-                    box-shadow: 0 0 0 1px mc-css-variable(error-default, mc-color($error));
+                    box-shadow: 0 0 0.1px 1px mc-css-variable(error-default, mc-color($error));
                 }
             }
 
@@ -142,14 +144,14 @@
 
 @mixin mc-form-field-typography($config) {
     .mc-form-field {
-        @include mc-typography-css-variables(form-field, default);
+        @include mc-typography-css-variables($config, form-field, default);
     }
 
     .mc-form-field__hint, .mc-password-hint {
-        @include mc-typography-css-variables(form-field-hint, default);
+        @include mc-typography-css-variables($config, form-field-hint, default);
     }
 
     .mc-hint {
-        @include mc-typography-level-to-styles_css-variables(typography, caption);
+        @include mc-typography-level-to-styles_css-variables($config, typography, caption);
     }
 }

package/form-field/form-field.d.ts

@@ -1,5 +1,5 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
-import { AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, InjectionToken, OnDestroy, QueryList } from '@angular/core';
+import { AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { CanColor, CanColorCtor } from '@ptsecurity/mosaic/core';
 import { McCleaner } from './cleaner';
@@ -10,12 +10,6 @@ import { McPrefix } from './prefix';
 import { McStepper } from './stepper';
 import { McSuffix } from './suffix';
 import * as i0 from "@angular/core";
-/**
- * Injection token that can be used to inject an instances of `MatFormField`. It serves
- * as alternative token to the actual `MatFormField` class which would cause unnecessary
- * retention of the `MatFormField` class and its component metadata.
- */
-export declare const MC_FORM_FIELD: InjectionToken<McFormField>;
 /** @docs-private */
 export declare class McFormFieldBase {
     elementRef: ElementRef;

package/input/_input-theme.scss

@@ -39,22 +39,22 @@
 
         &.cdk-keyboard-focused {
             border-color: mc-css-variable(states-focused-color, map-get($theme, states, focused-color));
-            box-shadow: 0 0 0 1px mc-css-variable(states-focused-color, map-get($theme, states, focused-color));
+            box-shadow: 0 0 0.1px 1px mc-css-variable(states-focused-color, map-get($theme, states, focused-color));
         }
     }
 }
 
 @mixin mc-input-typography($config) {
     .mc-input {
-        @include mc-typography-css-variables(input, default);
+        @include mc-typography-css-variables($config, input, default);
     }
 
     .mc-input.mc-input_monospace,
     .mc-input.mc-input-password {
-        @include mc-typography-css-variables(input, monospace);
+        @include mc-typography-css-variables($config, input, monospace);
     }
 
     .mc-input.mc-input-password::placeholder {
-        @include mc-typography-css-variables(input, default);
+        @include mc-typography-css-variables($config, input, default);
     }
 }

package/link/_link-theme.scss

@@ -182,10 +182,10 @@
 
 @mixin mc-link-typography($config) {
     .mc-link {
-        @include mc-typography-css-variables(link, default);
+        @include mc-typography-css-variables($config, link, default);
     }
 
     .mc-link.mc-link_caption {
-        @include mc-typography-css-variables(link, caption);
+        @include mc-typography-css-variables($config, link, caption);
     }
 }

package/list/_list-theme.scss

@@ -41,6 +41,6 @@
 @mixin mc-list-typography($config) {
     .mc-list-item,
     .mc-list-option {
-        @include mc-typography-css-variables(list, item);
+        @include mc-typography-css-variables($config, list, item);
     }
 }

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

@@ -23,11 +23,11 @@
 
 @mixin mc-loader-overlay-typography($config) {
     .mc-loader-overlay-text {
-        @include mc-typography-css-variables(loader-overlay, text);
+        @include mc-typography-css-variables($config, loader-overlay, text);
     }
 
     .mc-loader-overlay-caption {
-        @include mc-typography-css-variables(loader-overlay, caption);
+        @include mc-typography-css-variables($config, loader-overlay, caption);
     }
 }
 

package/markdown/_markdown-theme.scss

@@ -98,60 +98,60 @@
 @mixin mc-markdown-typography($config) {
     .mc-markdown {
         .mc-markdown__h1 {
-            @include mc-typography-css-variables(markdown-h1, default);
+            @include mc-typography-css-variables($config, markdown-h1, default);
         }
 
         .mc-markdown__h2 {
-            @include mc-typography-css-variables(markdown-h2, default);
+            @include mc-typography-css-variables($config, markdown-h2, default);
         }
 
         .mc-markdown__h3 {
-            @include mc-typography-css-variables(markdown-h3, default);
+            @include mc-typography-css-variables($config, markdown-h3, default);
         }
 
         .mc-markdown__h4 {
-            @include mc-typography-css-variables(markdown-h4, default);
+            @include mc-typography-css-variables($config, markdown-h4, default);
         }
 
         .mc-markdown__h5 {
-            @include mc-typography-css-variables(markdown-h5, default);
+            @include mc-typography-css-variables($config, markdown-h5, default);
         }
 
         .mc-markdown__h6 {
-            @include mc-typography-css-variables(markdown-h6, default);
+            @include mc-typography-css-variables($config, markdown-h6, default);
         }
 
         .mc-markdown__p {
-            @include mc-typography-css-variables(markdown-p, default);
+            @include mc-typography-css-variables($config, markdown-p, default);
         }
 
         .mc-markdown__ul,
         .mc-markdown__ol {
-            @include mc-typography-css-variables(markdown-list, default);
+            @include mc-typography-css-variables($config, markdown-list, default);
         }
 
         .mc-markdown__blockquote > .mc-markdown__p {
-            @include mc-typography-css-variables(markdown-blockquote, default);
+            @include mc-typography-css-variables($config, markdown-blockquote, default);
         }
 
         .mc-markdown__code {
-            @include mc-typography-css-variables(markdown-code, default);
+            @include mc-typography-css-variables($config, markdown-code, default);
         }
 
         .mc-markdown__a {
-            @include mc-typography-css-variables(markdown-link, default);
+            @include mc-typography-css-variables($config, markdown-link, default);
         }
 
         .mc-markdown__img + em {
-            @include mc-typography-css-variables(markdown-image, caption);
+            @include mc-typography-css-variables($config, markdown-image, caption);
         }
 
         .mc-markdown__table > .mc-markdown__thead {
-            @include mc-typography-css-variables(markdown-table, header);
+            @include mc-typography-css-variables($config, markdown-table, header);
         }
 
         .mc-markdown__table > .mc-markdown__tbody {
-            @include mc-typography-css-variables(markdown-table, body);
+            @include mc-typography-css-variables($config, markdown-table, body);
         }
     }
 }

package/modal/_modal-theme.scss

@@ -78,10 +78,10 @@
 
 @mixin mc-modal-typography($config) {
     .mc-modal-title {
-        @include mc-typography-css-variables(modal-header, default);
+        @include mc-typography-css-variables($config, modal-header, default);
     }
 
     .mc-modal-body {
-        @include mc-typography-css-variables(modal-body, default);
+        @include mc-typography-css-variables($config, modal-body, default);
     }
 }

package/navbar/_navbar-theme.scss

@@ -101,19 +101,19 @@ button {
 
 @mixin mc-navbar-typography($config) {
     .mc-navbar-title {
-        @include mc-typography-css-variables(navbar, title);
+        @include mc-typography-css-variables($config, navbar, title);
     }
 
     .mc-navbar-subtitle {
-        @include mc-typography-level-to-styles_css-variables(typography, extra-small-text);
+        @include mc-typography-level-to-styles_css-variables($config, typography, extra-small-text);
     }
 
     .mc-navbar-brand {
         .mc-navbar-title {
-            @include mc-typography-css-variables(navbar-brand, title);
+            @include mc-typography-css-variables($config, navbar-brand, title);
 
             &.mc-navbar-title_small {
-                @include mc-typography-level-to-styles_css-variables(typography, subheading);
+                @include mc-typography-level-to-styles_css-variables($config, typography, subheading);
 
                 white-space: unset;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ptsecurity/mosaic",
-    "version": "17.2.1",
+    "version": "17.3.0",
     "description": "Mosaic",
     "repository": {
         "type": "git",
@@ -19,10 +19,10 @@
     "peerDependencies": {
         "@angular/cdk": "^17.2.0",
         "@angular/forms": "^17.2.0",
-        "@ptsecurity/cdk": "^17.2.1",
-        "@ptsecurity/mosaic-moment-adapter": "^17.2.1",
-        "@ptsecurity/mosaic-luxon-adapter": "^17.2.1",
-        "@mosaic-design/date-formatter": "^2.1.5",
+        "@ptsecurity/cdk": "^17.3.0",
+        "@ptsecurity/mosaic-moment-adapter": "^17.3.0",
+        "@ptsecurity/mosaic-luxon-adapter": "^17.3.0",
+        "@mosaic-design/date-formatter": "^2.1.6",
         "@ptsecurity/mosaic-icons": "^7.0.8",
         "@mosaic-design/tokens-builder": "^3.0.0",
         "@mosaic-design/tokens-fe-2022": "^3.0.0",
@@ -57,29 +57,29 @@
         "./package.json": {
             "default": "./package.json"
         },
-        "./card": {
-            "types": "./card/index.d.ts",
-            "esm2022": "./esm2022/card/ptsecurity-mosaic-card.mjs",
-            "esm": "./esm2022/card/ptsecurity-mosaic-card.mjs",
-            "default": "./fesm2022/ptsecurity-mosaic-card.mjs"
-        },
         "./autocomplete": {
             "types": "./autocomplete/index.d.ts",
             "esm2022": "./esm2022/autocomplete/ptsecurity-mosaic-autocomplete.mjs",
             "esm": "./esm2022/autocomplete/ptsecurity-mosaic-autocomplete.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-autocomplete.mjs"
         },
+        "./button": {
+            "types": "./button/index.d.ts",
+            "esm2022": "./esm2022/button/ptsecurity-mosaic-button.mjs",
+            "esm": "./esm2022/button/ptsecurity-mosaic-button.mjs",
+            "default": "./fesm2022/ptsecurity-mosaic-button.mjs"
+        },
         "./button-toggle": {
             "types": "./button-toggle/index.d.ts",
             "esm2022": "./esm2022/button-toggle/ptsecurity-mosaic-button-toggle.mjs",
             "esm": "./esm2022/button-toggle/ptsecurity-mosaic-button-toggle.mjs",
             "default": "./fesm2022/ptsecurity-mosaic-button-toggle.mjs"
         },
-        "./button": {
-            "types": "./button/index.d.ts",
-            "esm2022": "./esm2022/button/ptsecurity-mosaic-button.mjs",
-            "esm": "./esm2022/button/ptsecurity-mosaic-button.mjs",
-            "default": "./fesm2022/ptsecurity-mosaic-button.mjs"
+        "./card": {
+            "types": "./card/index.d.ts",
+            "esm2022": "./esm2022/card/ptsecurity-mosaic-card.mjs",
+            "esm": "./esm2022/card/ptsecurity-mosaic-card.mjs",
+            "default": "./fesm2022/ptsecurity-mosaic-card.mjs"
         },
         "./checkbox": {
             "types": "./checkbox/index.d.ts",

package/popover/_popover-theme.scss

@@ -96,14 +96,14 @@
 
 @mixin mc-popover-typography($config) {
     .mc-popover__header {
-        @include mc-typography-css-variables(popover-header, default);
+        @include mc-typography-css-variables($config, popover-header, default);
     }
 
     .mc-popover__content {
-        @include mc-typography-css-variables(popover, default);
+        @include mc-typography-css-variables($config, popover, default);
     }
 
     .mc-popover__footer {
-        @include mc-typography-css-variables(popover-footer, default);
+        @include mc-typography-css-variables($config, popover-footer, default);
     }
 }