@ptsecurity/mosaic 14.3.0 → 14.4.0

package/_theming.scss

@@ -793,21 +793,27 @@ $checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2);
 $checkbox-font-default: body;
 $datepicker-toggle-size-width: 30px;
 $datepicker-toggle-size-height: 30px;
-$datepicker-body-light-color-scheme-states-selected-color: #0374eb;
+$datepicker-body-light-color-scheme-states-today-color: #0374eb;
+$datepicker-body-light-color-scheme-states-today-background: white;
+$datepicker-body-light-color-scheme-states-selected-color: #19252f;
 $datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
-$datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
+$datepicker-body-dark-color-scheme-states-today-color: #4187ff;
+$datepicker-body-dark-color-scheme-states-today-background: #19252f;
+$datepicker-body-dark-color-scheme-states-selected-color: #d7dee4;
 $datepicker-body-dark-color-scheme-states-selected-background: rgba(3, 116, 235, 0.3);
 $datepicker-body-size-label-paddings: 8px 28px 12px 12px;
 $datepicker-body-size-cell-min-size: 32px;
 $datepicker-body-size-cell-margin: 5%;
 $datepicker-body-size-cell-padding: 8px;
 $datepicker-body-size-cell-border-width: 1px;
+$datepicker-body-size-cell-border-radius: 0;
 $datepicker-body-font-label: body-strong;
 $datepicker-body-font-today: body-strong;
 $datepicker-calendar-size-padding-top: 16px;
 $datepicker-calendar-size-padding-horizontal: 8px;
 $datepicker-calendar-size-padding-bottom: 8px;
 $datepicker-calendar-size-padding-blocks: 12px;
+$datepicker-calendar-size-border-radius: 0;
 $datepicker-calendar-size-divider-width: 1px;
 $datepicker-calendar-size-icon-border-width: 2px;
 $datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg);
@@ -1269,7 +1275,6 @@ $sidepanel-header-light-color-scheme-border: #d7dee4;
 $sidepanel-header-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $sidepanel-header-size-height: 56px;
 $sidepanel-header-size-padding: 0 16px;
-$sidepanel-header-size-close-padding: 0 0 0 8px;
 $sidepanel-header-font-default: title;
 $sidepanel-footer-light-color-scheme-border: #f2f5f9;
 $sidepanel-footer-dark-color-scheme-border: mix(#515e69, transparent, 50%);
@@ -2865,6 +2870,7 @@ $md-typography: (
     );
 
     $datepicker: (
+        state-today-color: $datepicker-body-light-color-scheme-states-today-color,
         state-selected-color: $datepicker-body-light-color-scheme-states-selected-color,
         state-selected-background: $datepicker-body-light-color-scheme-states-selected-background
     );
@@ -3440,6 +3446,7 @@ $md-typography: (
     );
 
     $datepicker: (
+        state-selected-today-color: $datepicker-body-dark-color-scheme-states-today-color,
         state-selected-color: $datepicker-body-dark-color-scheme-states-selected-color,
         state-selected-background: $datepicker-body-dark-color-scheme-states-selected-background
     );
@@ -4911,7 +4918,8 @@ $mc-datepicker-today-fade-amount: 0.2;
     }
 
     .mc-calendar__body-today {
-        color: map-get($datepicker, state-selected-color);
+        color: map-get($datepicker, state-today-color);
+        background-color: map-get($datepicker, state-today-background);
     }
 
     .mc-calendar__body_disabled > .mc-calendar__body-today:not(.mc-selected) {
@@ -4921,6 +4929,7 @@ $mc-datepicker-today-fade-amount: 0.2;
 
     .mc-calendar__body-cell-content.mc-selected {
         background: map-get($datepicker, state-selected-background);
+        color: map-get($datepicker, state-selected-color);
     }
 
     .mc-calendar__body_disabled > .mc-selected {

package/_visual.scss

@@ -627,21 +627,27 @@ $checkbox-size-toggle-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2);
 $checkbox-font-default: body;
 $datepicker-toggle-size-width: 30px;
 $datepicker-toggle-size-height: 30px;
-$datepicker-body-light-color-scheme-states-selected-color: #0374eb;
+$datepicker-body-light-color-scheme-states-today-color: #0374eb;
+$datepicker-body-light-color-scheme-states-today-background: white;
+$datepicker-body-light-color-scheme-states-selected-color: #19252f;
 $datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
-$datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
+$datepicker-body-dark-color-scheme-states-today-color: #4187ff;
+$datepicker-body-dark-color-scheme-states-today-background: #19252f;
+$datepicker-body-dark-color-scheme-states-selected-color: #d7dee4;
 $datepicker-body-dark-color-scheme-states-selected-background: rgba(3, 116, 235, 0.3);
 $datepicker-body-size-label-paddings: 8px 28px 12px 12px;
 $datepicker-body-size-cell-min-size: 32px;
 $datepicker-body-size-cell-margin: 5%;
 $datepicker-body-size-cell-padding: 8px;
 $datepicker-body-size-cell-border-width: 1px;
+$datepicker-body-size-cell-border-radius: 0;
 $datepicker-body-font-label: body-strong;
 $datepicker-body-font-today: body-strong;
 $datepicker-calendar-size-padding-top: 16px;
 $datepicker-calendar-size-padding-horizontal: 8px;
 $datepicker-calendar-size-padding-bottom: 8px;
 $datepicker-calendar-size-padding-blocks: 12px;
+$datepicker-calendar-size-border-radius: 0;
 $datepicker-calendar-size-divider-width: 1px;
 $datepicker-calendar-size-icon-border-width: 2px;
 $datepicker-calendar-size-icon-prev-icon-transform: translateX(2px) rotate(-45deg);
@@ -1103,7 +1109,6 @@ $sidepanel-header-light-color-scheme-border: #d7dee4;
 $sidepanel-header-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $sidepanel-header-size-height: 56px;
 $sidepanel-header-size-padding: 0 16px;
-$sidepanel-header-size-close-padding: 0 0 0 8px;
 $sidepanel-header-font-default: title;
 $sidepanel-footer-light-color-scheme-border: #f2f5f9;
 $sidepanel-footer-dark-color-scheme-border: mix(#515e69, transparent, 50%);

package/core/formatters/date/formatter.pipe.d.ts

@@ -1,95 +1,108 @@
 import { PipeTransform } from '@angular/core';
-import { DateTime } from 'luxon';
+import { DateAdapter } from '@ptsecurity/cdk/datetime';
 import { DateFormatter, DateTimeOptions } from './formatter';
 import * as i0 from "@angular/core";
-export declare class AbsoluteDateFormatterPipe implements PipeTransform {
+export declare class AbsoluteDateFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, currYear?: boolean): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateFormatterPipe, "absoluteLongDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, currYear?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateFormatterPipe<any>, "absoluteLongDate", false>;
 }
-export declare class AbsoluteDateTimeFormatterPipe implements PipeTransform {
+export declare class AbsoluteDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateTimeFormatterPipe, "absoluteLongDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateTimeFormatterPipe<any>, "absoluteLongDateTime", false>;
 }
-export declare class AbsoluteDateShortFormatterPipe implements PipeTransform {
+export declare class AbsoluteDateShortFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, currYear?: boolean): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateShortFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateShortFormatterPipe, "absoluteShortDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, currYear?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteDateShortFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteDateShortFormatterPipe<any>, "absoluteShortDate", false>;
 }
-export declare class AbsoluteShortDateTimeFormatterPipe implements PipeTransform {
+export declare class AbsoluteShortDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteShortDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteShortDateTimeFormatterPipe, "absoluteShortDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbsoluteShortDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AbsoluteShortDateTimeFormatterPipe<any>, "absoluteShortDateTime", false>;
 }
-export declare class RelativeDateFormatterPipe implements PipeTransform {
+export declare class RelativeDateFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateFormatterPipe, "relativeLongDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateFormatterPipe<any>, "relativeLongDate", false>;
 }
-export declare class RelativeDateTimeFormatterPipe implements PipeTransform {
+export declare class RelativeDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateTimeFormatterPipe, "relativeLongDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeDateTimeFormatterPipe<any>, "relativeLongDateTime", false>;
 }
-export declare class RelativeShortDateFormatterPipe implements PipeTransform {
+export declare class RelativeShortDateFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateFormatterPipe, "relativeShortDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateFormatterPipe<any>, "relativeShortDate", false>;
 }
-export declare class RelativeShortDateTimeFormatterPipe implements PipeTransform {
+export declare class RelativeShortDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform(value: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateTimeFormatterPipe, "relativeShortDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform(value: D | string, options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RelativeShortDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RelativeShortDateTimeFormatterPipe<any>, "relativeShortDateTime", false>;
 }
-export declare class RangeDateFormatterPipe implements PipeTransform {
+export declare class RangeDateFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform([value1, value2]: any): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateFormatterPipe, "rangeLongDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform([value1, value2]: D[] | string[]): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateFormatterPipe<any>, "rangeLongDate", false>;
 }
-export declare class RangeShortDateFormatterPipe implements PipeTransform {
+export declare class RangeShortDateFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform([value1, value2]: any): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateFormatterPipe, "rangeShortDate", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform([value1, value2]: D[] | string[]): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateFormatterPipe<any>, "rangeShortDate", false>;
 }
-export declare class RangeDateTimeFormatterPipe implements PipeTransform {
+export declare class RangeDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform([value1, value2]: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateTimeFormatterPipe, "rangeLongDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform([value1, value2]: D[] | string[], options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeDateTimeFormatterPipe<any>, "rangeLongDateTime", false>;
 }
-export declare class RangeMiddleDateTimeFormatterPipe implements PipeTransform {
+export declare class RangeMiddleDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform([value1, value2]: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RangeMiddleDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RangeMiddleDateTimeFormatterPipe, "rangeMiddleDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform([value1, value2]: D[] | string[], options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeMiddleDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeMiddleDateTimeFormatterPipe<any>, "rangeMiddleDateTime", false>;
 }
-export declare class RangeShortDateTimeFormatterPipe implements PipeTransform {
+export declare class RangeShortDateTimeFormatterPipe<D> implements PipeTransform {
+    private adapter;
     private formatter;
-    constructor(formatter: DateFormatter<DateTime>);
-    transform([value1, value2]: any, options?: DateTimeOptions): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateTimeFormatterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateTimeFormatterPipe, "rangeShortDateTime", false>;
+    constructor(adapter: DateAdapter<D>, formatter: DateFormatter<D>);
+    transform([value1, value2]: D[] | string[], options?: DateTimeOptions): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeShortDateTimeFormatterPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeShortDateTimeFormatterPipe<any>, "rangeShortDateTime", false>;
 }

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

@@ -1,11 +1,20 @@
 import { InjectionToken, PipeTransform } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare const MC_LOCALE_ID: InjectionToken<string>;
+export declare const MC_NUMBER_FORMATTER_OPTIONS: InjectionToken<string>;
+export declare const MC_NUMBER_FORMATTER_DEFAULT_OPTIONS: ParsedDigitsInfo;
 export declare const DEFAULT_MC_LOCALE_ID = "ru";
 export declare const NUMBER_FORMAT_REGEXP: RegExp;
+declare class ParsedDigitsInfo {
+    useGrouping: boolean;
+    minimumIntegerDigits: number;
+    minimumFractionDigits: number;
+    maximumFractionDigits: number;
+}
 export declare class McDecimalPipe implements PipeTransform {
-    private _locale;
-    constructor(_locale: string);
+    private locale;
+    private readonly options;
+    constructor(locale: string, options: ParsedDigitsInfo);
     /**
      * @param value The number to be formatted.
      * @param digitsInfo Decimal representation options, specified by a string
@@ -21,7 +30,8 @@ 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;
-    static ɵfac: i0.ɵɵFactoryDeclaration<McDecimalPipe, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<McDecimalPipe, [{ optional: true; }, { optional: true; }]>;
     static ɵpipe: i0.ɵɵPipeDeclaration<McDecimalPipe, "mcNumber", false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<McDecimalPipe>;
 }
+export {};

package/datepicker/datepicker-input.directive.d.ts

@@ -167,6 +167,7 @@ export declare class McDatepickerInput<D> implements McFormFieldControl<D>, Cont
     private setControl;
     private getDigitPositions;
     private createDate;
+    private createDateTime;
     private correctCursorPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<McDatepickerInput<any>, [null, null, { optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<McDatepickerInput<any>, "input[mcDatepicker]", ["mcDatepickerInput"], { "placeholder": "placeholder"; "required": "required"; "mcDatepicker": "mcDatepicker"; "mcDatepickerFilter": "mcDatepickerFilter"; "value": "value"; "min": "min"; "max": "max"; "disabled": "disabled"; "id": "id"; "mcValidationTooltip": "mcValidationTooltip"; }, { "incorrectInput": "incorrectInput"; "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, false>;

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

@@ -8,17 +8,25 @@
     'datepicker-body': {
         'light-color-scheme': {
             states: {
-                selected: {
+                today: {
                     color: { value: '{light-color-scheme.primary.default}' },
-                    background: { value: '{light-color-scheme.primary.palette.value.100}' }
+                    background: { value: '{light-color-scheme.background.background}' }
+                },
+                selected: {
+                    color: { value: '{light-color-scheme.foreground.text}' },
+                    background: { value: '{light-color-scheme.states.selected-color}' }
                 }
             }
         },
         'dark-color-scheme': {
             states: {
-                selected: {
+                today: {
                     color: { value: '{dark-color-scheme.primary.palette.value.500}' },
-                    background: { value: '{dark-color-scheme.primary.palette.value.700}' }
+                    background: { value: '{light-color-scheme.background.background}' }
+                },
+                selected: {
+                    color: { value: '{light-color-scheme.foreground.text}' },
+                    background: { value: '{light-color-scheme.states.selected-color}' }
                 }
             }
         },
@@ -30,7 +38,8 @@
                 'min-size': { value: '{size.3xl}' },
                 margin: { value: '5%' },
                 padding: { value: '{size.s}' },
-                'border-width': { value: '{size.border-width}' }
+                'border-width': { value: '{size.border-width}' },
+                'border-radius': { value: '0' }
             }
         },
         font: {
@@ -44,7 +53,7 @@
             'padding-horizontal': { value: '{size.s}' },
             'padding-bottom': { value: '{size.s}' },
             'padding-blocks': { value: '{size.m}' },
-
+            'border-radius': { value: '0' },
             'divider-width': { value: '1px' },
 
             icon: {

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

@@ -11,6 +11,6 @@
             border: { value: '{dark-color-scheme.second.palette.value.400}' },
             background: { value: '{dark-color-scheme.second.palette.value.700}' },
             'footer-background': { value: 'transparent' }
-        }
+        },
     }
 }

package/design-tokens/legacy-2017/tokens.d.ts

@@ -7428,21 +7428,27 @@ export declare const CheckboxSizeToggleBoxShadow = "inset 0 0 1px 0 rgba(0, 0, 0
 export declare const CheckboxFontDefault = "body";
 export declare const DatepickerToggleSizeWidth = "30px";
 export declare const DatepickerToggleSizeHeight = "30px";
-export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#338FCC";
+export declare const DatepickerBodyLightColorSchemeStatesTodayColor = "#338FCC";
+export declare const DatepickerBodyLightColorSchemeStatesTodayBackground = "white";
+export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#4D4D4D";
 export declare const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#D8EAF7";
-export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#338FCC";
-export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#114E77";
+export declare const DatepickerBodyDarkColorSchemeStatesTodayColor = "#338FCC";
+export declare const DatepickerBodyDarkColorSchemeStatesTodayBackground = "white";
+export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#4D4D4D";
+export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "#D8EAF7";
 export declare const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px";
 export declare const DatepickerBodySizeCellMinSize = "32px";
 export declare const DatepickerBodySizeCellMargin = "5%";
 export declare const DatepickerBodySizeCellPadding = "8px";
 export declare const DatepickerBodySizeCellBorderWidth = "1px";
+export declare const DatepickerBodySizeCellBorderRadius = "0";
 export declare const DatepickerBodyFontLabel = "body-strong";
 export declare const DatepickerBodyFontToday = "body-strong";
 export declare const DatepickerCalendarSizePaddingTop = "16px";
 export declare const DatepickerCalendarSizePaddingHorizontal = "8px";
 export declare const DatepickerCalendarSizePaddingBottom = "8px";
 export declare const DatepickerCalendarSizePaddingBlocks = "12px";
+export declare const DatepickerCalendarSizeBorderRadius = "0";
 export declare const DatepickerCalendarSizeDividerWidth = "1px";
 export declare const DatepickerCalendarSizeIconBorderWidth = "2px";
 export declare const DatepickerCalendarSizeIconPrevIconTransform = "translateX(2px) rotate(-45deg)";

package/design-tokens/pt-2022/tokens/components/datepicker.json5

@@ -8,16 +8,24 @@
     'datepicker-body': {
         'light-color-scheme': {
             states: {
-                selected: {
+                today: {
                     color: { value: '{light-color-scheme.primary.palette.value.500}' },
+                    background: { value: '{light-color-scheme.background.background}' }
+                },
+                selected: {
+                    color: { value: '{light-color-scheme.foreground.text}' },
                     background: { value: '{light-color-scheme.states.selected-color}' }
                 }
             }
         },
         'dark-color-scheme': {
             states: {
-                selected: {
+                today: {
                     color: { value: '{dark-color-scheme.primary.palette.value.400}' },
+                    background: { value: '{dark-color-scheme.background.background}' }
+                },
+                selected: {
+                    color: { value: '{dark-color-scheme.foreground.text}' },
                     background: { value: '{dark-color-scheme.states.selected-color}' }
                 }
             }
@@ -30,7 +38,8 @@
                 'min-size': { value: '{size.3xl}' },
                 margin: { value: '5%' },
                 padding: { value: '{size.s}' },
-                'border-width': { value: '{size.border-width}' }
+                'border-width': { value: '{size.border-width}' },
+                'border-radius': { value: '0' }
             }
         },
         font: {
@@ -44,7 +53,7 @@
             'padding-horizontal': { value: '{size.s}' },
             'padding-bottom': { value: '{size.s}' },
             'padding-blocks': { value: '{size.m}' },
-
+            'border-radius': { value: '0' },
             'divider-width': { value: '1px' },
 
             icon: {

package/design-tokens/pt-2022/tokens/components/popup.json5

@@ -4,7 +4,7 @@
             shadow: { value: '0 3px 8px 0 rgba(39, 51, 62, 0.2)' },
             border: { value: '{light-color-scheme.foreground.divider}' },
             background: { value: '{light-color-scheme.background.background}' },
-            'footer-background': { value: '{light-color-scheme.background.background-disabled}' }
+            'footer-background': { value: '{light-color-scheme.background.background-disabled}'}
         },
         'dark-color-scheme': {
             shadow: { value: '0 3px 8px 0 rgba(0, 0, 0, 0.2)' },

package/design-tokens/pt-2022/tokens/components/sidepanel.json5

@@ -19,8 +19,7 @@
         },
         size: {
             height: { value: '{size.6xl}' },
-            padding: { value: '0 {size.l}' },
-            'close-padding': { value: '0 0 0 {size.s}' }
+            padding: { value: '0 {size.l}' }
         },
         font: {
             default: { value: 'title' }

package/design-tokens/pt-2022/tokens.d.ts

@@ -8757,21 +8757,27 @@ export declare const CheckboxSizeToggleBoxShadow = "inset 0 0 1px 0 rgba(0, 0, 0
 export declare const CheckboxFontDefault = "body";
 export declare const DatepickerToggleSizeWidth = "30px";
 export declare const DatepickerToggleSizeHeight = "30px";
-export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#0374eb";
+export declare const DatepickerBodyLightColorSchemeStatesTodayColor = "#0374eb";
+export declare const DatepickerBodyLightColorSchemeStatesTodayBackground = "white";
+export declare const DatepickerBodyLightColorSchemeStatesSelectedColor = "#19252f";
 export declare const DatepickerBodyLightColorSchemeStatesSelectedBackground = "#e7f1ff";
-export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#4187ff";
+export declare const DatepickerBodyDarkColorSchemeStatesTodayColor = "#4187ff";
+export declare const DatepickerBodyDarkColorSchemeStatesTodayBackground = "#19252f";
+export declare const DatepickerBodyDarkColorSchemeStatesSelectedColor = "#d7dee4";
 export declare const DatepickerBodyDarkColorSchemeStatesSelectedBackground = "rgba(3, 116, 235, 0.3)";
 export declare const DatepickerBodySizeLabelPaddings = "8px 28px 12px 12px";
 export declare const DatepickerBodySizeCellMinSize = "32px";
 export declare const DatepickerBodySizeCellMargin = "5%";
 export declare const DatepickerBodySizeCellPadding = "8px";
 export declare const DatepickerBodySizeCellBorderWidth = "1px";
+export declare const DatepickerBodySizeCellBorderRadius = "0";
 export declare const DatepickerBodyFontLabel = "body-strong";
 export declare const DatepickerBodyFontToday = "body-strong";
 export declare const DatepickerCalendarSizePaddingTop = "16px";
 export declare const DatepickerCalendarSizePaddingHorizontal = "8px";
 export declare const DatepickerCalendarSizePaddingBottom = "8px";
 export declare const DatepickerCalendarSizePaddingBlocks = "12px";
+export declare const DatepickerCalendarSizeBorderRadius = "0";
 export declare const DatepickerCalendarSizeDividerWidth = "1px";
 export declare const DatepickerCalendarSizeIconBorderWidth = "2px";
 export declare const DatepickerCalendarSizeIconPrevIconTransform = "translateX(2px) rotate(-45deg)";
@@ -9233,7 +9239,6 @@ export declare const SidepanelHeaderLightColorSchemeBorder = "#d7dee4";
 export declare const SidepanelHeaderDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";
 export declare const SidepanelHeaderSizeHeight = "56px";
 export declare const SidepanelHeaderSizePadding = "0 16px";
-export declare const SidepanelHeaderSizeClosePadding = "0 0 0 8px";
 export declare const SidepanelHeaderFontDefault = "title";
 export declare const SidepanelFooterLightColorSchemeBorder = "#f2f5f9";
 export declare const SidepanelFooterDarkColorSchemeBorder = "mix(#515e69, transparent, 50%)";