@ptsecurity/mosaic 15.5.0 → 15.7.2

package/_theming.scss

@@ -139,6 +139,7 @@ $light-color-scheme-foreground-text: #19252f;
 $light-color-scheme-foreground-text-less-contrast: #6d7a86;
 $light-color-scheme-foreground-text-disabled: #8c99a5;
 $light-color-scheme-foreground-text-error: #db3c55;
+$light-color-scheme-foreground-text-warning: #a26e0c;
 $light-color-scheme-foreground-text-success: #016b37;
 $light-color-scheme-foreground-divider: #d7dee4;
 $light-color-scheme-foreground-border: #bdc7d1;
@@ -165,6 +166,7 @@ $dark-color-scheme-foreground-text: #d7dee4;
 $dark-color-scheme-foreground-text-less-contrast: #8c99a5;
 $dark-color-scheme-foreground-text-disabled: #6d7a86;
 $dark-color-scheme-foreground-text-error: #ee6f79;
+$dark-color-scheme-foreground-text-warning: #e19f12;
 $dark-color-scheme-foreground-text-success: #4ba96c;
 $dark-color-scheme-foreground-divider: mix(#515e69, transparent, 50%);
 $dark-color-scheme-foreground-border: #515e69;
@@ -1311,7 +1313,7 @@ $list-light-color-scheme-footer-background: white;
 $list-light-color-scheme-footer-divider: #d7dee4;
 $list-dark-color-scheme-footer-background: #19252f;
 $list-dark-color-scheme-footer-divider: mix(#515e69, transparent, 50%);
-$list-size-horizontal-padding: 12px;
+$list-size-horizontal-padding: 10px;
 $list-size-icon-right-margin: 8px;
 $list-size-item-height: 32px;
 $list-size-footer-min-height: 48px;
@@ -1514,9 +1516,9 @@ $navbar-item-size-height-vertical: 56px;
 $navbar-brand-size-padding: 12px;
 $navbar-brand-size-margin-right: 24px;
 $navbar-brand-font-title: title;
-$optgroup-size-padding-left: 17px;
+$optgroup-size-padding-left: 12px;
 $optgroup-font-default: subheading;
-$option-size-horizontal-padding: 12px;
+$option-size-horizontal-padding: 10px;
 $option-size-height: 32px;
 $option-size-border-width: 2px;
 $option-font-default: body;
@@ -1761,7 +1763,7 @@ $timezone-option-light-color-scheme-text: #19252f;
 $timezone-option-light-color-scheme-caption: #6d7a86;
 $timezone-option-dark-color-scheme-text: #d7dee4;
 $timezone-option-dark-color-scheme-caption: #8c99a5;
-$timezone-option-size-padding: 6px 8px 6px 14px;
+$timezone-option-size-padding: 6px 10px;
 $timezone-option-size-column-gap: 16px;
 $timezone-option-size-height: auto;
 $timezone-option-size-max-height: 4em;
@@ -6020,6 +6022,7 @@ $light-warning: mc-palette($light-color-scheme-warning-palette, $light-color-sch
         text-disabled: $light-color-scheme-foreground-text-disabled,
         text-error: $light-color-scheme-foreground-text-error,
         text-success: $light-color-scheme-foreground-text-success,
+        text-warning: $light-color-scheme-foreground-text-warning,
 
         divider: $light-color-scheme-foreground-divider,
         border: $light-color-scheme-foreground-border,
@@ -6097,6 +6100,7 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
         text-disabled: $dark-color-scheme-foreground-text-disabled,
         text-error: $dark-color-scheme-foreground-text-error,
         text-success: $dark-color-scheme-foreground-text-success,
+        text-warning: $dark-color-scheme-foreground-text-warning,
 
         divider: $dark-color-scheme-foreground-divider,
         border: $dark-color-scheme-foreground-border,
@@ -6140,6 +6144,8 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
         text-disabled: map-get($tokens, '#{$scheme}-foreground-text-disabled'),
         text-error: map-get($tokens, '#{$scheme}-foreground-text-error'),
         text-success: map-get($tokens, '#{$scheme}-foreground-text-success'),
+        text-warning: map-get($tokens, '#{$scheme}-foreground-text-warning'),
+
 
         divider: map-get($tokens, '#{$scheme}-foreground-divider'),
         border: map-get($tokens, '#{$scheme}-foreground-border'),
@@ -7155,6 +7161,7 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
             > .mc-icon-button {
                 color: map-get($button-toggle, color);
                 border-color: map-get($button-toggle-group, border);
+                background: inherit;
 
                 & .mc-icon {
                     color: map-get($button-toggle, icon);
@@ -7334,6 +7341,10 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
             }
         }
 
+        & .mc-hint {
+            color: map-get($foreground, text-less-contrast);
+        }
+
         &.mc-primary {
             @include mc-checkbox-color(map-get($checkbox, default));
 
@@ -7992,6 +8003,10 @@ $mc-datepicker-today-fade-amount: 0.2;
             color: map-get($hint, text-color);
         }
 
+        &.mc-warning {
+            color: map-get($foreground, text-warning);
+        }
+
         &.mc-error {
             color: map-get($foreground, text-error);
         }
@@ -8029,7 +8044,7 @@ $mc-datepicker-today-fade-amount: 0.2;
         @include mc-typography-level-to-styles($config, $form-field-font-default);
     }
 
-    .mc-form-field__hint {
+    .mc-form-field__hint, .mc-password-hint {
         @include mc-typography-level-to-styles($config, $form-field-hint-font-default);
     }
 
@@ -8238,9 +8253,13 @@ $mc-datepicker-today-fade-amount: 0.2;
     }
 
     .mc-input.mc-input_monospace,
-    .mc-input.mc-input-password[type="password"] {
+    .mc-input.mc-input-password {
         @include mc-typography-level-to-styles($config, $input-font-monospace);
     }
+
+    .mc-input.mc-input-password::placeholder {
+        @include mc-typography-level-to-styles($config, $input-font-default);
+    }
 }
 
 
@@ -9022,6 +9041,10 @@ button {
     }
 
     .mc-radio-button {
+        & .mc-hint {
+            color: map-get($foreground, text-less-contrast);
+        }
+
         & .mc-radio-button__outer-circle {
             border-color: map-get($radio, outer-circle_border);
             background: map-get($background, background);

package/_visual.scss

@@ -93,6 +93,7 @@ $light-color-scheme-foreground-text: #19252f;
 $light-color-scheme-foreground-text-less-contrast: #6d7a86;
 $light-color-scheme-foreground-text-disabled: #8c99a5;
 $light-color-scheme-foreground-text-error: #db3c55;
+$light-color-scheme-foreground-text-warning: #a26e0c;
 $light-color-scheme-foreground-text-success: #016b37;
 $light-color-scheme-foreground-divider: #d7dee4;
 $light-color-scheme-foreground-border: #bdc7d1;
@@ -119,6 +120,7 @@ $dark-color-scheme-foreground-text: #d7dee4;
 $dark-color-scheme-foreground-text-less-contrast: #8c99a5;
 $dark-color-scheme-foreground-text-disabled: #6d7a86;
 $dark-color-scheme-foreground-text-error: #ee6f79;
+$dark-color-scheme-foreground-text-warning: #e19f12;
 $dark-color-scheme-foreground-text-success: #4ba96c;
 $dark-color-scheme-foreground-divider: mix(#515e69, transparent, 50%);
 $dark-color-scheme-foreground-border: #515e69;
@@ -1265,7 +1267,7 @@ $list-light-color-scheme-footer-background: white;
 $list-light-color-scheme-footer-divider: #d7dee4;
 $list-dark-color-scheme-footer-background: #19252f;
 $list-dark-color-scheme-footer-divider: mix(#515e69, transparent, 50%);
-$list-size-horizontal-padding: 12px;
+$list-size-horizontal-padding: 10px;
 $list-size-icon-right-margin: 8px;
 $list-size-item-height: 32px;
 $list-size-footer-min-height: 48px;
@@ -1468,9 +1470,9 @@ $navbar-item-size-height-vertical: 56px;
 $navbar-brand-size-padding: 12px;
 $navbar-brand-size-margin-right: 24px;
 $navbar-brand-font-title: title;
-$optgroup-size-padding-left: 17px;
+$optgroup-size-padding-left: 12px;
 $optgroup-font-default: subheading;
-$option-size-horizontal-padding: 12px;
+$option-size-horizontal-padding: 10px;
 $option-size-height: 32px;
 $option-size-border-width: 2px;
 $option-font-default: body;
@@ -1715,7 +1717,7 @@ $timezone-option-light-color-scheme-text: #19252f;
 $timezone-option-light-color-scheme-caption: #6d7a86;
 $timezone-option-dark-color-scheme-text: #d7dee4;
 $timezone-option-dark-color-scheme-caption: #8c99a5;
-$timezone-option-size-padding: 6px 8px 6px 14px;
+$timezone-option-size-padding: 6px 10px;
 $timezone-option-size-column-gap: 16px;
 $timezone-option-size-height: auto;
 $timezone-option-size-max-height: 4em;

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

@@ -1,9 +1,9 @@
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
 import { ViewportRuler } from '@angular/cdk/scrolling';
-import { ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { McOption, McOptionSelectionChange } from '@ptsecurity/mosaic/core';
+import { KeyboardNavigationHandler, McOption, McOptionSelectionChange } from '@ptsecurity/mosaic/core';
 import { McFormField } from '@ptsecurity/mosaic/form-field';
 import { Observable } from 'rxjs';
 import { McAutocompleteOrigin } from './autocomplete-origin.directive';
@@ -14,8 +14,6 @@ import * as i0 from "@angular/core";
  * to properly calculate the scrollTop of the panel. Because we are not
  * actually focusing the active item, scroll must be handled manually.
  */
-/** The height of each autocomplete option. */
-export declare const AUTOCOMPLETE_OPTION_HEIGHT = 32;
 /** The total height of the autocomplete panel. */
 export declare const AUTOCOMPLETE_PANEL_HEIGHT = 256;
 export declare const AUTOCOMPLETE_BORDER_WIDTH: number;
@@ -37,7 +35,7 @@ export declare const MAT_AUTOCOMPLETE_VALUE_ACCESSOR: any;
  * @docs-private
  */
 export declare function getMcAutocompleteMissingPanelError(): Error;
-export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDestroy {
+export declare class McAutocompleteTrigger implements AfterViewInit, ControlValueAccessor, OnDestroy, KeyboardNavigationHandler {
     private elementRef;
     private viewContainerRef;
     private changeDetectorRef;
@@ -92,6 +90,7 @@ export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDe
     /** Stream of keyboard events that can close the panel. */
     private readonly closeKeyEventStream;
     constructor(elementRef: ElementRef<HTMLInputElement>, viewContainerRef: ViewContainerRef, changeDetectorRef: ChangeDetectorRef, overlay: Overlay, zone: NgZone, scrollStrategy: any, dir: Directionality, formField: McFormField, document: any, viewportRuler?: ViewportRuler | undefined);
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /** `View -> model callback called when value changes` */
     onChange: (value: any) => void;
@@ -118,6 +117,7 @@ export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDe
     handleInput(event: KeyboardEvent): void;
     handleFocus(): void;
     handleClick($event: MouseEvent): void;
+    scrollActiveOptionIntoView(): void;
     /** Stream of clicks outside of the autocomplete panel. */
     private getOutsideClickStream;
     /**
@@ -125,16 +125,6 @@ export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDe
      * arrow function in order to preserve the context.
      */
     private windowBlurHandler;
-    /**
-     * Given that we are not actually focusing active options, we must manually adjust scroll
-     * to reveal options below the fold. First, we find the offset of the option from the top
-     * of the panel. If that offset is below the fold, the new scrollTop will be the offset -
-     * the panel height + the option height, so the active option will be just visible at the
-     * bottom of the panel. If that offset is above the top of the visible panel, the new scrollTop
-     * will become the offset. If that offset is visible within the panel already, the scrollTop is
-     * not adjusted.
-     */
-    private scrollToOption;
     /**
      * This method listens to a stream of panel closing actions and resets the
      * stream every time the option list changes.

package/button/_button-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-button-color($params) {
     color: map.get($params, color);
     border-color: map.get($params, border);
@@ -132,6 +127,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-button-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-button,
     .mc-icon-button {
         @include mc-typography-level-to-styles($config, map.get($tokens, button-font-default));

package/button-toggle/_button-toggle-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-button-toggle-color($state) {
     & .mc-button-overlay {
         background: map.get($state, background);
@@ -80,6 +75,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-button-toggle-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-button-toggle {
         @include mc-typography-level-to-styles($config, map.get($tokens, button-toggle-font-default));
 

package/checkbox/_checkbox-theme.scss

@@ -3,11 +3,6 @@
 
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 /* stylelint-disable no-descending-specificity */
 @mixin mc-checkbox-color($states) {
     & .mc-checkbox-frame {
@@ -67,6 +62,10 @@ $tokens: meta.module-variables(tokens) !default;
             }
         }
 
+        & .mc-hint {
+            color: map-get($foreground, text-less-contrast);
+        }
+
         &.mc-primary {
             @include mc-checkbox-color(map.get($checkbox, default));
 
@@ -99,6 +98,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-checkbox-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-checkbox {
         @include mc-typography-level-to-styles($config, map.get($tokens, checkbox-font-default));
     }

package/code-block/_code-block-theme.scss

@@ -4,12 +4,6 @@
 
 @use '../core/styles/typography/typography-utils' as *;
 
-@use '../core/styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
-
 @mixin mc-code-block-theme($theme) {
     $code-block: map.get(map.get($theme, components), code-block);
 
@@ -319,6 +313,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-code-block-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-code-block {
         @include mc-typography-level-to-styles($config, map.get($tokens, code-block-font-default));
 

package/core/formatters/index.d.ts

@@ -3,7 +3,7 @@ import * as i1 from "./number/formatter";
 import * as i2 from "./date/formatter.pipe";
 export declare class McFormattersModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<McFormattersModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<McFormattersModule, [typeof i1.McDecimalPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe], never, [typeof i1.McDecimalPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<McFormattersModule, [typeof i1.McDecimalPipe, typeof i1.McTableNumberPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe], never, [typeof i1.McDecimalPipe, typeof i1.McTableNumberPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<McFormattersModule>;
 }
 export * from './number/formatter';

package/core/formatters/number/formatter.d.ts

@@ -30,8 +30,33 @@ export declare class McDecimalPipe implements PipeTransform {
      * When not supplied, uses the value of `MC_LOCALE_ID`, which is `ru` by default.
      */
     transform(value: any, digitsInfo?: string, locale?: string): string | null;
+    isSpecialFormatForRULocale(locale: string, value: number, grouping?: boolean): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<McDecimalPipe, [{ optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵpipe: i0.ɵɵPipeDeclaration<McDecimalPipe, "mcNumber", false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<McDecimalPipe>;
 }
+export declare class McTableNumberPipe implements PipeTransform {
+    private id;
+    private localeService;
+    private readonly options;
+    constructor(id: string, localeService: McLocaleService, options: ParsedDigitsInfo);
+    /**
+     * @param value The number to be formatted.
+     * @param digitsInfo Decimal representation options, specified by a string
+     * in the following format:<br>
+     * <code>{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}</code>.
+     *   - `minIntegerDigits`: The minimum number of integer digits before the decimal point.
+     * Default is `1`.
+     *   - `minFractionDigits`: The minimum number of digits after the decimal point.
+     * Default is `0`.
+     *   - `maxFractionDigits`: The maximum number of digits after the decimal point.
+     * Default is `3`.
+     * @param locale A locale code for the locale format rules to use.
+     * When not supplied, uses the value of `MC_LOCALE_ID`, which is `ru` by default.
+     */
+    transform(value: any, digitsInfo?: string, locale?: string): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McTableNumberPipe, [{ optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<McTableNumberPipe, "mcTableNumber", false>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<McTableNumberPipe>;
+}
 export {};

package/core/forms/_forms-theme.scss

@@ -2,10 +2,6 @@
 @use 'sass:map';
 
 @use '../styles/typography' as *;
-@use '../styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
 
 @mixin mc-forms-theme($theme) {
     $foreground: map.get($theme, foreground);
@@ -22,6 +18,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-forms-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-form__label {
         @include mc-typography-level-to-styles($config, map.get($tokens, forms-font-default-label));
     }

package/core/locales/en-US.d.ts

@@ -1,11 +1,10 @@
 export declare const enUSLocaleData: {
-    en: {
+    'en-US': {
         select: {
             hiddenItemsText: string;
         };
         datepicker: {
             placeholder: string;
-            dateInput: string;
         };
     };
 };

package/core/locales/es-LA.d.ts

@@ -3,5 +3,14 @@ export declare const esLALocaleData: {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
 };

package/core/locales/fa-IR.d.ts

@@ -3,5 +3,14 @@ export declare const faIRLocaleData: {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
 };

package/core/locales/locale-service.d.ts

@@ -2,44 +2,78 @@ import { InjectionToken } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare const MC_LOCALE_ID: InjectionToken<string>;
-export declare const MC_DEFAULT_LOCALE_ID = "ru";
+export declare const MC_DEFAULT_LOCALE_ID = "ru-RU";
 export declare function MC_DEFAULT_LOCALE_DATA_FACTORY(): {
     'zh-CN': {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
     'pt-BR': {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
     'fa-IR': {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
     'es-LA': {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
-    en: {
+    'en-US': {
         select: {
             hiddenItemsText: string;
         };
         datepicker: {
             placeholder: string;
-            dateInput: string;
         };
     };
-    ru: {
+    'ru-RU': {
         select: {
             hiddenItemsText: string;
         };
         datepicker: {
             placeholder: string;
-            dateInput: string;
         };
     };
     items: {

package/core/locales/pt-BR.d.ts

@@ -3,5 +3,14 @@ export declare const ptBRLocaleData: {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
 };

package/core/locales/ru-RU.d.ts

@@ -1,11 +1,10 @@
 export declare const ruRULocaleData: {
-    ru: {
+    'ru-RU': {
         select: {
             hiddenItemsText: string;
         };
         datepicker: {
             placeholder: string;
-            dateInput: string;
         };
     };
 };

package/core/locales/zh-CN.d.ts

@@ -3,5 +3,14 @@ export declare const znCNLocaleData: {
         select: {
             hiddenItemsText: string;
         };
+        datepicker: {
+            placeholder: string;
+        };
+        timepicker: {
+            placeholder: {
+                full: string;
+                short: string;
+            };
+        };
     };
 };

package/core/option/_optgroup-theme.scss

@@ -2,10 +2,6 @@
 @use 'sass:map';
 
 @use '../styles/typography' as *;
-@use '../styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
 
 @mixin mc-optgroup-theme($theme) {
     $foreground: map.get($theme, foreground);
@@ -20,6 +16,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-optgroup-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-optgroup-label {
         @include mc-typography-level-to-styles($config, map.get($tokens, optgroup-font-default));
     }

package/core/option/_option-theme.scss

@@ -3,11 +3,6 @@
 
 @use '../styles/typography' as *;
 
-@use '../styles/tokens';
-
-
-$tokens: meta.module-variables(tokens) !default;
-
 @mixin mc-option-theme($theme) {
     $foreground: map.get($theme, foreground);
     $background: map.get($theme, background);
@@ -40,6 +35,8 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 @mixin mc-option-typography($config) {
+    $tokens: map.get($config, tokens);
+
     .mc-option {
         @include mc-typography-level-to-styles($config, map.get($tokens, option-font-default));
     }